:root{--navy:#061426;--navy2:#0b2442;--blue:#2f8cff;--blue2:#63b3ff;--cyan:#5fe0ff;--ink:#eaf4ff;--muted:#91a9c3;--line:#1d4268;--panel:#0b1d33;--green:#3ed58b;--amber:#ffbf4b;--red:#ff6476}*{box-sizing:border-box}html{background:var(--navy);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 76% -10%,rgba(47,140,255,.25),transparent 35%),linear-gradient(180deg,#071629 0,#06111f 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.demo-topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(94,160,224,.25);background:rgba(5,17,31,.92);backdrop-filter:blur(16px)}.demo-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.demo-brand img{width:42px;height:42px;object-fit:contain}.demo-brand span{display:grid}.demo-brand b{font-size:.94rem}.demo-brand small{color:var(--muted);font-size:.7rem}.demo-topbar nav{display:flex;align-items:center;gap:10px}.demo-topbar nav a{padding:10px 13px;border-radius:9px;color:#bed8f1;font-weight:750;font-size:.78rem;text-decoration:none}.demo-topbar nav .download{border:1px solid #469cff;background:linear-gradient(135deg,#2379dd,#1658a6);color:#fff;box-shadow:0 7px 20px rgba(24,107,203,.25)}main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:44px 0 28px}.report-hero{display:grid;grid-template-columns:1fr 190px;align-items:center;gap:40px;padding:34px 38px;border:1px solid #245789;border-radius:20px;background:linear-gradient(125deg,rgba(14,50,88,.95),rgba(7,27,51,.93));box-shadow:0 24px 70px rgba(0,0,0,.23)}.sample-label,.panel-head span,.snapshot article span{color:#68b4ff;font-size:.69rem;font-weight:850;letter-spacing:.11em}.report-hero h1{margin:11px 0 0;font-size:clamp(2rem,5vw,4.2rem);line-height:.95;letter-spacing:-.055em}.target{margin:12px 0 0;color:var(--cyan);font:800 1.15rem ui-monospace,SFMono-Regular,Menlo,monospace}.intro{max-width:700px;margin:16px 0 0;color:#b8cce0;font-size:1rem;line-height:1.65}.score-card{display:grid;justify-items:center;padding:22px;border:1px solid #3a75ad;border-radius:17px;background:rgba(5,22,41,.7)}.score-card span{color:#8ab9e6;font-size:.65rem;font-weight:850;letter-spacing:.1em}.score-card strong{margin:8px 0 0;color:#fff;font-size:4.2rem;line-height:.95}.score-card small{color:var(--muted);font-size:.7rem}.score-card b{margin-top:14px;padding:7px 11px;border-radius:99px;background:rgba(62,213,139,.13);color:var(--green);font-size:.7rem;letter-spacing:.07em}.snapshot{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.snapshot article,.panel{border:1px solid var(--line);background:linear-gradient(150deg,rgba(13,35,61,.94),rgba(7,24,43,.95));box-shadow:0 15px 42px rgba(0,0,0,.15)}.snapshot article{display:grid;gap:7px;padding:18px;border-radius:13px}.snapshot article strong{font-size:1.17rem}.snapshot article small{color:var(--muted);font-size:.76rem}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{padding:22px;border-radius:15px}.span-2{grid-column:1/-1}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:20px}.panel-head h2{margin:6px 0 0;font-size:1.05rem}.panel-head em{padding:6px 9px;border:1px solid #31577c;border-radius:7px;color:#88a8c7;font-size:.66rem;font-style:normal}.topology{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center;padding:18px;border:1px solid #1c456c;border-radius:12px;background:#061729}.root{position:relative;display:grid;gap:7px;padding:20px;border:1px solid #3a8adc;border-radius:11px;background:#0c2b4c}.root:after{content:"";position:absolute;left:100%;top:50%;width:35px;border-top:1px solid #3974aa}.root small{color:#6db9ff;font-size:.65rem;font-weight:800}.root b{font:850 .92rem ui-monospace,SFMono-Regular,Menlo,monospace}.root span,.path small{color:var(--muted);font-size:.7rem}.paths{display:grid;gap:8px}.path{display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid #21496f;border-radius:9px;background:#0a213a}.path i{display:grid;place-items:center;width:38px;height:38px;border:1px solid #3b8fdc;border-radius:50%;color:#70c2ff;font-size:.64rem;font-weight:900;font-style:normal}.path div{display:grid;gap:4px;min-width:0}.path b{font:800 .75rem ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.path>strong{color:var(--green);font-size:.69rem}.path>strong.review{color:var(--amber)}.ring-row{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:25px}.ring{display:grid;place-content:center;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#0c2038 0 54%,transparent 55%),conic-gradient(var(--blue) 0 75%,#173957 75%)}.ring strong,.ring small{display:block;text-align:center}.ring strong{font-size:1.5rem}.ring small{color:var(--muted);font-size:.68rem}.legend{display:grid;gap:13px;margin:0;padding:0;list-style:none}.legend li{color:#bfd0df;font-size:.79rem}.legend i{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%}.legend .pass{background:var(--green)}.legend .warn{background:var(--amber)}.legend .info{background:var(--blue)}.bars{display:grid;gap:11px}.bars>div{display:grid;grid-template-columns:64px 1fr 20px;gap:10px;align-items:center}.bars span,.bars strong{font-size:.72rem}.bars i{height:8px;overflow:hidden;border-radius:99px;background:#17334e}.bars b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2c7ee0,#62c1ff)}.findings{display:grid}.finding{display:grid;grid-template-columns:70px 1fr auto;gap:15px;align-items:start;padding:16px 0;border-top:1px solid #183c5e}.finding:first-child{border-top:0;padding-top:0}.severity{display:inline-grid;place-items:center;padding:6px 7px;border-radius:6px;font-size:.62rem;font-weight:900}.severity.medium{background:rgba(255,191,75,.12);color:var(--amber)}.severity.low{background:rgba(79,164,255,.13);color:#74bdff}.severity.pass{background:rgba(62,213,139,.12);color:var(--green)}.finding h3{margin:0;font-size:.87rem}.finding p{margin:5px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}.finding>b{color:#9cb5cd;font-size:.67rem}.control-list{display:grid;grid-template-columns:1fr auto;gap:5px 10px}.control-list div{display:contents}.control-list span,.control-list b{font-size:.78rem}.control-list small{grid-column:1/-1;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #183b5d;color:var(--muted);font-size:.71rem;line-height:1.4}.control-list small:last-child{margin:0;padding:0;border:0}.review-text{color:var(--amber)}.pass-text{color:var(--green)}.recommendations ol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none}.recommendations li{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:15px;border:1px solid #234b70;border-radius:10px;background:#0a2037}.recommendations li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#123a62;color:#6fbaff;font-size:.68rem;font-weight:900}.recommendations b{font-size:.82rem}.recommendations p{margin:6px 0 0;color:var(--muted);font-size:.74rem;line-height:1.5}.disclaimer{margin:20px 0 0;padding:14px 16px;border-left:3px solid #357fc6;background:rgba(18,53,84,.5);color:#8fa8c0;font-size:.72rem;line-height:1.55}footer{display:flex;justify-content:space-between;gap:20px;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:22px 0 34px;border-top:1px solid #183651;color:#718aa3;font-size:.72rem}footer a{color:#77baff;text-decoration:none;font-weight:800}@media(max-width:780px){.report-hero{grid-template-columns:1fr}.score-card{grid-template-columns:auto auto auto auto;gap:8px;justify-content:start;align-items:baseline}.score-card strong{font-size:2rem}.score-card b{margin:0}.snapshot{grid-template-columns:1fr 1fr}.topology{grid-template-columns:1fr}.root:after{display:none}.recommendations ol{grid-template-columns:1fr}}@media(max-width:580px){.demo-brand small,.demo-topbar nav>a:first-child{display:none}.demo-topbar{padding-inline:16px}.demo-topbar nav .download{padding:9px 10px}.report-hero{padding:24px}.snapshot,.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.panel{padding:17px}.topology{padding:12px}.ring-row{grid-template-columns:1fr}.ring{margin:auto}.finding{grid-template-columns:1fr}.finding>b{display:none}main,footer{width:min(100% - 24px,1180px)}}