:root { --bg:#050912; --surface:#0c1420; --surface2:#101e2b; --line:rgba(168,211,224,.18); --ink:#edf7f8; --dim:#98adb5; --cyan:#6fe5f2; --violet:#c5a7ff; --lime:#98e8aa; --amber:#f2bd72; --rose:#ff8d9b; --sans:"Space Grotesk",system-ui,sans-serif; --mono:"DM Mono",monospace; }
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--bg)} body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 82% 8%,rgba(71,158,181,.14),transparent 30rem),linear-gradient(180deg,#050912,#03060b);color:var(--ink);font-family:var(--sans);line-height:1.65} a{color:inherit}.skip-link{position:fixed;z-index:99;top:-5rem;left:1rem;padding:.6rem;background:var(--cyan);color:#061017}.skip-link:focus{top:1rem}.explainer-nav{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:68px;padding:0 clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line);background:rgba(5,9,18,.88);backdrop-filter:blur(18px);font-family:var(--mono);font-size:.67rem;text-transform:uppercase}.explainer-brand{text-decoration:none}.explainer-brand span{margin-right:.6rem;color:var(--cyan);font-size:1rem}.explainer-nav nav{display:flex;gap:1.2rem;color:var(--dim)}.explainer-nav nav a{text-decoration:none}.explainer-nav nav a:hover{color:var(--cyan)}
main{width:min(1320px,calc(100% - 3rem));margin:auto}.explainer-hero{display:grid;min-height:720px;grid-template-columns:minmax(0,1.1fr) minmax(360px,.7fr);align-items:center;gap:clamp(3rem,8vw,9rem);padding:7rem 0}.eyebrow,.section-head p{color:var(--cyan);font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1{margin:1rem 0 1.6rem;font-size:clamp(3.8rem,9vw,8rem);letter-spacing:-.075em;line-height:.84}.hero-copy h1 span{color:var(--cyan)}.lede{max-width:720px;color:#b9cbd1;font-size:clamp(1.05rem,1.8vw,1.38rem)}.boundary{max-width:720px;margin-top:2rem;padding:1rem 1.2rem;border-left:2px solid var(--amber);background:rgba(242,189,114,.055);color:var(--dim);font-family:var(--mono);font-size:.68rem}.boundary strong{color:var(--amber)}.hero-equation,.equation-card{padding:1.5rem;border:1px solid var(--line);background:linear-gradient(135deg,rgba(111,229,242,.06),rgba(198,165,255,.05));box-shadow:0 30px 80px rgba(0,0,0,.26)}.equation-label{color:var(--cyan);font-family:var(--mono);font-size:.65rem}.hero-equation math{margin:2rem 0;color:var(--ink);font-size:clamp(1.25rem,2.5vw,2rem)}.hero-equation p,.equation-card p{margin:0;color:var(--dim);font-size:.86rem}.explainer-section{padding:clamp(5rem,10vw,9rem) 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:160px minmax(0,1fr);gap:2rem;margin-bottom:4rem}.section-head h2{max-width:940px;margin:0;font-size:clamp(2.5rem,5.2vw,5rem);font-weight:500;letter-spacing:-.055em;line-height:1}.lab-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(2rem,6vw,6rem);align-items:start}.lab-grid--reverse{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)}.lab-copy>p,.split-grid>div>p{color:#b6c8ce}.equation-card{margin:1.6rem 0;padding:1.1rem;box-shadow:none}.equation-card math{overflow-x:auto;color:var(--ink);font-size:clamp(1.05rem,2vw,1.45rem)}.control{display:block;margin-top:1.2rem;color:var(--dim);font-family:var(--mono);font-size:.68rem;text-transform:uppercase}.control span{display:flex;justify-content:space-between;gap:1rem}.control output{color:var(--cyan)}input[type=range]{width:100%;accent-color:var(--cyan)}.control-check{display:flex;align-items:center;gap:.7rem}.control-check span{display:block}.demo-panel,.chain-lab{border:1px solid var(--line);background:linear-gradient(rgba(111,229,242,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(111,229,242,.025) 1px,transparent 1px),rgba(4,10,17,.7);background-size:28px 28px}.demo-title{display:flex;justify-content:space-between;gap:1rem;padding:.7rem .9rem;border-bottom:1px solid var(--line);color:var(--dim);font-family:var(--mono);font-size:.62rem;text-transform:uppercase}.demo-title output{color:var(--lime)}canvas{display:block;width:100%;height:auto}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.metric-row span{display:grid;gap:.2rem;padding:.8rem;border-right:1px solid var(--line)}.metric-row span:last-child{border:0}.metric-row small{color:var(--dim);font-family:var(--mono);font-size:.55rem;text-transform:uppercase}.metric-row strong{color:var(--cyan);font-family:var(--mono);font-size:.85rem}.split-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(2rem,7vw,7rem)}.route-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:1.5rem;border:1px solid var(--line);background:var(--line)}.route-node{position:relative;min-height:110px;padding:1rem;background:var(--surface);font-family:var(--mono);font-size:.62rem}.route-node b{display:block;margin-bottom:1.7rem;color:var(--cyan);font-size:1rem}.route-node em{display:block;color:var(--dim);font-style:normal}.route-node:not(:last-child)::after{position:absolute;z-index:2;top:50%;right:-8px;color:var(--amber);content:"→"}.signature-bars{display:flex;height:105px;align-items:center;gap:4px;margin:0 1.5rem;padding:1rem;border:1px solid var(--line);background:rgba(0,0,0,.23)}.signature-bars i{flex:1;background:var(--violet);transition:height .35s,background .35s}.chain-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 1.5rem}.chain-actions button{padding:.65rem .8rem;border:1px solid var(--line);background:var(--surface2);color:var(--cyan);cursor:pointer;font-family:var(--mono);font-size:.62rem;text-transform:uppercase}.chain-actions button:hover{border-color:var(--cyan)}.demo-note{margin:1rem 1.5rem 1.5rem;color:var(--dim);font-family:var(--mono);font-size:.62rem}.falsifier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.falsifier-grid article{min-height:270px;padding:1.4rem;background:var(--surface)}.falsifier-grid article>span{color:var(--cyan);font-family:var(--mono);font-size:1.4rem}.falsifier-grid h3{margin:3rem 0 .7rem;font-size:1.15rem}.falsifier-grid p{margin:0;color:var(--dim);font-size:.82rem}.closing-rule{margin-top:2rem;padding:1.2rem;border:1px solid rgba(152,232,170,.3);background:rgba(152,232,170,.045);color:var(--dim)}.closing-rule strong{color:var(--lime)}footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem max(1.5rem,calc((100% - 1320px)/2));border-top:1px solid var(--line);color:var(--dim);font-family:var(--mono);font-size:.62rem;text-transform:uppercase}
@media(max-width:900px){.explainer-nav nav{display:none}.explainer-hero,.lab-grid,.lab-grid--reverse,.split-grid{grid-template-columns:1fr}.explainer-hero{padding:5rem 0}.section-head{grid-template-columns:1fr;gap:.5rem}.falsifier-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{width:calc(100% - 1.5rem)}.hero-copy h1{font-size:clamp(2.8rem,14.4vw,4.6rem)}.route-chain{grid-template-columns:repeat(2,1fr)}.falsifier-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr}.metric-row span{border-right:0;border-bottom:1px solid var(--line)}footer{display:grid}.chain-actions{display:grid}.chain-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}