:root{--ink:#0a0c0e;--ink2:#111519;--paper:#f2f0e9;--signal:#b9ff38;--muted:#aeb6bc;--line:rgba(255,255,255,.16);--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f7f7f2;font-family:"Space Grotesk",system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}.wrap{width:min(calc(100% - 3rem),var(--max));margin:auto}.mono,.eyebrow,.crumbs,.button,.signal-list strong,.source-list{font-family:"IBM Plex Mono",monospace}
.site-header{border-bottom:1px solid var(--line);background:rgba(10,12,14,.94);position:sticky;top:0;z-index:10}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;text-transform:uppercase;font-weight:700;letter-spacing:.12em;font-size:.82rem}.brand::before{content:"";width:28px;height:2px;background:var(--signal)}.brand span{color:var(--signal)}.nav a.button{color:var(--ink)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1rem;background:var(--signal);border:1px solid var(--signal);color:var(--ink);text-decoration:none;text-transform:uppercase;font-size:.7rem;font-weight:600;letter-spacing:.04em}.button.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.hero{padding:clamp(4rem,9vw,8rem) 0;border-bottom:1px solid var(--line);background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 88px}.crumbs{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.crumbs a{color:var(--signal)}.eyebrow{display:block;margin-top:3rem;color:var(--signal);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em}.hero h1{font-size:clamp(3.3rem,7.7vw,7.2rem);line-height:.91;letter-spacing:-.065em;max-width:12ch;margin:1.1rem 0 1.5rem}.hero .lede{max-width:58ch;color:#c3c9cd;font-size:clamp(1.08rem,1.7vw,1.3rem)}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.diagnostic-strip{background:var(--signal);color:var(--ink)}.signal-list{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.signal-list li{padding:1.2rem;border-right:1px solid rgba(10,12,14,.25)}.signal-list strong{display:block;font-size:.68rem;text-transform:uppercase}.signal-list span{font-size:.83rem;color:#34420f}
.paper{background:var(--paper);color:var(--ink)}.section{padding:clamp(4.5rem,9vw,8rem) 0;border-bottom:1px solid rgba(128,128,128,.25)}.grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(3rem,8vw,7rem)}.section h2{font-size:clamp(2.3rem,4.5vw,4.5rem);line-height:.95;letter-spacing:-.05em;margin:0}.section h3{font-size:1.35rem;letter-spacing:-.03em;margin:0 0 .6rem}.section p{margin:.2rem 0 1rem}.paper p,.paper li{color:#465058}.steps{counter-reset:item;display:grid;gap:0;border-top:1px solid rgba(10,12,14,.3)}.step{counter-increment:item;display:grid;grid-template-columns:3.5rem 1fr;padding:1.5rem 0;border-bottom:1px solid rgba(10,12,14,.3)}.step::before{content:"0" counter(item);font:600 .7rem/1.7 "IBM Plex Mono",monospace;color:#426800}
.checklist{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.checklist li{position:relative;padding:1.15rem 0 1.15rem 2rem;border-bottom:1px solid var(--line);color:#c3c9cd}.checklist li::before{content:"→";position:absolute;left:0;color:var(--signal)}.callout{padding:1.5rem;border-left:3px solid var(--signal);background:var(--ink2);color:#d7dcdf}.paper .callout{background:#e2dfd5;color:#273037}
.sources h2{font-size:1.15rem;letter-spacing:-.02em}.source-list{padding-left:1.2rem;color:var(--muted);font-size:.72rem}.source-list li+li{margin-top:.5rem}.source-list a{color:#dce2e5}
.final-cta{text-align:center;padding:clamp(5rem,10vw,9rem) 0}.final-cta h2{max-width:12ch;margin:0 auto 1.2rem;font-size:clamp(2.8rem,6vw,6rem);line-height:.95}.final-cta p{max-width:52ch;margin:0 auto 2rem;color:var(--muted)}footer{padding:2rem 0;background:var(--signal);color:var(--ink)}footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.76rem}footer a{font-weight:600}
@media(max-width:800px){.grid{grid-template-columns:1fr}.signal-list{grid-template-columns:1fr 1fr}.nav .button{display:none}}@media(max-width:520px){.wrap{width:min(calc(100% - 1.4rem),var(--max))}.signal-list{grid-template-columns:1fr}.hero h1{font-size:clamp(3rem,15vw,4.8rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}