:root{
  --bg:#06111d;--bg2:#091827;--panel:#0c1d2d;--panel2:#10263a;--line:#1d3a50;
  --text:#e8f1f7;--muted:#8fa5b6;--accent:#25c3bf;--accent2:#69d9ff;
  --critical:#ff6b7a;--high:#ff9c66;--medium:#ffd166;--low:#75b9ff;--good:#66dfa8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
.wrap{width:min(1180px,calc(100% - 34px));margin:auto}
.topbar{position:sticky;top:0;z-index:20;background:rgba(6,17,29,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:68px;display:flex;align-items:center;gap:26px}
.brand{font-weight:900;letter-spacing:.08em;font-size:1.05rem}.brand span{color:var(--accent2)}
.nav nav{display:flex;gap:20px;margin-left:auto}.nav nav a{color:#9db1c0;font-size:.83rem}.nav nav a:hover{color:#fff}
.version{padding:5px 9px;border:1px solid #28506b;border-radius:999px;color:var(--accent2);font-size:.72rem;font-weight:800}
.hero{padding:86px 0 68px;background:
 radial-gradient(circle at 82% 24%,rgba(37,195,191,.15),transparent 28%),
 radial-gradient(circle at 20% 10%,rgba(105,217,255,.08),transparent 32%),
 linear-gradient(180deg,#071524,#06111d)}
.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:850;font-size:.72rem;margin:0 0 8px}
h1{font-size:clamp(2.7rem,6vw,5.1rem);line-height:.98;margin:0 0 22px;letter-spacing:-.04em}
h1 span{color:var(--accent2)}
h2{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.08;margin:0}
h3{margin:0 0 8px}
.hero-copy{max-width:780px;color:#a9bdcb;font-size:1.06rem}
.hero-actions,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.btn{border:1px solid #2b536d;border-radius:11px;padding:11px 16px;background:#0c2234;color:#dff2fb;font-weight:800}
.btn.primary{background:linear-gradient(90deg,#138e9b,#1a9ed1);border-color:#31b8ce;color:white}
.btn.ghost:hover{border-color:var(--accent);color:white}.btn:disabled{opacity:.4;cursor:not-allowed}
.btn.small{padding:8px 11px;font-size:.78rem}
.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.trust-row span{padding:6px 9px;border-radius:999px;border:1px solid #24465d;background:#0a1c2c;color:#8ea9bb;font-size:.72rem}
.hero-card{padding:27px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#10273b,#091827);box-shadow:0 25px 80px rgba(0,0,0,.28)}
.shield{width:92px;height:92px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#13aca9,#247bc2);font-weight:950;font-size:1.2rem;box-shadow:0 0 50px rgba(37,195,191,.28);margin-bottom:18px}
.hero-card p{color:#9fb4c4}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.mini-grid div{padding:13px;background:#081827;border:1px solid #18384d;border-radius:12px}.mini-grid strong,.mini-grid span{display:block}.mini-grid span{font-size:.7rem;color:#7e96a9}
.section{padding:68px 0}.section.alt{background:#081522}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px}
.panel{border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,var(--panel2),var(--panel));padding:20px}
.assessment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.action-card{position:relative;padding-top:50px}.step{position:absolute;top:18px;left:18px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#12384a;color:var(--accent2);font-size:.72rem;font-weight:900}
.action-card p{color:var(--muted);min-height:68px}.text-link{display:block;color:var(--accent2);font-size:.76rem;margin-top:9px}.file-name{display:block;color:var(--muted);font-size:.76rem;margin-top:9px}
.notice{margin-top:18px;padding:14px 16px;border-radius:12px;border:1px solid #29475c;background:#0b1c2b;color:#9fb5c5}.notice.info{border-left:4px solid var(--accent2)}.notice.warning{border-left:4px solid var(--medium);background:#201c10;color:#d9c89b}
.empty-state{padding:26px;border:1px dashed #28455a;border-radius:14px;text-align:center;color:#7f96a8;background:#091725}
.score-grid{display:grid;grid-template-columns:250px 1fr 250px;gap:16px}
.score-card{text-align:center}.score-ring{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:conic-gradient(var(--accent) 0%,#173044 0%);position:relative}.score-ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#0b1c2c}.score-ring>div{position:relative;z-index:2}.score-ring strong{font-size:2.5rem}.score-ring span{color:#7f96a8}
.score-card p{color:#7f96a8}.muted-label{display:block;color:#7f96a8;text-transform:uppercase;letter-spacing:.07em;font-size:.7rem;font-weight:800}
.summary-card h3{font-size:1.4rem;margin-top:7px}.summary-card p{color:#a6bac8}.summary-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:15px;color:#7891a4;font-size:.74rem}
.coverage-card>strong{display:block;font-size:2.2rem;margin:6px 0}.progress{height:10px;background:#132d40;border-radius:999px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.coverage-card p{color:#849bad;font-size:.8rem}
.severity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:16px 0}.severity-grid article{padding:14px;border:1px solid var(--line);background:#091827;border-radius:12px}.severity-grid span{display:block;color:#7f95a8;font-size:.72rem;text-transform:uppercase}.severity-grid strong{font-size:1.6rem}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-bottom:16px}.category-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:#091827}.category-card .cat-head{display:flex;justify-content:space-between;gap:8px}.category-card strong{font-size:1.35rem}.category-card span{font-size:.74rem;color:#8ba0b2}.category-card .cat-bar{height:7px;margin-top:11px;border-radius:999px;background:#173045;overflow:hidden}.category-card .cat-bar i{display:block;height:100%;background:var(--accent)}.category-card.na{opacity:.55}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel-heading{display:flex;justify-content:space-between;gap:10px}
.compact-list,.snapshot-grid{display:grid;gap:9px}.compact-item{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #1b374b;background:#081725;border-radius:10px}.compact-rank{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#11354a;color:var(--accent2);font-size:.72rem;font-weight:900}.compact-item strong,.compact-item small{display:block}.compact-item small{color:#7e95a7;font-size:.7rem}.impact{color:#e8a3a3;font-size:.72rem}
.snapshot-grid{grid-template-columns:1fr 1fr}.snapshot-grid div{padding:12px;border:1px solid #1c384c;background:#081725;border-radius:10px}.snapshot-grid strong,.snapshot-grid span{display:block}.snapshot-grid span{color:#7b92a4;font-size:.7rem}
.findings-list{display:grid;gap:12px}.finding{border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#102336,#0a1928);padding:18px}.finding-top{display:flex;justify-content:space-between;gap:12px}.finding-top h3{margin-top:7px}.severity{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:.68rem;font-weight:900}.severity.Critical{background:#3a1920;color:#ff9aa5}.severity.High{background:#352117;color:#ffb184}.severity.Medium{background:#332b15;color:#ffe08a}.severity.Low{background:#152b3d;color:#8fceff}.finding p{color:#9fb4c4}.finding-meta{display:flex;gap:16px;flex-wrap:wrap;color:#8198aa;font-size:.74rem}.finding details{margin-top:12px;border-top:1px solid rgba(255,255,255,.07);padding-top:11px}.finding summary{cursor:pointer;color:var(--accent2);font-weight:800}.finding ol{color:#a8bdcb}
.coverage-list{display:grid;gap:10px}.coverage-row{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;background:#091827}.coverage-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-weight:900}.coverage-icon.ok{background:#123728;color:#71dda7}.coverage-icon.partial{background:#382d13;color:#ffda74}.coverage-icon.missing{background:#35191e;color:#ff8f9a}.coverage-row strong,.coverage-row small{display:block}.coverage-row small{color:#7f96a8}.coverage-row>span:last-child{color:#8da4b6;font-size:.75rem}
.warnings-box{margin-top:14px;padding:15px;border:1px solid #694f24;background:#241e11;border-radius:12px;color:#d9c38c}
.privacy-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-bottom:18px}.privacy-flow div{padding:18px;border:1px solid var(--line);background:#091827;border-radius:14px;text-align:center}.privacy-flow strong,.privacy-flow span{display:block}.privacy-flow span{color:#7e96a8;font-size:.72rem}.privacy-flow b{color:var(--accent);font-size:1.2rem}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.privacy-grid li{margin-bottom:7px;color:#a1b6c5}
select{background:#0b1e2e;color:#dce9f2;border:1px solid #2a4960;border-radius:9px;padding:8px}
footer{padding:28px 0;border-top:1px solid var(--line);background:#050e17}.footer-grid{display:flex;justify-content:space-between;gap:18px}.footer-grid strong,.footer-grid span{display:block}.footer-grid span{color:#72899c;font-size:.72rem}
@media(max-width:980px){
 .hero-grid,.score-grid{grid-template-columns:1fr}
 .assessment-grid{grid-template-columns:1fr}
 .category-grid{grid-template-columns:1fr 1fr}
 .two-col,.privacy-grid{grid-template-columns:1fr}
 .privacy-flow{grid-template-columns:1fr}.privacy-flow b{transform:rotate(90deg);justify-self:center}
}
@media(max-width:680px){
 .nav nav{display:none}.hero{padding-top:58px}.category-grid,.severity-grid{grid-template-columns:1fr 1fr}
 .section-heading{align-items:flex-start;flex-direction:column}.snapshot-grid{grid-template-columns:1fr}
 .footer-grid{flex-direction:column}
}
@media print{
 .topbar,#assessment,#privacy,footer,.actions,#severityFilter{display:none!important}
 body{background:white;color:#111}.section,.section.alt{background:white;padding:18px 0}.panel,.finding,.category-card,.severity-grid article,.coverage-row{background:white;color:#111;border-color:#bbb}
 .summary-card p,.finding p,.finding-meta,.muted-label,.snapshot-grid span,.coverage-row small{color:#444!important}
}