:root{--paper: oklch(.958 .006 240);--plate: oklch(.992 .003 240);--ink: oklch(.24 .015 250);--ink-2: oklch(.44 .016 250);--faint: oklch(.6 .012 245);--grid: oklch(.915 .005 240);--rule: oklch(.8 .01 245);--flare: oklch(.585 .2 32);--flare-2: oklch(.5 .19 32);--display: "Big Shoulders Display", "Archivo", system-ui, sans-serif;--body: "Archivo", system-ui, -apple-system, sans-serif;--mono: "Martian Mono", ui-monospace, Menlo, monospace;--edge: clamp(20px, 6vw, 88px);--maxw: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:26px 26px}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px var(--edge);border-bottom:1px solid var(--rule);background:var(--paper)}.brand{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.01em}.applink{font-family:var(--mono);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--ink);padding:8px 14px;border-radius:3px;transition:background .18s ease,color .18s ease,border-color .18s ease}.applink span{color:var(--flare)}.applink:hover{background:var(--ink);color:var(--plate)}.applink:hover span{color:var(--plate)}.btn{display:inline-flex;align-items:center;font-family:var(--mono);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;padding:13px 20px;border-radius:3px;border:1px solid var(--ink);cursor:pointer;transition:transform .16s cubic-bezier(.16,1,.3,1),background .18s ease,color .18s ease,border-color .18s ease}.btn-fill{background:var(--flare);border-color:var(--flare);color:var(--plate)}.btn-fill:hover{background:var(--flare-2);border-color:var(--flare-2);transform:translateY(-1px)}.btn-line{background:transparent;color:var(--ink)}.btn-line:hover{border-color:var(--flare);color:var(--flare)}.btn-lg{padding:16px 28px;font-size:14px}:focus-visible{outline:2px solid var(--flare);outline-offset:3px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;max-width:var(--maxw);margin:0 auto;padding:clamp(70px,11vh,130px) var(--edge) clamp(56px,9vh,104px)}.tag{font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--flare);margin:0 0 20px}h1{font-family:var(--display);font-weight:800;font-size:clamp(2.7rem,6.4vw,5.3rem);line-height:.96;letter-spacing:.005em;margin:0 0 24px;text-wrap:balance}h1 .flare{color:var(--flare)}.lede{font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.5;color:var(--ink-2);max-width:38ch;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.plate{margin:0}.plate-frame{position:relative;background:var(--plate);border:1px solid var(--ink);border-radius:3px;padding:18px}.plate figcaption,.hero-plate figcaption{font-family:var(--mono);font-size:12px;color:var(--ink-2);margin-top:10px;letter-spacing:.02em}figcaption b{color:var(--flare);font-weight:600}#plot{width:100%;height:auto;display:block}.strand{fill:none;stroke:var(--ink-2);stroke-width:1;opacity:.22}.axis{stroke:var(--rule);stroke-width:1;stroke-dasharray:2 4}.coherent{fill:none;stroke:var(--flare);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.9s cubic-bezier(.16,1,.3,1) .25s forwards}@keyframes draw{to{stroke-dashoffset:0}}.lbl{position:absolute;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;background:var(--plate);padding:1px 5px}.lbl-incoherent{top:24px;left:22px;color:var(--ink-2)}.lbl-coherent{bottom:58px;right:22px;color:var(--flare)}.fig{border-top:1px solid var(--rule);display:grid;grid-template-columns:88px 1fr;gap:clamp(18px,4vw,48px);max-width:var(--maxw);margin:0 auto;padding:clamp(54px,8.5vh,104px) var(--edge)}.fig-num{font-family:var(--display);font-weight:700;font-size:clamp(2rem,4vw,3rem);color:var(--flare);line-height:.85}h2{font-family:var(--display);font-weight:700;font-size:clamp(1.9rem,4.2vw,3rem);line-height:1;letter-spacing:.005em;margin:0 0 22px;max-width:20ch;text-wrap:balance}.prose{font-size:clamp(1.05rem,1.8vw,1.24rem);line-height:1.62;color:var(--ink-2);max-width:56ch;margin:0 0 14px}.prose b{color:var(--ink);font-weight:600}.flare-text{color:var(--flare);font-weight:500}.two{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,60px);align-items:center}.pair-list{margin:0;display:flex;flex-direction:column;gap:22px}.pair-list dt{font-family:var(--body);font-size:1.15rem;font-weight:600;color:var(--flare);margin-bottom:5px}.pair-list dd{margin:0;color:var(--ink-2);max-width:40ch;line-height:1.55}.mock{background:var(--plate);border:1px solid var(--ink);border-radius:3px;padding:18px}.mock-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-weight:600;font-size:14px;margin-bottom:14px}.mock-head .mono{color:var(--flare);font-weight:500}.mock-signal{width:100%;height:84px;display:block;margin-bottom:14px}.mock-target{stroke:var(--rule);stroke-width:1;stroke-dasharray:3 4}.mock-curve{fill:none;stroke:var(--flare);stroke-width:2}.mock-pursuits{list-style:none;margin:0;padding:0}.mock-pursuits li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--rule);font-size:13.5px}.mock-pursuits .st{margin-left:auto;font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--faint)}.dot{width:10px;height:10px;border-radius:50%;flex:none}.dot.in{background:var(--flare)}.dot.damped{border:1.5px solid var(--faint)}.dot.landed{background:var(--ink);border-radius:2px}.states{display:flex;gap:26px;flex-wrap:wrap;margin-top:26px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}.states span{display:inline-flex;align-items:center;gap:8px}.close{border-top:1px solid var(--rule);text-align:center;max-width:var(--maxw);margin:0 auto;padding:clamp(70px,12vh,140px) var(--edge);display:flex;flex-direction:column;align-items:center;gap:28px}.close h2{max-width:16ch;margin:0;font-size:clamp(2.2rem,5.5vw,4rem)}footer{border-top:1px solid var(--ink);padding:30px var(--edge);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}footer .brand{font-size:18px}.foot-note{margin:0;font-family:var(--mono);font-size:12px;color:var(--faint);letter-spacing:.02em}.foot-note a{color:var(--ink-2);border-bottom:1px solid var(--rule)}.foot-note a:hover{color:var(--flare)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}.coherent{animation:none;stroke-dashoffset:0}}@media (max-width: 860px){.hero,.two{grid-template-columns:1fr}}@media (max-width: 560px){body{font-size:16px;background-size:22px 22px}.fig{grid-template-columns:1fr;gap:10px}.fig-num{font-size:1.6rem}.actions .btn{flex:1 1 auto;justify-content:center}}
