@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');

:root{--bg:#080c13;--panel:#0e141f;--panel2:#121a27;--text:#f5f7f1;--muted:#8e9aaa;--line:#283342;--lime:#b9ff66;--red:#ff6f68;--amber:#ffd76a;--cyan:#65d7ff;color-scheme:dark;font-family:Manrope,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;background-image:radial-gradient(circle at 82% 3%,rgba(185,255,102,.11),transparent 23%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
button{font:inherit}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,72px);position:sticky;top:0;background:rgba(8,12,19,.88);backdrop-filter:blur(16px);z-index:10}.brand{color:var(--text);text-decoration:none;font-weight:700;display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--lime);color:#10180a;border-radius:10px;font-family:'DM Mono';font-weight:500}.top-status{font:12px 'DM Mono';color:var(--muted);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:9px}.top-status i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}.icon-button{background:transparent;color:var(--text);border:1px solid var(--line);width:36px;height:36px;border-radius:50%;cursor:pointer}
main{max-width:1500px;margin:auto}.hero{padding:clamp(70px,11vw,150px) clamp(24px,6vw,92px) 90px;position:relative;min-height:610px}.eyebrow{display:flex;gap:10px;flex-wrap:wrap}.eyebrow span,.section-label,.principle>span,.panel-heading span{font:11px 'DM Mono';letter-spacing:.1em}.eyebrow span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--muted)}h1{font-size:clamp(68px,11vw,168px);line-height:.78;letter-spacing:-.075em;margin:72px 0 54px;max-width:1160px}h1 em,blockquote em{color:var(--lime);font-style:normal} .hero>p{max-width:650px;color:var(--muted);font-size:clamp(17px,2vw,23px);line-height:1.55;margin-left:auto}.hero-proof{margin:45px 0 0 auto;max-width:650px;border-top:1px solid var(--line);padding-top:20px;font:12px 'DM Mono';text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:12px}.pulse{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(185,255,102,.5);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 12px transparent}}
.case-shell{display:grid;grid-template-columns:minmax(290px,370px) 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(8,12,19,.75)}.case-summary{padding:54px 42px;border-right:1px solid var(--line);position:sticky;top:76px;align-self:start}.section-label{color:var(--lime);display:flex;justify-content:space-between}.case-summary h2{font-size:34px;line-height:1.05;margin:44px 0 16px}.case-summary>p{color:var(--muted);line-height:1.6}.meter{height:5px;background:var(--line);margin:38px 0 20px;overflow:hidden;border-radius:10px}.meter div{height:100%;width:0;background:var(--lime);transition:width .7s ease}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics div{display:flex;flex-direction:column}.metrics strong{font:27px 'DM Mono'}.metrics span{font:10px 'DM Mono';color:var(--muted);text-transform:uppercase}.primary{margin-top:42px;background:var(--lime);color:#10170a;border:0;border-radius:10px;padding:16px 18px;width:100%;display:flex;justify-content:space-between;font-weight:700;cursor:pointer}.primary:hover{filter:brightness(1.08)}.primary:disabled{opacity:.5}.privacy{font-size:12px;margin-top:18px}.steps-panel{padding:54px clamp(24px,4vw,64px) 80px;min-width:0}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:40px}.panel-heading span{color:var(--lime)}.panel-heading h3{font-size:30px;margin:9px 0 0}.legend{display:flex;gap:18px;color:var(--muted);font:10px 'DM Mono'}.legend span{color:var(--muted);display:flex;align-items:center;gap:8px}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.verified-dot{background:var(--lime)}.mismatch-dot{background:var(--red)}
.steps{display:flex;flex-direction:column}.step{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:28px 0;border-top:1px solid var(--line);transition:opacity .3s}.step.locked{opacity:.35}.step-index{font:18px 'DM Mono';color:var(--muted);padding-top:4px}.step-content{min-width:0}.step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.step h4{font-size:22px;margin:0}.badge{font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);border-radius:999px;padding:7px 10px}.badge.verified{color:var(--lime);border-color:rgba(185,255,102,.4)}.badge.active{color:var(--cyan);border-color:rgba(101,215,255,.4)}.badge.unsafe{color:var(--red)}.step-instruction{color:var(--muted);line-height:1.6;max-width:770px}.expected{display:grid;grid-template-columns:130px 1fr;gap:14px;margin:20px 0;padding:16px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);font-size:13px}.expected span{font:10px 'DM Mono';color:var(--lime);text-transform:uppercase}.attempts{display:grid;gap:12px}.attempt{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.attempt-main{display:grid;grid-template-columns:150px 1fr;min-height:150px}.attempt-image{background:#080b11;position:relative;overflow:hidden}.attempt-image img{width:100%;height:100%;object-fit:cover;display:block}.attempt-image:after{content:'PHOTO PROOF';position:absolute;left:8px;bottom:8px;font:8px 'DM Mono';background:#090d14cc;padding:5px}.attempt-copy{padding:18px}.attempt-top{display:flex;justify-content:space-between;gap:10px}.verdict{font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.1em}.verdict.verified{color:var(--lime)}.verdict.mismatch,.verdict.unsafe{color:var(--red)}.verdict.uncertain{color:var(--amber)}.confidence{font:10px 'DM Mono';color:var(--muted)}.attempt-copy p{font-size:14px;margin:13px 0 7px}.attempt-copy small{color:var(--muted);line-height:1.45;display:block}.hash{font:9px 'DM Mono';color:#667487;margin-top:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attempt.reveal{animation:reveal .55s both}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.principle{padding:130px clamp(24px,6vw,92px)}.principle>span{color:var(--lime)}blockquote{font-size:clamp(50px,8vw,110px);letter-spacing:-.06em;line-height:.94;margin:50px 0 100px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.rule-grid>div{padding:34px 35px 20px 0;border-right:1px solid var(--line);margin-right:35px}.rule-grid>div:last-child{border:0}.rule-grid b{font:12px 'DM Mono';color:var(--lime)}.rule-grid h3{font-size:21px;margin-top:35px}.rule-grid p{color:var(--muted);line-height:1.6}footer{border-top:1px solid var(--line);padding:28px clamp(24px,5vw,72px);display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono';text-transform:uppercase}
body.high-contrast{--bg:#000;--panel:#050505;--panel2:#080808;--line:#4b4b4b;--lime:#d2ff00}
@media(max-width:900px){.case-shell{grid-template-columns:1fr}.case-summary{position:static;border-right:0;border-bottom:1px solid var(--line)}.rule-grid{grid-template-columns:1fr}.rule-grid>div{border-right:0;border-bottom:1px solid var(--line)}.hero{min-height:auto}.hero>p,.hero-proof{margin-left:0}.attempt-main{grid-template-columns:120px 1fr}}
@media(max-width:560px){.top-status{display:none}h1{font-size:66px}.hero{padding-top:70px}.panel-heading{align-items:start;flex-direction:column}.legend{display:none}.attempt-main{grid-template-columns:1fr}.attempt-image{height:190px}.expected{grid-template-columns:1fr}.step{grid-template-columns:38px 1fr}.case-summary,.steps-panel{padding-left:22px;padding-right:22px}footer{flex-direction:column;gap:8px}}