@font-face{font-family:Inter;src:url('/fonts/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:JetBrains Mono;src:url('/fonts/jetbrains-mono-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:JetBrains Mono;src:url('/fonts/jetbrains-mono-500.woff2') format('woff2');font-weight:500;font-display:swap}

:root{
  --void:#090b0b;--carbon:#0d1010;--panel:#111514;--panel-2:#151a18;--line:#29312e;--line-soft:#1c2321;
  --ink:#f4f7f4;--muted:#96a19d;--signal:#62f5bb;--signal-dark:#092b20;--warning:#ffd75e;--danger:#ff716b;
  --paper:#eef2ed;--paper-ink:#121514;--violet:#bca7ff;--max:1180px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"Cascadia Code",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--void);color:var(--ink);font:400 15px/1.55 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}
[hidden]{display:none!important}::selection{background:var(--signal);color:#08110d}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.skip-link{position:fixed;z-index:200;top:12px;left:12px;transform:translateY(-160%);padding:10px 14px;background:var(--signal);color:#07110d;border-radius:6px;font-weight:700}.skip-link:focus{transform:none}

.snapshot-nav{height:72px;border-bottom:1px solid var(--line-soft);background:rgba(9,11,11,.9);backdrop-filter:blur(18px);position:relative;z-index:10}
.nav-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:16px;font-weight:700;white-space:nowrap}
.brand-mark{position:relative;width:22px;height:22px;flex:none;overflow:hidden;border:1px solid #3d4945;border-radius:5px;background:linear-gradient(var(--signal),var(--signal)) 50% 0/1px 5px no-repeat,linear-gradient(var(--signal),var(--signal)) 50% 100%/1px 5px no-repeat,linear-gradient(90deg,var(--signal),var(--signal)) 0 50%/5px 1px no-repeat,linear-gradient(90deg,var(--signal),var(--signal)) 100% 50%/5px 1px no-repeat,#0c1110}
.brand-mark:before{content:"";position:absolute;inset:5px;border:1px solid rgba(98,245,187,.58);border-radius:50%}.brand-mark:after{content:"";position:absolute;width:4px;height:4px;left:8px;top:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 14px var(--signal)}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.nav-status{display:flex;align-items:center;gap:8px;color:#aeb9b5;font:500 10px/1 var(--mono);text-transform:uppercase}.nav-status i{width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 12px rgba(98,245,187,.65)}
.lang-select{height:38px;min-width:112px;padding:0 28px 0 10px;border:1px solid var(--line);border-radius:6px;background:#0d1110;color:#c5ceca;font-size:12px}.nav-signin{padding:8px;color:var(--muted);font-size:13px;font-weight:600}.nav-signin:hover{color:var(--ink)}

.snapshot-hero{position:relative;min-height:650px;border-bottom:1px solid var(--line-soft);overflow:hidden;background:radial-gradient(circle at 70% 30%,rgba(98,245,187,.065),transparent 34%),var(--void)}
.hero-grid{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:64px;align-items:center;padding-block:90px}
.hero-copy{max-width:750px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;color:#b3c1bb;font:500 10px/1 var(--mono);letter-spacing:.03em;text-transform:uppercase}.eyebrow{padding:7px 10px;border:1px solid rgba(98,245,187,.28);border-radius:999px;background:rgba(12,19,17,.74)}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--signal)}
.hero-copy h1{max-width:760px;margin:22px 0 18px;font-size:clamp(54px,6.6vw,92px);line-height:.94;letter-spacing:-.055em;font-weight:650}.hero-copy>p{max-width:660px;margin:0;color:#b4bfba;font-size:clamp(17px,2vw,22px);line-height:1.45}
.snapshot-form{margin-top:34px}.snapshot-form>label{display:block;margin-bottom:8px;color:#c9d2ce;font:500 10px/1 var(--mono);text-transform:uppercase}.input-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:62px;border:1px solid #3b4743;border-radius:8px;background:#eef2ed;box-shadow:0 20px 65px rgba(0,0,0,.3);overflow:hidden;transition:border-color .2s,box-shadow .2s}.input-row:focus-within{border-color:var(--signal);box-shadow:0 0 0 3px rgba(98,245,187,.12),0 20px 65px rgba(0,0,0,.35)}
.protocol{padding-left:18px;color:#69736f;font:500 13px/1 var(--mono)}.input-row input{min-width:0;height:60px;border:0;outline:0;background:transparent;color:#101412;padding:0 12px 0 3px;font-size:16px;font-weight:550}.input-row input::placeholder{color:#89938f}.input-row button{align-self:stretch;margin:5px;padding:0 19px;border:0;border-radius:5px;background:#0d1210;color:var(--ink);display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;white-space:nowrap}.input-row button:hover{background:#17201c}.input-row button:disabled{opacity:.58;cursor:wait}
.form-note{margin:9px 0 0!important;color:#707c77!important;font:400 10px/1.5 var(--mono)!important}.hero-proof{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:22px;color:#7e8985;font:500 10px/1 var(--mono);text-transform:uppercase}.hero-proof span{display:flex;align-items:center;gap:7px}.hero-proof i{width:4px;height:4px;border-radius:50%;background:var(--signal)}
.scope-preview{border:1px solid var(--line);border-radius:9px;background:rgba(14,18,17,.9);box-shadow:0 32px 90px rgba(0,0,0,.32);overflow:hidden}.preview-head{height:48px;padding:0 17px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;color:#77827e;font:500 10px/1 var(--mono);text-transform:uppercase}.preview-head strong{color:var(--signal);font-size:12px}.scope-list{display:grid;grid-template-columns:1fr 1fr}.scope-list>span{min-height:74px;padding:15px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:7px 1fr;column-gap:9px;align-content:center}.scope-list>span:nth-child(odd){border-right:1px solid var(--line-soft)}.scope-list i{width:6px;height:6px;margin-top:5px;border-radius:2px;background:var(--signal)}.scope-list b{font-size:12px;font-weight:600}.scope-list small{grid-column:2;color:#727d79;font:400 9px/1.35 var(--mono)}.scope-preview>p{margin:0;padding:16px;color:#78837e;background:#0b0f0e;font-size:11px}

.snapshot-progress,.snapshot-error{padding:28px 0;background:#0c0f0e;border-bottom:1px solid var(--line-soft)}.progress-card,.error-card{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.progress-copy{display:flex;align-items:center;gap:14px;min-width:300px}.progress-copy strong,.error-card strong{display:block;font-size:13px}.progress-copy p,.error-card p{margin:3px 0 0;color:var(--muted);font-size:12px}.spinner{width:20px;height:20px;border:2px solid #2d3733;border-top-color:var(--signal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.progress-track{height:4px;flex:1;background:#202725;overflow:hidden}.progress-track i{display:block;height:100%;width:12%;background:var(--signal);transition:width .5s ease}.progress-card>span{width:42px;text-align:right;color:var(--signal);font:500 11px/1 var(--mono)}
.error-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,113,107,.12);color:var(--danger);font:700 14px/1 var(--mono)}.error-card>div{flex:1}.error-card button{padding:10px 14px;border:1px solid #4a5551;border-radius:6px;background:transparent;color:var(--ink);font-weight:600}

.snapshot-result{padding:72px 0 0;background:linear-gradient(180deg,#0b0e0d,var(--void))}.result-layout{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:28px;align-items:start}
.score-card{position:sticky;top:24px;border:1px solid #34403b;border-radius:10px;background:radial-gradient(circle at 86% 10%,rgba(98,245,187,.09),transparent 34%),#101413;box-shadow:0 30px 90px rgba(0,0,0,.35);overflow:hidden}.score-topline{height:48px;padding:0 17px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;color:#7e8a85;font:500 9px/1 var(--mono);text-transform:uppercase}.score-topline>span{display:flex;align-items:center;gap:8px}.score-topline i{width:6px;height:6px;border-radius:50%;background:var(--signal)}.score-topline em{font-style:normal}
.score-main{padding:30px 24px;display:flex;align-items:center;gap:24px}.score-ring{--score:0;position:relative;width:132px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--score-color,var(--signal)) calc(var(--score)*1%),#26302c 0);flex:none}.score-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#101413}.score-ring strong,.score-ring small{position:relative;z-index:1}.score-ring strong{font-size:40px;letter-spacing:-.05em}.score-ring small{position:absolute;margin-top:51px;color:#77827e;font:500 9px/1 var(--mono)}.score-copy span{display:inline-block;padding:5px 8px;border:1px solid rgba(98,245,187,.25);border-radius:999px;color:var(--signal);font:500 9px/1 var(--mono);text-transform:uppercase}.score-copy h2{margin:11px 0 5px;font-size:20px;line-height:1.15;overflow-wrap:anywhere}.score-copy p{margin:0;color:#8f9a95;font-size:12px}
.score-metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-soft)}.score-metrics div{padding:16px 18px;border-bottom:1px solid var(--line-soft)}.score-metrics div:nth-child(odd){border-right:1px solid var(--line-soft)}.score-metrics span{display:block;color:#6f7a76;font:500 8px/1 var(--mono);text-transform:uppercase}.score-metrics strong{display:block;margin-top:7px;font-size:14px}.card-disclaimer{margin:0;padding:16px 18px;color:#6f7a76;background:#0c100f;font-size:10px}
.result-detail{padding:6px 0}.detail-head>span{color:var(--signal);font:500 10px/1 var(--mono);text-transform:uppercase}.detail-head h2{max-width:620px;margin:13px 0 10px;font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.04em}.detail-head p{max-width:590px;margin:0;color:var(--muted)}
.signal-list{list-style:none;margin:29px 0 0;padding:0;border-top:1px solid var(--line)}.signal-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.signal-number{color:#65706c;font:500 10px/1 var(--mono)}.signal-body strong{display:block;font-size:15px}.signal-body p{margin:6px 0 0;color:#929d98;font-size:12px}.signal-body small{display:block;margin-top:8px;color:#71807a;font-size:10px}.signal-severity{align-self:start;padding:5px 8px;border:1px solid #3b4642;border-radius:999px;color:#aab5b0;font:500 8px/1 var(--mono);text-transform:uppercase}.signal-item[data-severity="critical"] .signal-severity,.signal-item[data-severity="high"] .signal-severity{border-color:rgba(255,113,107,.35);color:var(--danger)}.signal-item[data-severity="medium"] .signal-severity{border-color:rgba(255,215,94,.35);color:var(--warning)}.signal-item[data-severity="ok"] .signal-severity{border-color:rgba(98,245,187,.3);color:var(--signal)}
.share-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.button{min-height:42px;padding:0 15px;border:1px solid #39433f;border-radius:6px;background:#111614;color:var(--ink);font-size:12px;font-weight:650}.button:hover{border-color:#59655f;transform:translateY(-1px)}.button.primary{border-color:var(--signal);background:var(--signal);color:#08110d}
.agent-cta{margin-top:70px;padding:34px;border:1px solid rgba(98,245,187,.28);border-radius:10px;background:radial-gradient(circle at 84% 20%,rgba(98,245,187,.12),transparent 30%),#111614;display:flex;align-items:center;gap:36px}.agent-cta>div{flex:1}.agent-cta>div>span:first-child{color:var(--signal);font:500 9px/1 var(--mono);text-transform:uppercase}.agent-cta h2{margin:10px 0 8px;font-size:clamp(28px,3.8vw,46px);line-height:1.03;letter-spacing:-.04em}.agent-cta p{max-width:700px;margin:0;color:var(--muted)}.agent-button{min-height:52px;padding:0 19px;border-radius:6px;background:var(--signal);color:#08110d;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:750;white-space:nowrap}.agent-button:hover{background:#8affcd;transform:translateY(-2px)}

.explain-section,.faq-section{padding:100px 0;border-top:1px solid var(--line-soft)}.explain-grid,.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}.explain-grid h2,.faq-grid h2{margin:13px 0 0;font-size:clamp(40px,5vw,68px);line-height:.98;letter-spacing:-.05em}.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.steps b{color:#5f6b66;font:500 10px/1 var(--mono)}.steps strong{display:block;font-size:14px}.steps small{display:block;margin-top:5px;color:var(--muted);font-size:12px}
.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:20px 34px 20px 0;cursor:pointer;list-style:none;font-weight:600;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:4px;top:18px;color:var(--signal);font:500 19px/1 var(--mono)}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:0;padding:0 36px 20px 0;color:var(--muted);font-size:13px}
footer{border-top:1px solid var(--line-soft);padding:32px 0;background:#080a0a}.footer-inner{display:flex;align-items:center;gap:28px}.footer-inner>span{margin-left:auto;color:#697470;font:400 9px/1.4 var(--mono);text-transform:uppercase}.footer-inner nav{display:flex;gap:17px;color:#87928d;font-size:11px}.footer-inner nav a:hover{color:var(--ink)}
.toast{position:fixed;z-index:300;left:50%;bottom:24px;transform:translate(-50%,20px);padding:11px 15px;border:1px solid #42504a;border-radius:7px;background:#151b18;color:var(--ink);box-shadow:0 18px 60px rgba(0,0,0,.48);font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:900px){.nav-status{display:none}.hero-layout{grid-template-columns:1fr;gap:40px;padding-block:64px}.scope-preview{max-width:620px}.result-layout{grid-template-columns:1fr}.score-card{position:relative;top:auto}.agent-cta{align-items:flex-start;flex-direction:column}.explain-grid,.faq-grid{grid-template-columns:1fr;gap:40px}.explain-section,.faq-section{padding:74px 0}}
@media(max-width:620px){.shell{width:min(100% - 24px,var(--max))}.snapshot-nav{height:62px}.nav-inner{gap:9px}.nav-signin{display:none}.lang-select{min-width:98px;height:36px}.snapshot-hero{min-height:auto}.hero-layout{padding-block:46px}.hero-copy h1{font-size:clamp(43px,13vw,62px)}.input-row{grid-template-columns:auto minmax(0,1fr);padding:4px}.protocol{padding-left:10px}.input-row input{height:50px;padding-right:5px}.input-row button{grid-column:1/-1;min-height:48px;margin:0;justify-content:center}.scope-list{grid-template-columns:1fr}.scope-list>span:nth-child(odd){border-right:0}.progress-card{align-items:flex-start;flex-wrap:wrap}.progress-copy{min-width:0;flex:1}.progress-track{order:3;flex-basis:100%}.score-main{align-items:flex-start;flex-direction:column}.score-ring{width:116px}.score-ring strong{font-size:36px}.score-ring small{margin-top:46px}.score-metrics{grid-template-columns:1fr}.score-metrics div:nth-child(odd){border-right:0}.signal-item{grid-template-columns:34px 1fr}.signal-severity{grid-column:2;margin-top:2px;justify-self:start}.share-actions .button{flex:1;min-width:135px}.agent-cta{margin-top:48px;padding:24px}.agent-button{width:100%;justify-content:center;white-space:normal;text-align:center}.footer-inner{align-items:flex-start;flex-wrap:wrap}.footer-inner>span{order:3;width:100%;margin-left:0}.footer-inner nav{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner{animation-duration:1.8s}.button,.agent-button{transition:none}}
