/* Stream C: quiet instrument labels around the existing cinematic hero. */
.hero-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.role-tab{position:fixed;z-index:18;right:0;top:43%;writing-mode:vertical-rl;padding:19px 10px;border:1px solid #6396ff55;border-right:0;border-radius:8px 0 0 8px;background:#0c1018eb;color:#e0e8fb;font:9px ui-monospace,monospace;letter-spacing:2px;min-width:36px;text-align:center}
.hero-proof{font:10px/1.8 ui-monospace,monospace;color:#d2dbea;letter-spacing:0;margin:20px 0 30px;max-width:650px;text-wrap:balance}
.hero-agent{display:flex;align-items:center;width:min(460px,100%);border:1px solid #8ba8e15c;border-radius:12px;background:#101b30c9;backdrop-filter:blur(14px);box-shadow:0 6px 30px #0002;pointer-events:auto}.hero-agent:focus-within{border-color:var(--ember);box-shadow:0 0 0 2px #6396ff20}.hero-agent input{width:100%;min-width:0;border:0;background:none;color:var(--paper);font:inherit;font-size:12px;line-height:1.5;padding:15px 16px;outline:none}.hero-agent input::placeholder{color:#bdc9df;opacity:1}.hero-agent button{border:0;background:none;color:var(--ember);font-size:23px;min-width:48px;min-height:48px;cursor:pointer}.hero-agent button:disabled{opacity:.45;cursor:wait}.hero-agent-note{font:9px/1.5 ui-monospace,monospace;color:#acbad2;margin:8px 0 0}.motion-ready .chapter.active button,.motion-ready .chapter.active input{pointer-events:auto}
.headline-wrap{position:relative}.token-trigger{position:absolute;background:none;border:0;border-bottom:1px dotted #8eaff399;border-radius:0;color:inherit;cursor:pointer;z-index:3;padding:0}.token-candidates{position:absolute;left:0;top:100%;display:flex;align-items:center;gap:5px;z-index:4;font:9px/1.4 ui-monospace,monospace;letter-spacing:0;white-space:nowrap;padding-top:5px;pointer-events:none}.token-candidates span,.token-candidates small{padding:4px 7px;background:#0c1427f5;border:1px solid #6396ff50;border-radius:4px;color:#c4d6ff}.token-candidates small{border-color:transparent;color:#aac0e8}.token-candidates.is-fading{opacity:0;transition:opacity .4s}.token-candidates[hidden],.token-trigger[hidden]{display:none}
.ring-controls{position:absolute;right:var(--pad);bottom:38px;text-align:right;font:10px/1.6 ui-monospace,monospace;color:#bacbea;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:6px}.ring-controls .magnetic-hint{position:static!important;margin:0;font:inherit;letter-spacing:.3px}.ring-generate{min-height:44px;background:none;border:0;padding:6px 0 6px 12px;color:#b5cafa;font:inherit;cursor:pointer}.ring-readout{display:block;min-height:16px;padding:3px 8px;border:1px solid #6396ff55;border-radius:999px;background:#0c1018cc;color:#dce6ff;font-size:11px;transition:opacity .3s}.ring-readout:empty{opacity:0}.still-mode .ring-controls{display:none}.attention-lines{position:fixed;inset:0;z-index:1;pointer-events:none}
.model-boot{position:fixed;z-index:13;right:var(--pad);bottom:140px;padding:10px 14px;border-left:1px solid var(--ember);background:#0c1018e8;color:#c7d8ff;font:10px/1.7 ui-monospace,monospace;pointer-events:none;transition:opacity .25s}.model-boot small{display:block;font-size:8px;color:#a7b8d5}.model-boot.is-done{opacity:0}.still-mode .model-boot{display:none}
#sound-toggle{background:none;border:0;padding:10px 5px;min-height:44px;color:inherit;cursor:pointer;font:10px ui-monospace,monospace;white-space:nowrap}#sound-toggle [data-sound-state]{opacity:.6;font-size:8px}#sound-toggle[aria-pressed=true]{color:var(--ember)}
.agent-panel{position:fixed;z-index:40;right:var(--pad);top:110px;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 138px);display:flex;flex-direction:column;padding:24px;border:1px solid #7b9cdd66;border-radius:16px;background:#0c1528f2;color:var(--paper);backdrop-filter:blur(24px);box-shadow:0 30px 100px #0008}.agent-panel[hidden]{display:none}.agent-panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.agent-panel h2{margin:0;font-size:20px;font-weight:500;letter-spacing:-.5px}.agent-panel-close{background:none;border:0;color:#c5d6f8;font:inherit;font-size:24px;line-height:1;cursor:pointer;min-width:44px;min-height:44px}.agent-steps{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.agent-steps span{font:9px/1.5 ui-monospace,monospace;padding:5px 7px;border:1px solid #7893c440;border-radius:5px;color:#95a7c6}.agent-steps [aria-current=step]{color:#e0eaff;background:#2459ef33;border-color:#6396ff}.agent-status{font:10px/1.6 ui-monospace,monospace;color:#bdcdf0;margin:0 0 12px}.agent-result{white-space:pre-wrap;overflow-y:auto;min-height:50px;line-height:1.85;font-size:13px;overflow-wrap:anywhere;scrollbar-width:thin}.agent-panel-footer{padding-top:16px;display:flex;flex-direction:column;gap:12px;border-top:1px solid #6396ff33;margin-top:20px;font-size:12px}.agent-panel-footer a{min-height:32px;display:flex;align-items:center;color:#bad0ff}.agent-panel-footer a[hidden]{display:none}.agent-panel a:focus-visible,.agent-panel button:focus-visible,.token-trigger:focus-visible,.ring-generate:focus-visible,#sound-toggle:focus-visible,.role-tab:focus-visible,.hero-agent button:focus-visible{outline:2px solid var(--ember);outline-offset:4px}
.capabilities{position:relative;background:var(--paper);color:#4c5c7d;border-block:1px solid #c9d3e5;overflow:hidden;padding:27px 0}.capabilities-track{display:flex;width:max-content;animation:capability-drift 65s linear infinite;animation-play-state:paused}.capabilities-track p{font:11px/1.7 ui-monospace,monospace;letter-spacing:1px;white-space:nowrap;margin:0;padding-right:48px}.capabilities.is-running .capabilities-track{animation-play-state:running}.capabilities:hover .capabilities-track{animation-play-state:paused}@keyframes capability-drift{to{transform:translateX(-50%)}}
.manifesto{position:relative;background:var(--paper);color:var(--ink);padding:110px var(--pad) 130px}.manifesto-steps{display:flex;gap:18px;align-items:center;font:10px/1.6 ui-monospace,monospace;letter-spacing:1px;color:#2459ef;margin:0 0 35px}.manifesto-steps b{font-weight:400}.manifesto-copy{max-width:1120px;font-size:clamp(28px,3.8vw,58px);line-height:1.35;font-weight:450;letter-spacing:-.045em;margin:0;text-wrap:pretty}
@supports(animation-timeline:view()){
 .manifesto{view-timeline-name:--manifesto;view-timeline-axis:block}.manifesto-copy>span{animation:manifesto-light 1s linear both;animation-timeline:--manifesto;animation-range:cover var(--from) cover var(--to)}
 .manifesto-steps span{animation:direction-step 1s steps(1,end) both;animation-timeline:--manifesto;animation-range:cover 18% cover 70%}.manifesto-steps span:nth-of-type(2){animation-name:systems-step}.manifesto-steps span:nth-of-type(3){animation-name:shipped-step}
 @keyframes manifesto-light{from{opacity:.24}to{opacity:1}}@keyframes direction-step{0%{opacity:1}34%,100%{opacity:.35}}@keyframes systems-step{0%{opacity:.35}34%{opacity:1}68%,100%{opacity:.35}}@keyframes shipped-step{0%{opacity:.35}68%,100%{opacity:1}}
}
.still-mode .capabilities-track{animation:none;width:auto}.still-mode .capabilities-track p{white-space:normal;padding:0 var(--pad)}.still-mode .capabilities-track [aria-hidden]{display:none}.still-mode .manifesto-copy>span,.still-mode .manifesto-steps span{animation:none;opacity:1}.tab-hidden .capabilities-track{animation-play-state:paused!important}
@media(max-width:1100px){.masthead-note{margin-left:25px}.masthead>nav{gap:12px}.hero-proof{max-width:540px}.ring-controls{bottom:34px}}
@media(max-width:600px){.role-tab{display:none}.masthead #sound-toggle{display:none}.hero-proof{font-size:9px;line-height:1.7;margin-top:12px;margin-bottom:26px;max-width:360px}.chapter-hero .hero-bottom{margin-top:18px;display:flex;gap:12px;justify-content:space-between;align-items:center}.chapter-hero .explore{margin:0;max-width:92px;line-height:1.7;font-size:9px;gap:8px}.chapter-hero .explore span{border:0;width:auto;height:auto;font-size:17px}.chapter-hero .hero-bottom p{font-size:12px}.chapter-hero h1{font-size:clamp(43px,12.2vw,70px)}.chapter-hero .eyebrow{margin-bottom:15px}.hero-agent input{font-size:16px;padding:12px}.hero-agent-note{font-size:8px}.token-candidates{gap:3px;font-size:8px}.token-candidates span,.token-candidates small{padding:3px 4px}.motion-ready .chapter-hero{padding-top:116px;padding-bottom:86px}.ring-controls{right:var(--pad);bottom:37px}.ring-controls .magnetic-hint{display:none!important}.ring-generate{font-size:8px}.ring-readout{font-size:8px;position:absolute;right:0;bottom:42px;white-space:nowrap}.agent-panel{right:16px;top:90px;max-height:calc(100dvh - 110px);padding:18px}.manifesto{padding-block:65px 80px}.manifesto-steps{gap:10px;font-size:9px}.capabilities{padding-block:20px}}
@media(max-width:380px){.token-candidates{flex-wrap:wrap;white-space:normal}}
@media(max-height:650px){.chapter-hero .eyebrow{margin-bottom:10px}.chapter-hero .hero-bottom{margin-top:12px}.hero-proof{margin-top:10px;margin-bottom:24px}.hero-agent-note{margin-top:5px}.motion-ready .chapter-hero{padding-bottom:65px}.hero-agent input{padding-block:10px}.hero-agent button{min-height:44px}.ring-controls{bottom:30px}.chapter-hero h1{font-size:clamp(38px,9vw,64px)}}
@media(max-height:560px) and (min-width:601px){.chapter-hero .chapter-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;max-width:1000px;width:100%}.chapter-hero .eyebrow{grid-column:1/-1}.headline-wrap{grid-column:1;grid-row:1/6;align-self:center}.chapter-hero .hero-bottom,.hero-proof,.hero-agent,.hero-agent-note{grid-column:2}.hero-proof{font-size:9px}.ring-controls{display:none}.chapter-hero .hero-bottom{gap:15px}.chapter-hero .explore{font-size:9px}.manifesto{padding-block:70px}}
@media(prefers-reduced-motion:reduce){.capabilities-track{animation:none;width:auto}.capabilities-track p{white-space:normal;padding:0 var(--pad)}.capabilities-track [aria-hidden]{display:none}.manifesto-copy>span,.manifesto-steps span{animation:none;opacity:1}.token-trigger,.token-candidates,.ring-controls,.model-boot,.attention-lines{display:none!important}.ring-readout{transition:none}}

/* The regenerate readout borrows the corner; the chapter tagline steps aside while it shows. */
.chapter-hero .scene-aside{transition:opacity .3s}.chapter-hero:has(.ring-readout:not(:empty)) .scene-aside{opacity:0}