@font-face{font-family:"JetBrains Mono";src:url(assets/JetBrainsMono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(assets/AtkinsonHyperlegible-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215}
@font-face{font-family:"Atkinson Hyperlegible";src:url(assets/AtkinsonHyperlegible-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215}
@font-face{font-family:"Atkinson Hyperlegible";src:url(assets/AtkinsonHyperlegible-ext-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Atkinson Hyperlegible";src:url(assets/AtkinsonHyperlegible-ext-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";src:url(assets/JetBrainsMono-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--surface:#1a1917;--raised:#21201d;--field:#141311;--ink:#e8e4dc;--ink-soft:#d2cec6;--ink-muted:#a09c93;--ink-faint:#8f8b82;--edge:rgba(255,255,255,.1);--ease:cubic-bezier(.22,1,.36,1);--bg:#0d0e10;--crema:#ece4d2;--dim:#8f8d86;--cian:#a8eef7;--cian-hi:#e8fbfe;--glow:#46d3e6;--crt:#050b0c}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--crema);font:400 16px/1.5 "JetBrains Mono",ui-monospace,"Noto Sans Mono","Noto Sans CJK SC",monospace;font-variant-ligatures:none;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.scramble{white-space:nowrap;direction:ltr;unicode-bidi:isolate;display:inline-block}
.cell{display:inline-block;width:calc(1ch + var(--ls,0em));text-align:center;line-height:inherit;vertical-align:baseline;height:1em;overflow:visible}
.cell i{display:inline-block;font-style:normal;width:1ch;margin-inline:calc(var(--ls,0em)/2);transform-origin:50% 62%}
.cell i.rare{font-weight:400;color:var(--cian);text-shadow:0 0 12px rgba(70,211,230,.7)}
.cell i.hold{opacity:.62}
.cell i.wide{transform:scale(.6)}
.nav-end{display:flex;align-items:center;gap:18px}
.no-voice{margin:0;font-size:12px;line-height:1.4;color:#7fb0b6;text-align:center}
.no-voice:empty{display:none}
a{color:inherit;text-decoration:none}

.nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:22px 32px;color:#fff;font-size:15px;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.nav{transition:background-color .3s,padding .3s var(--ease),box-shadow .3s}
.nav.solid{padding-block:12px;background:rgba(10,12,13,.82);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--edge)}
.mark{font-weight:700;font-size:22px;--ls:-.03em;letter-spacing:-.03em}
.nav-links{display:flex;gap:32px}
.nav-links a{transition:opacity .2s;white-space:nowrap}.nav-links a.hl{color:var(--cian-hi);text-shadow:0 0 12px rgba(70,211,230,.6);box-shadow:inset 0 -1px 0 var(--cian)}.nav-links a:hover{opacity:.55}
.nav-cta{gap:8px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.55);text-shadow:none;cursor:not-allowed}
.nav-cta .lock{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}
.nav-cta small{padding:2px 6px;border-radius:4px;background:rgba(70,211,230,.14);color:var(--cian);font-size:10px;letter-spacing:.06em;text-transform:uppercase}

.hero{height:280vh;position:relative}
.stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;background:#0a1020}
.sky,.stage>canvas{position:absolute;inset:0;width:100%;height:100%;transition:opacity 1.8s,filter 1.8s}
.sky-dusk{background:linear-gradient(#25466f 0,#5f7ba3 34%,#c79d8f 58%,#f0c79a 68%,#f6dcb3 76%)}
.sky-night{background:linear-gradient(#03050c 0,#071128 44%,#102743 72%);opacity:0}
#stars{opacity:0}
#hill{filter:brightness(.92) saturate(.95)}
[data-cloud=off] .sky-night,[data-cloud=off] #stars{opacity:1}
[data-cloud=off] #clouds{opacity:0}
[data-cloud=off] #hill{filter:brightness(.26) saturate(.7) hue-rotate(28deg)}
.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,12,24,.62) 0,rgba(7,12,24,.34) 34%,transparent 58%),linear-gradient(rgba(6,12,26,.42),transparent 26%);pointer-events:none}

.copy{position:absolute;left:max(32px,6vw);top:46%;transform:translateY(-50%);width:min(44vw,620px);z-index:3;color:#fff}
.blurred{margin:0 0 18px;font-size:clamp(14px,1.35vw,19px);line-height:1.35;color:#d9e0ea;filter:blur(3.5px);user-select:none}
h1{margin:0 0 18px;font-size:clamp(38px,5.4vw,82px);line-height:1.02;--ls:-.045em;letter-spacing:-.045em;font-weight:700;min-height:2.04em;text-shadow:0 2px 30px rgba(6,12,26,.45)}
.typed{margin:0 0 26px;font-size:clamp(16px,1.5vw,21px);line-height:1.45;min-height:4.4em;text-shadow:0 1px 14px rgba(6,12,26,.6)}
.caret{display:inline-block;width:.55em;height:1em;background:var(--cian);vertical-align:-.13em;margin-left:.08em;animation:blink 1s step-end infinite;box-shadow:0 0 8px var(--glow)}
@keyframes blink{50%{opacity:0}}
.pills{display:flex;flex-wrap:wrap;gap:8px;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.pills.on{opacity:1;transform:none}
.hint{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);margin:0;font-size:12px;color:#e7ecdf;letter-spacing:.08em;z-index:3;text-shadow:0 1px 5px #000}
.say{position:absolute;margin:0;transform:translateX(-50%);white-space:nowrap;font-size:clamp(14px,1.25vw,17px);color:#fff;text-shadow:0 0 12px rgba(70,211,230,.9),0 1px 4px rgba(0,0,0,.6);z-index:2;min-height:1.5em}

.monitor{position:absolute;aspect-ratio:1.03313;will-change:transform}
.monitor canvas{position:absolute;inset:0;width:100%;height:100%;transition:filter 1.2s}
.glass{position:absolute;left:0;top:0;width:100px;height:73.14px;transform-origin:0 0;overflow:hidden}
.eye{position:absolute;background:var(--cian);box-shadow:0 0 5px 1px var(--glow),0 0 16px 3px rgba(70,211,230,.5)}
.glass img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.05);transform:scaleY(.015);opacity:0;transition:transform .5s cubic-bezier(.2,.9,.2,1),opacity .15s}
.glass.lit img{transform:none;opacity:1}
.glass::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 .6px,transparent .6px 1.6px),radial-gradient(90% 90% at 40% 22%,rgba(255,255,255,.11),transparent 55%)}
.hero-monitor{width:min(25vw,38vh);z-index:1}
[data-cloud=off] .hero-monitor canvas{filter:brightness(.34) saturate(.7)}
.crt-fill{position:absolute;inset:0;background:var(--crt);opacity:0;pointer-events:none;z-index:4}

.manifesto{position:relative;background:var(--crt);color:#b9e9ef;overflow:clip}
.scan{position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px),radial-gradient(100% 90% at 50% 50%,transparent 58%,rgba(0,0,0,.55))}
.page{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) clamp(190px,18vw,270px);gap:clamp(24px,4vw,64px);align-items:center;padding:76px clamp(24px,6vw,96px) 28px;position:relative;z-index:3}
.sheet{font-size:var(--fit,17px);line-height:1.42;letter-spacing:-.012em;max-width:62em}
.sheet p{margin:0 0 .62em}
.sheet .kicker{display:flex;align-items:center;gap:.7em;margin-bottom:1.1em;color:var(--cian);font-size:.78em;font-weight:700;letter-spacing:.32em;text-transform:uppercase}
.sheet .kicker::after{content:"";flex:1;max-width:8em;height:1px;background:linear-gradient(90deg,var(--glow),transparent)}
.sheet .title{font-weight:700;color:var(--cian-hi);font-size:2.1em;line-height:1.1;letter-spacing:-.035em;margin-bottom:.6em}
.sheet .quote{color:var(--cian-hi);font-weight:700;padding-inline-start:.8em;border-inline-start:2px solid var(--glow)}
.sheet .close{font-weight:700;color:var(--cian-hi);font-size:1.3em;line-height:1.2;letter-spacing:-.03em;margin:.8em 0 0}
.sheet .close .s:last-child{display:block;font-size:1.5em;margin-top:.15em}
.s{transition:opacity .35s}
.reading .s{opacity:.42}
.reading .s.done{opacity:.72}
.reading .s.now{opacity:1}
.w{transition:color .12s,background-color .12s;border-radius:3px}
.w.lit{color:#fff;background:rgba(70,211,230,.22)}
.reader{display:flex;flex-direction:column;align-items:center;gap:14px}
.walker{position:relative;width:100%;max-width:230px}
.reader-monitor{position:relative;width:100%;z-index:2}
.bar{width:80%;height:2px;background:rgba(168,238,247,.15);border-radius:2px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--cian);box-shadow:0 0 8px var(--glow)}

.people{position:relative;padding:16vh 6vw 18vh;background:linear-gradient(var(--crt),#101113 26%,var(--bg))}
.eyebrow{margin:0 0 9vh;color:var(--dim);font-size:clamp(15px,1.4vw,19px)}
.peers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:4vw;max-width:1200px}
.peer{display:block;position:relative}
.peer .monitor{position:relative;width:100%}
.peer h3{margin:18px 0 2px;font-size:18px;letter-spacing:-.02em}
.peer p{margin:0;color:var(--dim);font-size:13px}
.peer.you h3{color:var(--cian)}
.peer.you:hover h3{text-decoration:underline;text-underline-offset:3px}

.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:3vw;padding:9vh 6vw 7vh;border-top:1px solid #222;background:var(--bg)}
.foot-mark{font-weight:700;font-size:clamp(34px,4vw,56px);letter-spacing:-.05em;line-height:1;margin:0 0 12px}
.brand p:not(.foot-mark){margin:0 0 16px;font-size:14px;color:#c8c3b6}
.brand small{font-size:12px;color:var(--dim)}
.brand small a{text-decoration:underline;text-underline-offset:2px}
.col h3{margin:0 0 16px;font-size:16px}
.col a,.col span{display:block;margin-bottom:6px;padding:3px 0;font-size:14px;width:max-content;min-height:24px;box-sizing:border-box}
.col span{color:var(--dim)}.col a{position:relative}
.col a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .32s}
.col a:hover::after{transform:scaleX(1);transform-origin:left}
.dot{position:fixed;left:0;top:0;width:10px;height:10px;margin:-5px;border-radius:50%;background:#fff;box-shadow:0 0 12px 5px #fff,0 0 42px 16px rgba(70,211,230,.75);opacity:0;pointer-events:none;z-index:30}

.parts{padding:104px 6vw 16vh;background:var(--bg)}
.parts h2,.wait h2{display:flex;align-items:center;justify-content:center;gap:.9em;max-width:1280px;margin:0 auto 6vh;color:var(--crema);font-size:clamp(14px,1.25vw,18px);font-weight:700;letter-spacing:.32em;text-transform:uppercase;line-height:1.2}
.parts h2::before,.parts h2::after,.wait h2::before,.wait h2::after{content:"";flex:0 1 9em;height:1px;background:linear-gradient(90deg,transparent,rgba(236,228,210,.45))}
.parts h2::after,.wait h2::after{background:linear-gradient(90deg,rgba(236,228,210,.45),transparent)}
.anat{position:relative;max-width:1280px;margin:0 auto 22px;padding:clamp(28px,4vw,52px) clamp(20px,3vw,40px);overflow:hidden;border:1px solid rgba(168,238,247,.16);border-radius:16px;background:radial-gradient(55% 65% at 50% 50%,rgba(70,211,230,.11),transparent 72%),linear-gradient(rgba(168,238,247,.035) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(168,238,247,.035) 1px,transparent 1px) 0 0/32px 32px,var(--crt);box-shadow:inset 0 0 80px rgba(0,0,0,.6)}
.anat-wires{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.anat-wires path{fill:none;stroke:rgba(168,238,247,.24);stroke-width:1.3;stroke-linejoin:round}
.anat-wires path.on{stroke:var(--glow);stroke-width:1.5;stroke-dasharray:3 7;animation:flow 1.4s linear infinite;filter:drop-shadow(0 0 3px var(--glow))}
@keyframes flow{to{stroke-dashoffset:-20}}
.anat-grid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,380px) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px)}
.anat-side{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(22px,3.4vh,38px)}
.anat-side.left{align-items:flex-end}
.anat-side.right{align-items:flex-start}
.node{position:relative;display:flex;align-items:center;gap:12px;width:250px;max-width:100%;padding:12px 14px;color:inherit;text-decoration:none;text-align:start;background:rgba(5,11,12,.88);border:1px solid rgba(168,238,247,.2);border-radius:10px;box-shadow:inset 0 0 18px rgba(70,211,230,.04)}
.node::before{content:"";position:absolute;inset:3px;border:1px dashed rgba(168,238,247,.07);border-radius:7px;pointer-events:none}
.node .pin{position:absolute;top:50%;translate:0 -50%;width:11px;height:11px;border-radius:2px;border:1.5px solid rgba(168,238,247,.45);background:var(--crt)}
.anat-side.left .pin{inset-inline-end:-6px}
.anat-side.right .pin{inset-inline-start:-6px}
.node-face{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:rgba(168,238,247,.06);border:1px solid rgba(168,238,247,.12);color:var(--ink-muted)}
.node-face svg{width:22px;height:22px}
.node-face img{width:32px;height:32px;object-fit:contain}
.node-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.node b{color:var(--cian-hi);font-size:clamp(14px,1.15vw,16px);letter-spacing:.01em}
.node small{color:var(--ink-muted);font-size:12px}
.node em{margin-top:3px;font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.node.open{border-color:rgba(168,238,247,.55);box-shadow:0 0 24px rgba(70,211,230,.16),inset 0 0 22px rgba(70,211,230,.08);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.node.open .pin{background:var(--glow);border-color:var(--cian-hi);box-shadow:0 0 12px var(--glow)}
.node.open .node-face{border-color:rgba(168,238,247,.3);background:rgba(70,211,230,.1)}
.node.open em{color:var(--cian)}
.node.open:hover{border-color:var(--cian);box-shadow:0 0 30px rgba(70,211,230,.28),inset 0 0 22px rgba(70,211,230,.1)}
.node.open:focus-visible{outline:2px solid var(--cian);outline-offset:4px}
.anat-core{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.anat-core .monitor{position:relative;width:100%;max-width:340px;translate:-4.5% 0;filter:drop-shadow(0 0 40px rgba(70,211,230,.18))}
.anat-name{margin:10px 0 0;font-size:clamp(24px,2.4vw,34px);font-weight:700;letter-spacing:-.03em;color:var(--cian-hi);text-shadow:0 0 22px rgba(70,211,230,.5)}
.anat-desc{max-width:30ch;margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-muted)}
.anat-core .part-soon{align-self:center;margin-top:6px;height:28px;border-color:rgba(168,238,247,.25);color:var(--cian)}
.part-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1280px;margin-inline:auto}
.part{scroll-margin:120px}
.part.flash{animation:flash 1.6s var(--ease)}
@keyframes flash{0%,40%{border-color:var(--cian);box-shadow:0 0 0 1px var(--cian),0 0 36px rgba(70,211,230,.3)}}
.part-role{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cian)}
.part{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--raised);border:1px solid var(--edge);border-radius:14px;transition:translate .34s var(--ease),border-color .2s,box-shadow .34s var(--ease),scale .34s var(--ease)}
.part.live:hover{translate:0 -4px;border-color:rgba(168,238,247,.34);box-shadow:0 18px 44px rgba(0,0,0,.45),0 0 26px rgba(70,211,230,.1)}
.part.live:active:not(:has(.term:active)){scale:.985;transition-duration:.11s}
.part.quiet{background:var(--surface)}
.part-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--field);border-bottom:1px solid var(--edge)}
.part-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.part.live:hover .part-media img{transform:scale(1.035)}
.part-media.logo{background:radial-gradient(90% 120% at 50% 40%,#3a2a1c,#17120d)}
.part-media.logo img{inset:9% 0;height:82%;object-fit:contain}
.part-media.logo-monkeygrab{background:radial-gradient(80% 110% at 50% 45%,rgba(240,150,70,.13),transparent 70%),var(--field)}
.part-media.logo-mismem{background:radial-gradient(80% 110% at 50% 45%,rgba(240,120,170,.14),transparent 70%),var(--field)}
.part-body{display:flex;flex-direction:column;flex:1;gap:10px;padding:18px}
.part-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.part h3{margin:0;font-size:clamp(19px,1.6vw,23px);letter-spacing:-.03em;line-height:1.2}
.part-link{color:inherit;text-decoration:none}
.part-link:focus-visible{outline:none}
.part-link::after{content:"";position:absolute;inset:0;border-radius:14px}
.part-link:focus-visible::after{outline:2px solid var(--cian);outline-offset:-2px}
.part-tag{flex:none;font-size:11px;color:var(--ink-faint);white-space:nowrap}
.part-meta{margin:0;color:var(--ink-faint);font-size:12px}
.part-desc{margin:0;font-size:14px;line-height:1.5;color:var(--ink-soft)}
.part-note{margin:0;font-size:12px;line-height:1.45;color:var(--ink-muted)}
.part-soon{align-self:flex-start;margin-top:auto;height:32px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid var(--edge);border-radius:8px;font-size:12px;color:var(--ink-muted)}
.term{position:relative;z-index:1;margin-top:auto;overflow:hidden;background:#0b0d0e;border:1px solid var(--edge);border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.term-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 6px 6px 8px;background:rgba(255,255,255,.025);border-bottom:1px solid var(--edge)}
.seg{display:inline-flex;gap:2px;padding:2px;border-radius:7px}
.seg button{all:unset;padding:2px 9px;min-height:24px;box-sizing:border-box;display:inline-flex;align-items:center;border:1px solid transparent;border-radius:6px;font-size:11.5px;color:var(--ink-muted);cursor:pointer;transition:color .15s,background-color .15s}
.seg button:hover{color:var(--ink)}
.seg button[aria-selected=true]{background:var(--raised);border-color:var(--edge);color:var(--ink)}
.seg button:focus-visible{outline:2px solid var(--cian);outline-offset:1px}
.seg.solo{padding:2px 4px;font-size:11.5px;color:var(--ink-faint)}
.copy-ico{all:unset;display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:var(--ink-muted);cursor:pointer;transition:color .15s,background-color .15s}
.copy-ico:hover{background:var(--raised);color:var(--ink)}
.copy-ico:focus-visible{outline:2px solid var(--cian);outline-offset:1px}
.copy-ico.ok{color:var(--cian)}
.copy-ico svg{width:15px;height:15px}
.term-body{margin:0;padding:12px 14px 14px;overflow-x:auto}
.term-body code{display:block;font:inherit;font-size:12px;line-height:1.7;color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;text-align:left}
.term-body .pr{margin-right:.75ch;color:var(--cian);user-select:none}
.term-body .kw{color:#e8eef0;font-weight:700}

@media (max-width:1040px) and (min-width:761px){.anat-grid{gap:24px}.node-face{display:none}.nav-links{display:none}}
@media (max-width:760px){
  .part-list{grid-template-columns:1fr}
  .nav .a11y-panel{position:fixed;left:12px;right:12px;top:58px;min-width:0}
  .parts{padding:72px 16px 10vh}.parts h2{margin-bottom:24px;letter-spacing:.24em}
  .anat{padding:0;border:0;border-radius:0;background:none;box-shadow:none}.anat-wires{display:none}
  .anat-grid{grid-template-columns:1fr;gap:20px}.anat-core{order:-1}.anat-core .monitor{max-width:120px}
  .anat-name{margin-top:4px;font-size:24px}
  .anat-side,.anat-side.left,.anat-side.right{align-items:stretch;gap:8px}.node{width:100%;padding:10px 12px}.node .pin{display:none}
  .node-face{width:34px;height:34px}.node-face svg{width:18px;height:18px}.node em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .anat-side.right{border-top:1px solid rgba(168,238,247,.12);padding-top:18px}
  .nav{padding:14px 18px}.nav-links,.nav .nav-cta{display:none}
  .copy{left:18px;right:18px;width:auto;top:auto;bottom:50px;transform:none}
  h1{font-size:38px;min-height:1.02em}.typed{min-height:5.8em;font-size:15px}
  .blurred{display:none}
  .veil{background:linear-gradient(transparent 34%,rgba(7,12,24,.72) 62%)}
  .hero-monitor{width:44vw}
  .page{grid-template-columns:1fr;padding:72px 20px 40px}
  .reader{order:-1;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:14px}
  .walker{width:92px}
  .bar{width:100%;order:3}
  .sheet{font-size:15px}
  .foot{grid-template-columns:1fr 1fr;row-gap:22px}.brand{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:100svh}.sky,.stage>canvas,.monitor canvas{transition:none}}

/* Botones y desplegable: los mismos de la app (ui/panel.tsx, ui/Select.tsx, .press de index.css). */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border:1px solid transparent;border-radius:8px;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer;text-decoration:none}
.btn:focus-visible{outline:2px solid var(--cian);outline-offset:2px}
.btn.primary{background:var(--ink);color:var(--surface)}
.btn.primary:hover{opacity:.85}
.btn.secondary{background:var(--raised);border-color:var(--edge);color:var(--ink-soft)}
.btn.secondary:hover{background:var(--field);color:var(--ink)}
.press{transition-property:scale,background-color,color,border-color,opacity;transition-duration:340ms,150ms,150ms,150ms,150ms;transition-timing-function:var(--ease)}
.press:active:not(:disabled){scale:.94;transition-duration:110ms,150ms,150ms,150ms,150ms}
.power svg{width:11px;height:14px}
.power[aria-pressed=true]{color:var(--cian);border-color:rgba(168,238,247,.4)}
.ico{position:relative;width:10px;height:12px;flex:none}
.ico::before,.ico::after{content:"";position:absolute;top:0;bottom:0;background:currentColor;transition:clip-path .28s var(--ease),left .28s var(--ease),width .28s var(--ease)}
.ico::before{left:0;width:10px;clip-path:polygon(0 0,100% 50%,100% 50%,0 100%)}
.ico::after{left:5px;width:0}
.reading-on .ico::before{width:3.5px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.reading-on .ico::after{left:6.5px;width:3.5px}
.select-trigger{height:32px;padding:0 10px 0 12px}
.select-trigger svg{width:13px;height:13px;transition:rotate .3s var(--ease);opacity:.7}
.select-trigger[aria-expanded=true] svg{rotate:180deg}
.select-panel{position:fixed;z-index:40;min-width:176px;max-height:calc(100vh - 16px);overflow:auto;padding:4px;margin:0;list-style:none;background:var(--raised);border:1px solid var(--edge);border-radius:12px;box-shadow:0 12px 34px rgba(0,0,0,.5);color:var(--ink-soft);font-size:13px;animation:panel-in 480ms var(--ease) backwards}
.select-panel.out{animation:panel-out 120ms ease-in forwards;pointer-events:none}
@keyframes panel-in{from{opacity:0;transform:scale(.92)}}
@keyframes panel-out{to{opacity:0;transform:scale(.97)}}
.select-hl{position:absolute;left:4px;right:4px;top:0;height:32px;border-radius:8px;background:var(--edge);opacity:0;transition:transform .38s var(--ease),opacity .15s;pointer-events:none}
.select-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;height:32px;padding:0 10px;border-radius:8px;cursor:pointer;white-space:nowrap;animation:row-in 250ms var(--ease) backwards}
.select-row[aria-selected=true]{color:var(--ink)}
.select-row svg{width:13px;height:13px;color:var(--cian);visibility:hidden}
.select-row[aria-selected=true] svg{visibility:visible}
@keyframes row-in{from{opacity:0;transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){.press,.press:active:not(:disabled){scale:1;transition-duration:0ms}.part,.part-media img{transition:none}.anat-wires path.on{animation:none}.part.live:hover{translate:none}.part.live:hover .part-media img{transform:none}.select-panel,.select-panel.out,.select-row{animation:none}.select-hl,.ico::before,.ico::after{transition:none}}

/* Accesibilidad */
.skip{position:fixed;left:16px;top:-60px;z-index:60;padding:10px 14px;border-radius:8px;background:var(--cian-hi);color:#05080a;font-weight:700;text-decoration:none;transition:top .15s}
.skip:focus{top:12px}
.a11y{position:relative}
.a11y-trigger{width:36px;height:32px;padding:0;color:var(--ink)}
.a11y-trigger svg{width:18px;height:18px}
.a11y-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:250px;padding:6px;background:var(--raised);border:1px solid var(--edge);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.5);text-shadow:none}
.a11y-title{margin:4px 10px 6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}
.a11y-opt{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:10px;border-radius:8px;font-size:14px;color:var(--ink);cursor:pointer}
.a11y-opt:hover{background:var(--field)}
.a11y-opt:focus-visible{outline:2px solid var(--cian);outline-offset:-2px}
.a11y-opt i{flex:none;position:relative;width:32px;height:18px;border-radius:9px;background:var(--field);border:1px solid var(--edge);transition:background-color .15s}
.a11y-opt i::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--ink-muted);transition:translate .15s,background-color .15s}
.a11y-opt[aria-pressed=true] i{background:rgba(70,211,230,.35);border-color:var(--cian)}
.a11y-opt[aria-pressed=true] i::after{translate:14px 0;background:var(--cian-hi)}
:focus-visible{outline:2px solid var(--cian);outline-offset:2px}

/* Letra más grande: el manifiesto deja de encajar en una pantalla y se lee con scroll */
.a11y-big .parts,.a11y-big .people,.a11y-big .foot{zoom:1.2}
.a11y-big .copy{zoom:1.12}
.a11y-big .page{min-height:auto;padding-block:110px 70px}
.a11y-big .sheet{font-size:clamp(19px,1.55vw,23px);line-height:1.6}

/* Lectura fácil: tipografía hecha para distinguir letras, más aire y sin mayúsculas forzadas */
.a11y-dys body,.a11y-dys button,.a11y-dys input,.a11y-dys .seg button{font-family:"Atkinson Hyperlegible","Noto Sans",system-ui,sans-serif}
.a11y-dys body{letter-spacing:.03em;word-spacing:.16em}
.a11y-dys .sheet{line-height:1.75;word-spacing:.2em;letter-spacing:.02em}
.a11y-dys .sheet p{margin-bottom:1em}
.a11y-dys .part-desc,.a11y-dys .anat-desc,.a11y-dys .typed{line-height:1.75}
.a11y-dys .parts h2,.a11y-dys .wait h2,.a11y-dys .sheet .kicker,.a11y-dys .node em,.a11y-dys .part-role,.a11y-dys .a11y-title,.a11y-dys .nav-cta small{text-transform:none;letter-spacing:.04em}
.a11y-dys .term-body code{font-family:"JetBrains Mono",monospace;letter-spacing:0;word-spacing:0}

/* Alto contraste */
.a11y-hc{--ink:#fff;--ink-soft:#fff;--ink-muted:#ececec;--ink-faint:#d6d6d6;--dim:#ececec;--crema:#fff;--edge:rgba(255,255,255,.55);--cian:#c6f6fc}
.a11y-hc .manifesto{color:#fff}
.a11y-hc .reading .s,.a11y-hc .reading .s.done{opacity:1}
.a11y-hc .nav-cta{color:#fff}
.a11y-hc .node{background:#000}
.a11y-hc .blurred{filter:none}

/* Sin movimiento */
.a11y-still *,.a11y-still *::before,.a11y-still *::after{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}
.a11y-still{scroll-behavior:auto}

/* Lista de espera */
.wait{padding:4vh 6vw 18vh;background:var(--bg)}
.wait-box{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);max-width:1080px;margin:0 auto;padding:clamp(24px,4vw,48px);border:1px solid var(--edge);border-radius:16px;background:var(--surface)}
.wait-lead{margin:0 0 14px;font-size:clamp(20px,2vw,28px);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--ink)}
.wait-body{margin:0 0 18px;font-size:15px;line-height:1.65;color:var(--ink-soft)}
.wait-promise{margin:0 0 18px;font-size:13px;color:var(--cian)}
.wait-meanwhile{font-size:13px;color:var(--ink-muted);text-underline-offset:4px}
.wait-meanwhile:hover{color:var(--ink)}
.wait-form{display:flex;flex-direction:column;gap:8px}
.wait-form label{font-size:13px;color:var(--ink-muted)}
.wait-form input[type=email],.wait-form select{height:42px;padding:0 12px;margin-bottom:8px;border:1px solid var(--edge);border-radius:8px;background:var(--field);color:var(--ink);font:inherit;font-size:15px}
.wait-form input[type=email]:focus,.wait-form select:focus{outline:2px solid var(--cian);outline-offset:1px;border-color:transparent}
.wait-check{display:flex;align-items:flex-start;gap:10px;margin-top:4px;line-height:1.5;cursor:pointer}
.wait-check input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--glow)}
.wait-privacy{font-size:13px;color:var(--ink-muted)}
.wait-privacy summary{cursor:pointer;width:fit-content;text-decoration:underline;text-underline-offset:4px}
.wait-privacy p{margin:8px 0 0;line-height:1.6}
.wait-human:empty{display:none}
.wait-btn{align-self:flex-start;height:42px;padding:0 22px;margin-top:6px;font-size:14px;font-weight:700}
.wait-btn:disabled{opacity:.6;cursor:wait}
.wait-msg{min-height:1.5em;margin:4px 0 0;font-size:14px;line-height:1.5}
.wait-msg[data-kind=ok]{color:var(--cian)}
.wait-msg[data-kind=err]{color:#ffb4a8}
@media (max-width:760px){.wait-box{grid-template-columns:1fr}}

.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
h2.eyebrow{font-weight:400;letter-spacing:inherit;text-transform:none;line-height:inherit}
.nowrap{white-space:nowrap}