:root{--bg:#020402;--surface:#050605;--raised:#0a0c08;--ink:#f5f8f0;--muted:#aab1a3;--green-bright:#00ff4c;--green-primary:#00ff4c;--green-terminal:#00ff4c;--green-muted:rgba(0,255,76,.62);--green-dim:rgba(0,255,76,.18);--line:rgba(0,255,76,.18);--line-active:rgba(0,255,76,.58);--green:var(--green-primary);--glow:rgba(0,255,76,.16);--warning:#ffd27e;--space:clamp(1.1rem,3vw,3rem);--wide:1180px;--ease:cubic-bezier(.2,.8,.2,1);--journey-x:0px;--canvas-drag-x:0px;--canvas-drag-y:0px;font-family:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100%;line-height:1.55;overflow-x:hidden;background:var(--bg)}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--warning);outline-offset:4px}
.skip-link{position:absolute;z-index:100;top:-4rem;left:1rem;padding:.7rem 1rem;background:var(--warning);color:#111}
.skip-link:focus{top:1rem}
.terminal-backdrop,.grid-field,.ambient-canvas,.crt-overlay{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.terminal-backdrop{z-index:0;background:radial-gradient(circle at 50% 0,rgba(0,255,76,.1),transparent 38rem)}
.grid-field{z-index:1;opacity:.62;background-image:linear-gradient(rgba(0,255,76,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,76,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 78%);transform:translateX(calc(var(--journey-x)*-.025))}
.ambient-canvas{z-index:2;width:100%;height:100%;opacity:.32}
.crt-overlay{z-index:20;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.12) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 0 60%,rgba(0,0,0,.2) 100%)}
.site-header{position:relative;z-index:30;max-width:var(--wide);margin:auto;padding:0 var(--space);min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--line),transparent 40%);background:color-mix(in srgb,var(--bg),transparent 8%);backdrop-filter:blur(14px)}
.js .site-header{position:fixed;top:0;left:50%;width:100%;transform:translateX(-50%)}
.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:750;letter-spacing:-.03em}
.brand-mark{display:block;width:2.25rem;height:2.25rem;object-fit:contain;filter:drop-shadow(0 0 7px rgba(0,255,76,.28))}
nav{display:flex;gap:1.3rem;align-items:center}
nav a{font-size:.86rem;color:var(--muted);text-decoration:none}
nav a:hover,nav a[aria-current="page"]{color:var(--ink)}
.nav-cta{color:var(--ink);border:1px solid var(--line);border-radius:99px;padding:.48rem .8rem}
.menu-button{display:none}
.journey{position:relative;z-index:5;max-width:var(--wide);margin:auto}
.journey-stage{position:relative}
.identity-anchor{display:none}
.ai-view{display:none}
.view-toggle{position:fixed;right:1rem;bottom:1rem;z-index:40;display:flex;align-items:center;gap:.2rem;padding:.28rem;border:1px solid var(--line-active);border-radius:99px;background:rgba(2,4,2,.92);box-shadow:0 0 24px rgba(0,255,76,.12);backdrop-filter:blur(12px);font:700 .65rem/1 ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}
.view-toggle-label{padding:0 .35rem;color:var(--green-muted);font-size:.55rem}
.view-toggle button{min-height:2rem;padding:.45rem .7rem;border:1px solid transparent;border-radius:99px;background:transparent;color:var(--muted);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.view-toggle button[aria-pressed="true"]{border-color:var(--line-active);background:rgba(0,255,76,.12);color:var(--green-bright);box-shadow:inset 0 0 14px rgba(0,255,76,.08)}
.view-toggle button:hover{color:var(--ink)}
.ai-view{position:relative;z-index:25;width:min(900px,calc(100% - 2rem));margin:0 auto;padding:clamp(6rem,11vw,9rem) 0 8rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.ai-view-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.45fr);gap:2rem;padding-bottom:2rem;border-bottom:1px solid var(--line-active)}
.ai-view h1{margin:.35rem 0 1rem;color:var(--green-bright);font:700 clamp(3rem,10vw,7rem)/.85 ui-monospace,monospace;letter-spacing:-.08em}
.ai-view h2{margin:.35rem 0 1rem;color:var(--ink);font:700 clamp(1.4rem,3vw,2.25rem)/1.08 ui-monospace,monospace;letter-spacing:-.04em}
.ai-view p{max-width:72ch;color:var(--muted)}
.ai-kicker,.ai-section-label{color:var(--green-bright)!important;font-size:.68rem;letter-spacing:.12em}
.ai-view>section{padding:2.25rem 0;border-bottom:1px solid var(--line)}
.ai-status,.ai-data-list{margin:0}
.ai-status div,.ai-data-list div{display:grid;grid-template-columns:minmax(100px,.4fr) 1fr;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--line)}
.ai-status dt,.ai-data-list dt{color:var(--green-bright);font-size:.65rem;letter-spacing:.08em}
.ai-status dd,.ai-data-list dd{margin:0;color:var(--ink);font-size:.72rem}
.ai-chain,.ai-stack{display:grid;gap:.5rem;margin:1.4rem 0 0;padding:0;list-style:none}
.ai-chain{grid-template-columns:repeat(7,1fr)}
.ai-chain li,.ai-stack li{position:relative;padding:.85rem;border:1px solid var(--line);background:rgba(0,255,76,.025);color:var(--muted);font-size:.7rem}
.ai-chain li::before{display:block;width:.4rem;height:.4rem;margin-bottom:.65rem;border-radius:50%;background:var(--green-bright);box-shadow:0 0 10px var(--green-bright);content:""}
.ai-stack li strong{color:var(--green-bright)}
.ai-view-footer{display:flex;justify-content:space-between;gap:2rem;padding-top:2rem;font-size:.7rem}
.ai-view-footer a{color:var(--green-bright)}
html[data-view="ai"]{scroll-behavior:smooth}
html[data-view="ai"] body{overflow:auto}
html[data-view="ai"] .site-header,html[data-view="ai"] .journey,html[data-view="ai"] .journey-progress,html[data-view="ai"] .identity-anchor{display:none}
html[data-view="ai"] .ai-view{display:block}
html[data-view="ai"] .crt-overlay{z-index:24;opacity:.42}
.journey-world{display:grid;gap:2rem;padding:5rem var(--space)}
.scene{position:relative;min-height:70vh;padding:clamp(2rem,5vw,5rem);border:0;border-radius:0;background:radial-gradient(circle at 48% 42%,rgba(5,10,5,.7),rgba(3,4,3,.5) 58%,rgba(2,4,2,.18) 86%,transparent 100%);overflow:auto}
.scene:focus{outline:none}
.scene>*{position:relative}
.eyebrow{margin:0 0 .5rem;color:var(--green-bright);font:750 .72rem/1.4 ui-monospace,monospace;letter-spacing:.08em}
.live-dot{display:inline-block;width:.48rem;height:.48rem;border-radius:50%;background:var(--green-terminal);box-shadow:0 0 14px var(--green-terminal);vertical-align:middle}
h1,h2,h3,p{margin-top:0}
h1{max-width:790px;margin-bottom:1.5rem;font-size:clamp(2.8rem,5vw,5rem);line-height:.92;letter-spacing:-.075em}
h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green-bright)}
h2{max-width:780px;margin-bottom:1.3rem;font-size:clamp(2.15rem,4.7vw,4.5rem);line-height:.98;letter-spacing:-.06em}
.lead{max-width:650px;color:var(--muted);font-size:clamp(1rem,1.5vw,1.2rem)}
.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.7rem 0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.82rem 1.1rem;border:1px solid var(--green-primary);border-radius:99px;color:var(--green-bright);font:700 .9rem/1 inherit;text-decoration:none;cursor:pointer;transition:background 180ms var(--ease),box-shadow 180ms var(--ease),color 180ms var(--ease)}
.button:hover,.button:focus-visible{background:rgba(0,255,76,.12);box-shadow:0 0 20px var(--glow)}
.button-primary{background:rgba(0,255,76,.06)}
.button-secondary{border-color:var(--line);background:transparent;color:var(--ink)}
.status-line,.form-note{color:var(--muted);font-size:.82rem}
.hero-layout,.problem-layout,.architecture-layout,.terminal-layout,.updates-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,6vw,7rem);align-items:center;min-height:100%}
.hero-layout>*,.problem-layout>*,.architecture-layout>*,.terminal-layout>*,.updates-layout>*{min-width:0}
.hero-system{position:relative;min-height:350px;perspective:1200px}
.core{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:150px;height:150px;border:1px solid var(--green-primary);border-radius:50%;background:radial-gradient(circle,rgba(0,255,76,.14),#000 68%);box-shadow:0 0 80px var(--glow);transform:translate(-50%,-50%);text-align:center}
.core span{font:2.7rem Georgia,serif;color:var(--green-bright);line-height:.8}
.core small{font:.55rem/1.45 ui-monospace,monospace;letter-spacing:.1em}
.orbit{position:absolute;z-index:3;display:grid;place-items:center;width:72px;height:72px;border:1px solid var(--line);border-radius:50%;background:var(--surface);box-shadow:inset 0 0 20px rgba(0,255,76,.04);color:var(--muted);font:.62rem ui-monospace,monospace}
.orbit-one{top:12%;left:13%;animation:float 5s var(--ease) infinite alternate}
.orbit-two{top:15%;right:6%;animation:float 6s var(--ease) infinite alternate-reverse}
.orbit-three{bottom:7%;left:39%;animation:float 4s var(--ease) infinite alternate}
@keyframes float{to{transform:translate3d(0,-12px,25px)}
}
.signal{position:absolute;z-index:1;width:44%;height:1px;left:29%;top:48%;background:linear-gradient(90deg,transparent,var(--green),transparent);transform-origin:left}
.signal-one{transform:rotate(-142deg)}
.signal-two{transform:rotate(-28deg)}
.signal-three{transform:rotate(82deg)}
.hero-system>p{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;text-align:center;color:var(--muted);font:.78rem ui-monospace,monospace}
.scene-footer{position:absolute;bottom:1.2rem;left:clamp(2rem,5vw,5rem);color:var(--muted);font:.72rem ui-monospace,monospace}
.principle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem}
.principle-row article{min-height:220px;padding:1.4rem;border:1px solid color-mix(in srgb,var(--line),transparent 35%);background:linear-gradient(145deg,rgba(5,8,5,.5),rgba(5,6,5,.18))}
.decision-chain,.architecture-stack,.terminal,.release-card{font-family:ui-monospace,monospace}
.principle-row h3{margin:.25rem 0 .5rem;font-size:1.3rem}
.principle-row p{color:var(--muted)}
.decision-chain{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;list-style:none;margin:clamp(1.5rem,5vw,4rem) 0 0;padding:0}
.decision-chain li{position:relative;min-height:180px;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;border:1px solid color-mix(in srgb,var(--line),transparent 35%);background:rgba(5,6,5,.38)}
.decision-chain li:not(:last-child)::after{position:absolute;right:-.48rem;top:50%;z-index:1;content:'→';color:var(--green-primary);font-size:1.1rem;transform:translateY(-50%)}
.decision-chain b{font-size:.8rem}
.decision-chain small{margin-top:.4rem;color:var(--muted);font-size:.57rem}
.architecture-stack{display:grid;gap:.45rem}
.architecture-stack>div{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border:1px solid color-mix(in srgb,var(--line),transparent 35%);background:rgba(5,6,5,.38)}
.architecture-stack small{color:var(--muted);font-size:.65rem;text-align:right}
.architecture-core{border-color:var(--line-active)!important;background:rgba(0,255,76,.08)!important;box-shadow:0 0 34px var(--glow)}
.terminal{width:100%;max-width:100%;min-height:320px;overflow:hidden;border:1px solid var(--line);background:#000;box-shadow:20px 20px 0 rgba(0,255,76,.06);font-size:.78rem}
.scene-opening{background:linear-gradient(115deg,rgba(5,8,5,.96),rgba(3,4,3,.9) 58%,rgba(12,24,8,.88))}
.opening-copy{align-self:center}
.patent-badge{display:inline-block;max-width:100%;margin:0 0 1rem;padding:.32rem .65rem;border:1px solid var(--line-active);border-radius:.25rem;background:rgba(0,255,76,.055);color:var(--green-bright);font:700 .67rem/1.35 ui-monospace,monospace;letter-spacing:.025em}
.opening-copy h1{font-size:clamp(3.15rem,6.2vw,6.3rem)}
 .opening-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.1rem}
 .opening-cta{margin-top:0}
.terminal-opening{min-height:390px;box-shadow:16px 16px 0 rgba(0,255,76,.08),inset 0 0 40px rgba(0,255,76,.025)}
.terminal-opening #terminal-output{min-height:88px;max-height:125px}
.terminal-opening .terminal-top{gap:.7rem}
.terminal-state{display:inline-flex;align-items:center;gap:.42rem;flex-shrink:0;min-height:2rem;margin-left:auto;padding:.22rem .56rem;border:1px solid var(--line-active);background:rgba(0,255,76,.08);color:var(--green-bright);font-size:clamp(.74rem,.8vw,.9rem);line-height:1;letter-spacing:.025em;white-space:nowrap}
.terminal-state strong{font-weight:800}
.terminal-state small{color:var(--ink);font:600 .68em/1 ui-monospace,monospace;letter-spacing:.035em}
.terminal-intro{padding:1rem 1rem .25rem;color:var(--muted)}
.terminal-intro p{margin:.2rem 0}
.terminal-top{display:flex;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.65rem}
.terminal-top span:first-child{color:var(--green-terminal);letter-spacing:.25em}
#terminal-output{min-height:210px;padding:1rem;overflow:auto;overflow-wrap:anywhere;color:var(--muted)}
#terminal-output p{margin:.2rem 0}
#terminal-output b,#terminal-output span{color:var(--green-bright)}
.terminal-command-label{padding:.75rem 1rem .2rem;border-top:1px solid var(--line);color:var(--green-terminal);font:inherit}
.terminal-suggestions{display:flex;flex-wrap:wrap;gap:.4rem;padding:.4rem 1rem 1rem}
.terminal-suggestions button{min-height:2rem;border:1px solid var(--line);background:transparent;color:var(--green-bright);font:.64rem ui-monospace,monospace;cursor:pointer}
.terminal-suggestions button:hover,.terminal-suggestions button:focus-visible{border-color:var(--line-active);background:rgba(0,255,76,.08)}
.terminal-paper-link{display:flex;align-items:center;justify-content:space-between;margin:0 1rem 1rem;padding:.7rem .8rem;border:1px solid var(--green-primary);background:rgba(0,255,76,.08);color:var(--green-bright);font:700 .7rem ui-monospace,monospace;text-decoration:none}
.terminal-paper-link:hover,.terminal-paper-link:focus-visible{background:rgba(0,255,76,.15)}
.release-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-top:1.5rem}
.release-card{display:flex;flex-direction:column;gap:.8rem;min-height:210px;padding:1.1rem;border:1px solid var(--line);background:rgba(5,6,5,.62)}
.release-card h3{margin:1rem 0 0;font:700 1rem inherit}
.release-card p{margin:0;color:var(--muted);font:.7rem/1.5 inherit}
.release-status{display:inline-flex;align-self:flex-start;padding:.28rem .45rem;border:1px solid currentColor;border-radius:99px;font-size:.58rem;letter-spacing:.04em}
.status-not-yet-released{color:var(--warning)}
.status-future{color:var(--muted)}
.release-card button{margin-top:auto;padding:.65rem;border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:.65rem}
.release-card button:disabled{cursor:not-allowed}
.updates-layout{grid-template-columns:1.15fr .65fr}
.updates form{position:relative;z-index:3;margin-top:1.8rem}
.updates label{display:block;margin-bottom:.5rem;font-weight:700}
.email-row{display:flex;gap:.7rem}
.email-row input{position:relative;z-index:4;min-width:0;flex:1;padding:.85rem 1rem;border:1px solid var(--line);border-radius:.4rem;background:var(--surface);color:var(--ink);font:inherit;pointer-events:auto}
.email-row input:focus{border-color:var(--green-primary);box-shadow:0 0 0 3px rgba(0,255,76,.13)}
.email-row .button:disabled{cursor:wait;opacity:.72}
.form-honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.updates .form-note{position:relative;z-index:4;max-width:720px;margin:1rem 0 0;padding:.8rem 1rem;border-left:2px solid var(--line-active);background:rgba(2,4,2,.82);color:#d1d8cf;font-size:.86rem;line-height:1.55}
.request-updates-status{min-height:1.55em;margin:.7rem 0 0;font-weight:650}
.request-updates-status[data-state="success"]{color:var(--green-bright)}
.request-updates-status[data-state="error"]{color:var(--warning)}
.filing-status{margin:.6rem 0 0;color:var(--green-muted);font:.7rem/1.5 ui-monospace,monospace}
.end-marker{display:grid;place-items:center;align-content:center;min-height:270px;border:1px solid var(--green-primary);background:radial-gradient(circle,rgba(0,255,76,.14),#000 68%);text-align:center}
.end-marker span{font:5rem Georgia,serif;color:var(--green-bright)}
.end-marker p{font:.9rem/1.4 ui-monospace,monospace;letter-spacing:.14em}
.end-marker small{color:var(--muted);font:.55rem ui-monospace,monospace}
.scene-site-footer{position:absolute;bottom:1.2rem;left:clamp(2rem,5vw,5rem);right:clamp(2rem,5vw,5rem);display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.75rem}
.scene-site-footer p{margin:0}
.scene-site-footer .footer-legal{flex-basis:100%;color:var(--muted);font-size:.7rem;line-height:1.45}
.journey-progress{position:fixed;z-index:32;bottom:1rem;left:50%;display:none;align-items:center;gap:.75rem;width:min(760px,calc(100vw - 2rem));transform:translateX(-50%);padding:.65rem .8rem;border:1px solid var(--line);border-radius:99px;background:color-mix(in srgb,var(--bg),transparent 9%);backdrop-filter:blur(14px)}
.journey-progress button{display:grid;place-items:center;min-width:2.7rem;min-height:2.7rem;border:1px solid transparent;border-radius:50%;background:rgba(0,255,76,.04);color:var(--green);font:1.1rem inherit;cursor:pointer;transition:background 180ms var(--ease),border-color 180ms var(--ease),transform 180ms var(--ease)}
.journey-progress button:hover,.journey-progress button:focus-visible{border-color:var(--line-active);background:rgba(0,255,76,.12);transform:scale(1.06)}
.journey-progress ol{display:flex;flex:1;gap:.35rem;list-style:none;margin:0;padding:0}
.journey-progress li{flex:1}
.journey-progress li button{width:100%;min-width:0;min-height:4px;height:4px;padding:0;border-radius:99px;background:var(--line);font-size:0}
.journey-progress li button[aria-current="step"]{background:var(--green-primary);box-shadow:0 0 10px var(--green-primary)}
.journey-progress output{min-width:110px;color:var(--muted);font:.58rem ui-monospace,monospace}
#command-hint{min-width:92px;color:var(--green-muted)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.noscript-note{padding:1rem;color:var(--warning);text-align:center}
.js{scroll-behavior:auto}
.js body{scrollbar-width:none}
.js body::-webkit-scrollbar{width:0}
.js .journey{height:var(--journey-height)}
.js .journey-stage{position:sticky;top:0;height:100vh;overflow:hidden;cursor:default;touch-action:auto}
.js .identity-anchor{position:fixed;z-index:29;bottom:.65rem;top:auto;left:max(.65rem,calc(50% - 720px));display:block;width:min(15vw,200px);margin:0;pointer-events:none;filter:drop-shadow(0 0 22px rgba(0,255,76,.22))}
.identity-anchor figure{position:relative;margin:0}
.identity-anchor img{display:block;width:100%;height:auto;mix-blend-mode:normal;opacity:.94;filter:contrast(1.25) saturate(.92) brightness(1.08)}
.identity-anchor figcaption{position:absolute;right:-8%;bottom:5%;color:var(--green-bright);font:1.35rem/1 "Segoe Script","Brush Script MT",cursive;text-shadow:0 0 14px rgba(0,255,76,.34);transform:rotate(-8deg)}
.js .journey-world{position:relative;width:100%;height:100%;padding:0;perspective:1400px;transform-style:preserve-3d}
.js .journey-stage :is(input,textarea,select){cursor:text}
.js .journey-stage :is(button,a,[role="button"]){cursor:pointer}
.js .scene{position:absolute;top:clamp(84px,10vh,110px);left:50%;width:min(68vw,980px);height:min(75vh,770px);min-height:0;padding:clamp(1.4rem,4vw,4rem);overflow:auto;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity;transition:box-shadow 180ms var(--ease);scrollbar-width:thin;scrollbar-color:rgba(0,255,76,.5) transparent}
.js .scene-updates .updates-layout{min-height:0}
.js .scene-updates .scene-site-footer{position:relative;right:auto;bottom:auto;left:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);align-items:center;margin-top:clamp(1.75rem,4vh,3rem);padding-top:1rem;border-top:1px solid rgba(0,255,76,.2);font-size:.78rem}
.js .scene-updates .scene-site-footer p:nth-of-type(2){text-align:right}
.js .scene-updates .scene-site-footer .footer-legal{grid-column:1/-1;text-align:left}
.js .scene::-webkit-scrollbar,#terminal-output::-webkit-scrollbar{width:7px;height:7px}
.js .scene::-webkit-scrollbar-track,#terminal-output::-webkit-scrollbar-track{background:transparent}
.js .scene::-webkit-scrollbar-thumb,#terminal-output::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:rgba(0,255,76,.44);background-clip:padding-box}
.js .scene::-webkit-scrollbar-thumb:hover,#terminal-output::-webkit-scrollbar-thumb:hover{background:rgba(0,255,76,.78);background-clip:padding-box}
#terminal-output{scrollbar-width:thin;scrollbar-color:rgba(0,255,76,.5) transparent}
.js .scene[data-active="true"]{box-shadow:none}
.js .scene[data-interactive="true"]{pointer-events:auto;user-select:text;-webkit-user-select:text}
.js .scene-architecture .architecture-layout{align-content:start;align-items:start}
.js .scene-architecture .architecture-layout>div:first-child{max-width:700px}
.js .scene-architecture .architecture-stack{align-self:start}
.js .scene[data-interactive="false"]{pointer-events:none}
.js .scene :is(a,button,input,textarea,select,[role="button"],[contenteditable]){position:relative;z-index:5;pointer-events:auto;touch-action:manipulation}
.js .journey-progress{display:flex}

/* One quiet, semantic signal per scene. These are visual annotations, not
   decoration: each describes what that part of the journey preserves. */
.scene-motion{position:absolute!important;right:clamp(1rem,3vw,3rem);top:clamp(1rem,3vw,2.4rem);width:92px;height:70px;display:block;pointer-events:none;opacity:.58}
.scene-motion::before,.scene-motion::after,.scene-motion i,.scene-motion b,.scene-motion em{position:absolute;display:block}
.scene-motion::before{content:"";inset:50% 0 auto;border-top:1px solid var(--line);transform:rotate(-18deg);transform-origin:center}
.scene-motion::after{content:"";width:5px;height:5px;left:16%;top:48%;border-radius:50%;background:var(--green-bright);box-shadow:0 0 13px var(--green-bright);animation:signalTravel 2.8s var(--ease) infinite}
.scene-motion b{font:600 .62rem ui-monospace,monospace;color:var(--green-muted);letter-spacing:.08em}
.scene-motion i{width:8px;height:8px;border:1px solid var(--green);border-radius:50%;background:var(--bg)}
.motion-memory i:nth-child(1){left:6%;top:12%;animation:orbitMark 5s linear infinite}.motion-memory i:nth-child(2){right:7%;bottom:8%;animation:orbitMark 4s linear infinite reverse}.motion-memory em{right:38%;top:38%;width:22px;height:22px;border:1px solid var(--green);border-radius:50%;animation:corePulse 2.4s ease-in-out infinite}
.motion-fragments::before{transform:rotate(0);border-top-style:dashed}.motion-fragments i{width:14px;height:14px;border-radius:2px;transform:rotate(45deg);animation:fragmentDrift 3.8s var(--ease) infinite}.motion-fragments i:nth-child(1){left:10%;top:7%}.motion-fragments i:nth-child(2){right:9%;top:28%;animation-delay:-1.2s}.motion-fragments i:nth-child(3){left:44%;bottom:0;animation-delay:-2.3s}
.motion-continuity::before{transform:rotate(0);border-top-style:dotted}.motion-continuity i{top:44%;animation:continuityPull 3s var(--ease) infinite}.motion-continuity i:nth-child(1){left:8%}.motion-continuity i:nth-child(2){right:8%;animation-delay:-1.5s}.motion-continuity b{left:39%;top:27%;font-size:.9rem;color:var(--green-bright);animation:corePulse 2.6s ease-in-out infinite}
.motion-chain::before{transform:rotate(0)}.motion-chain i{top:44%;width:10px;height:10px;background:var(--green);border:0;animation:chainLight 3.2s linear infinite}.motion-chain i:nth-child(1){left:5%}.motion-chain i:nth-child(2){left:32%;animation-delay:.8s}.motion-chain i:nth-child(3){left:60%;animation-delay:1.6s}.motion-chain i:nth-child(4){right:5%;animation-delay:2.4s}
.motion-stack{height:80px}.motion-stack::before{left:15%;right:15%;top:22%;border-top:1px solid var(--line);transform:none}.motion-stack i{left:20%;width:58px;height:13px;border-radius:1px;transform:skewX(-22deg);animation:stackSettle 3.6s var(--ease) infinite}.motion-stack i:nth-child(1){top:10%}.motion-stack i:nth-child(2){top:31%;animation-delay:-1.2s}.motion-stack i:nth-child(3){top:52%;animation-delay:-2.4s}
.motion-terminal{top:auto;bottom:1.3rem}.motion-terminal::before{transform:none}.motion-terminal i{width:3px;height:3px;border:0;border-radius:0;background:var(--green);top:49%;animation:terminalBlink 1.2s steps(2,end) infinite}.motion-terminal i:nth-child(1){left:8%}.motion-terminal i:nth-child(2){left:18%;animation-delay:.4s}.motion-terminal i:nth-child(3){left:28%;animation-delay:.8s}
.motion-release::before{transform:none;border-top:0}.motion-release i{width:58px;height:12px;left:17%;border-radius:99px;border-color:var(--line);animation:releaseScan 3s var(--ease) infinite}.motion-release i:nth-child(1){top:10%}.motion-release i:nth-child(2){top:34%;animation-delay:-1s}.motion-release i:nth-child(3){top:58%;animation-delay:-2s}
.end-marker .motion-infinity{position:relative!important;width:170px;height:88px;right:auto;top:auto;transform:none;opacity:.9;margin:0 auto .4rem}.motion-infinity::before,.motion-infinity::after{content:"";inset:7px 27px 7px 0;border:1px solid var(--green);border-radius:50% 46% 48% 52%;transform:rotate(20deg);animation:infinityLeft 4.8s var(--ease) infinite}.motion-infinity::after{inset:7px 0 7px 27px;border-radius:46% 50% 52% 48%;transform:rotate(-20deg);animation-name:infinityRight}.motion-infinity i:nth-child(1){left:27%;top:46%;width:7px;height:7px;border:0;background:var(--green-bright);box-shadow:0 0 14px var(--green-bright);animation:infinityPulse 2.4s ease-in-out infinite}.motion-infinity i:nth-child(2){right:26%;top:46%;width:7px;height:7px;border:0;background:var(--green-bright);box-shadow:0 0 14px var(--green-bright);animation:infinityPulse 2.4s ease-in-out infinite reverse}.motion-infinity b{left:50%;top:50%;transform:translate(-50%,-50%);font:1.8rem Georgia,serif;color:var(--green-bright);animation:infinityCorePulse 2.4s ease-in-out infinite}
@keyframes signalTravel{50%{transform:translateX(66px);opacity:.2}}@keyframes orbitMark{50%{transform:translate(7px,-8px)}}@keyframes corePulse{50%{transform:scale(1.12);opacity:.65}}@keyframes fragmentDrift{50%{transform:translate(9px,5px) rotate(135deg);opacity:.45}}@keyframes continuityPull{50%{transform:translateX(32px);background:var(--green-bright)}}@keyframes chainLight{50%{opacity:.28;transform:scale(.65)}}@keyframes stackSettle{50%{transform:translateX(8px) skewX(-22deg)}}@keyframes terminalBlink{50%{opacity:.18}}@keyframes releaseScan{50%{transform:scaleX(.65);opacity:.38}}@keyframes infinityLeft{50%{transform:rotate(20deg) scale(1.06);opacity:.72}}@keyframes infinityRight{50%{transform:rotate(-20deg) scale(1.06);opacity:.72}}@keyframes infinityPulse{50%{transform:scale(.35);opacity:.35}}@keyframes infinityCorePulse{50%{transform:translate(-50%,-50%) scale(1.12);opacity:.65}}

@media(min-width:1100px){
 :root{--wide:1320px}
 nav{gap:clamp(1.35rem,2vw,2rem)}
 nav a{padding:.55rem .08rem;font-size:clamp(.95rem,1vw,1.08rem);font-weight:650;letter-spacing:.01em}
 .nav-cta{padding:.56rem .92rem}
 .js .scene{left:calc(50% + clamp(3rem,7vw,7rem));width:min(65vw,1040px);height:min(78vh,820px);padding:clamp(2rem,4.2vw,4.75rem)}
 .js .scene h2{font-size:clamp(2.45rem,4.1vw,4.9rem)}
 .opening-copy h1{font-size:clamp(3.6rem,5.4vw,6.6rem)}
 .lead{max-width:720px;font-size:clamp(1.08rem,1.3vw,1.3rem);line-height:1.58}
 .terminal{font-size:.88rem}
 .terminal-opening{min-height:430px}
 .terminal-top{font-size:.76rem}
 .terminal-suggestions button{font-size:.72rem}
 .fragment-map{min-height:410px;padding:1.7rem 1.85rem}
 .model-switcher{grid-template-columns:minmax(0,1fr) 136px;gap:1rem 1.25rem}
 .fragment-map .switcher-label{font-size:.72rem}
 .provider-stage{min-height:94px}
 .provider-stage::before{font-size:.58rem}
 .provider-node{padding:.62rem .78rem;font-size:.82rem}
 .provider-node small{font-size:.61rem}
 .swap-status{font-size:.66rem}.swap-status b{font-size:1.05rem}
 .canonical-core{width:132px;height:132px}.canonical-core span{font-size:1.42rem}.canonical-core small,.canonical-core::after{font-size:.56rem}
 .continuity-label{font-size:.72rem}.continuity-label strong{font-size:.9rem}.continuity-label small{font-size:.7rem}
 .architecture-stack>div{padding:1.2rem 1.4rem;font-size:1.03rem}.architecture-stack small{font-size:.76rem}
 .chain-legend{font-size:.68rem}
 .decision-chain{gap:.82rem}.decision-chain li{min-height:238px;padding:1.2rem 1rem}.decision-chain b{font-size:.9rem}.decision-chain small{font-size:.68rem}
 .release-card{min-height:230px;padding:1.25rem}.release-card p{font-size:.78rem}.release-status{font-size:.66rem}
 .updates .email-row{max-width:720px}.email-row input{padding:1rem 1.1rem;font-size:1.02rem}
}
@media(min-width:1600px){
 .js .scene{width:min(64vw,1100px)}
 .terminal-opening{min-height:470px}
 .fragment-map{min-height:440px}
}

@media(max-width:900px){.hero-layout,.problem-layout,.architecture-layout,.terminal-layout,.updates-layout{grid-template-columns:1fr;gap:1.5rem}
.hero-system{min-height:240px}
.principle-row{grid-template-columns:1fr}
.principle-row article{min-height:130px}
.principle-row h3{margin:1rem 0 .5rem}
.decision-chain{grid-template-columns:repeat(2,1fr);margin-top:1.5rem}
.decision-chain li{min-height:100px}
.release-grid{grid-template-columns:repeat(2,1fr)}
.js .scene{width:min(84vw,740px)}
}
@media(max-width:700px){.site-header{min-height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
.js .site-header{position:fixed}
.menu-button{display:block;border:1px solid var(--line);border-radius:.35rem;background:none;color:var(--ink);padding:.45rem .7rem;font:inherit}
#site-nav{display:none;position:absolute;top:calc(64px + env(safe-area-inset-top));left:0;right:0;padding:1rem var(--space) calc(1rem + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);background:rgba(2,4,2,.98)}
#site-nav[data-open="true"]{display:flex}
.journey-world{padding-top:4.5rem}
.scene{min-height:80vh;padding:1.5rem}
h1{font-size:clamp(2.7rem,14vw,4.5rem)}
h2{font-size:clamp(2rem,10vw,3.3rem)}
.fragment-map{min-height:200px}
.decision-chain{grid-template-columns:1fr}
.decision-chain li:not(:last-child)::after{top:auto;right:50%;bottom:-.78rem;content:'↓';transform:translateX(50%)}
.release-grid{grid-template-columns:1fr}
.release-card{min-height:160px}
.email-row{flex-direction:column}
.email-row .button{width:100%}
.end-marker{min-height:160px}
.scene-site-footer{position:static;margin-top:2rem;flex-wrap:wrap}
.journey-progress{bottom:calc(.4rem + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,2.7rem);justify-content:center;gap:.25rem .55rem;width:max-content;max-width:calc(100vw - 1rem);padding:.4rem .6rem}
.journey-progress>button:nth-of-type(1){grid-column:1;grid-row:1}
.journey-progress>button:nth-of-type(2){grid-column:2;grid-row:1}
.journey-progress>button:nth-of-type(3){grid-column:3;grid-row:1}
.journey-progress>button:nth-of-type(4){grid-column:4;grid-row:1}
.journey-progress ol{grid-column:1/-1;grid-row:2;width:100%}
.journey-progress output{display:none}
  .view-toggle{right:.55rem;bottom:calc(4.85rem + env(safe-area-inset-bottom))}
 .view-toggle-label{display:none}
 .js .identity-anchor{top:auto;bottom:3.4rem;left:-.4rem;width:64px;opacity:.52;z-index:29}
 .identity-anchor figcaption{right:-.3rem;bottom:2%;font-size:.7rem}
 .js .scene{top:76px;width:calc(100vw - 2rem);height:calc(100vh - 150px);padding:1.4rem;border-radius:.7rem}
 .js .scene-opening h1{font-size:clamp(2.35rem,12vw,3.3rem)}
 .js .scene-opening .status-line{font-size:.75rem}
 .terminal-opening{min-height:0}
 .terminal-state{display:inline-flex;min-height:1.8rem;padding:.2rem .4rem;font-size:.66rem}
 .terminal-state small{display:none}
 .terminal-top span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .terminal-intro,#terminal-output,.terminal-command-label{padding-left:.85rem;padding-right:.85rem}
 .terminal-intro,#terminal-output{overflow-wrap:anywhere}
.js .scene .scene-footer{position:static;margin-top:1.25rem}
.js .scene-site-footer{position:static}

.principle-row{gap:.65rem;margin-top:1.25rem}

.principle-row article{min-height:0;padding:1rem}

.principle-row h3{margin:.8rem 0 .35rem}

.principle-row p{margin:0;font-size:.82rem;line-height:1.35}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.ambient-canvas{opacity:.2}
.crt-overlay{background:radial-gradient(ellipse at center,transparent 0 60%,rgba(0,0,0,.2) 100%)}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .js .scene{transition:none!important}
 .scene-motion{opacity:.42}
 .scene-motion::after,.scene-motion i,.scene-motion em,.scene-motion b,.scene-motion::before{animation:none!important}
 .motion-infinity::before,.motion-infinity::after{transform:none!important}
}

/* Models swap in one readable slot while the canonical record stays fixed.
   The animation deliberately avoids connector and orbit lines. */
.fragment-map{isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;min-height:350px;padding:1.35rem 1.45rem;border-radius:1rem;overflow:hidden;background:radial-gradient(circle at 72% 54%,rgba(0,255,76,.12),transparent 32%),linear-gradient(145deg,rgba(0,255,76,.055),rgba(3,4,3,.98) 58%)}
.scene-problem .problem-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(2rem,4vw,4rem)}
.fragment-map::before,.fragment-map::after{display:none}
.model-switcher{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 112px;grid-template-areas:"label label" "provider core" "status core";gap:.8rem 1rem;align-items:center;padding:.2rem 0}
.fragment-map .switcher-label{grid-area:label;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;color:var(--green-bright);font:700 .61rem ui-monospace,monospace;letter-spacing:.12em}
.switcher-label small{color:var(--muted);font-weight:400;letter-spacing:0}
.provider-stage{grid-area:provider;position:relative;min-height:76px;border:1px solid var(--line);border-radius:.5rem;background:rgba(0,0,0,.28);box-shadow:inset 0 0 28px rgba(0,255,76,.04);overflow:hidden}
.provider-stage::before{content:"CURRENT MODEL";position:absolute;left:.7rem;top:.55rem;color:var(--green-muted);font:600 .48rem ui-monospace,monospace;letter-spacing:.1em}
.provider-node{position:absolute;left:.7rem;right:.7rem;bottom:.65rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.5rem .65rem;border:1px solid var(--green-primary);border-radius:.3rem;background:rgba(7,10,6,.98);color:var(--ink);font:650 .7rem ui-monospace,monospace;opacity:0;transform:translateY(12px);animation:providerSwap 9s var(--ease) infinite}
.provider-node small{color:var(--muted);font-size:.52rem;font-weight:400}
.provider-node-two{animation-delay:3s}.provider-node-three{animation-delay:6s}
.swap-status{grid-area:status;display:flex;align-items:center;gap:.55rem;color:var(--muted);font:600 .55rem ui-monospace,monospace}
.swap-status b{color:var(--green-bright);font-size:.9rem}.swap-status span:last-child{color:var(--ink)}
.canonical-core{grid-area:core;position:relative;display:grid;place-items:center;width:108px;height:108px;border:1px solid var(--green-primary);border-radius:50%;background:radial-gradient(circle,rgba(0,255,76,.2),rgba(2,4,2,.98) 68%);box-shadow:0 0 30px rgba(0,255,76,.16),inset 0 0 22px rgba(0,255,76,.12);text-align:center;animation:coreHold 3.4s ease-in-out infinite}
.canonical-core::after{content:"STAYS";position:absolute;bottom:-1.2rem;color:var(--green-bright);font:700 .48rem ui-monospace,monospace;letter-spacing:.12em}
.canonical-core span{display:block;color:var(--green-bright);font:1.2rem Georgia,serif}.canonical-core small{display:block;color:var(--muted);font:.48rem ui-monospace,monospace;letter-spacing:.07em}
.continuity-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:.65rem;padding-top:.75rem;border-top:1px solid var(--line);font:600 .62rem ui-monospace,monospace}
.continuity-label span{color:var(--green-bright);letter-spacing:.12em}.continuity-label strong{color:var(--ink);font-size:.75rem}.continuity-label small{width:100%;color:var(--muted);font-weight:400}
@keyframes providerSwap{0%,6%{opacity:0;transform:translateY(12px)}11%,28%{opacity:1;transform:translateY(0)}33%,100%{opacity:0;transform:translateY(-10px)}}@keyframes coreHold{50%{box-shadow:0 0 48px rgba(0,255,76,.24),inset 0 0 28px rgba(0,255,76,.18)}}
.chain-legend{display:flex;align-items:center;gap:.55rem;margin-top:clamp(1.3rem,3vw,2.5rem);color:var(--muted);font:600 .56rem ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}
.chain-legend i{width:32px;border-top:1px dashed var(--green-muted)}
.decision-chain{position:relative;grid-template-columns:repeat(7,1fr);gap:.7rem;margin-top:.7rem;padding-top:1.35rem}
.decision-chain::before{content:"";position:absolute;left:2%;right:2%;top:.55rem;border-top:1px solid var(--line);background:linear-gradient(90deg,var(--green-primary),transparent);transform-origin:left;animation:chainSweep 4.8s linear infinite}
.decision-chain li{min-height:215px;padding:1rem .85rem;border-color:rgba(0,255,76,.22);background:linear-gradient(155deg,rgba(0,255,76,.09),var(--surface) 42%);overflow:visible;transition:transform 220ms var(--ease),border-color 220ms var(--ease)}
.decision-chain li:hover{transform:translateY(-8px);border-color:var(--green-primary)}
.decision-chain li::before{content:"";position:absolute;top:-1.68rem;left:50%;width:9px;height:9px;border:1px solid var(--green-primary);border-radius:50%;background:var(--bg);transform:translateX(-50%);box-shadow:0 0 12px var(--glow);animation:nodePulse 2.7s ease-in-out infinite}
.decision-chain li:nth-child(2)::before{animation-delay:-.4s}.decision-chain li:nth-child(3)::before{animation-delay:-.8s}.decision-chain li:nth-child(4)::before{animation-delay:-1.2s}.decision-chain li:nth-child(5)::before{animation-delay:-1.6s}.decision-chain li:nth-child(6)::before{animation-delay:-2s}.decision-chain li:nth-child(7)::before{animation-delay:-2.4s}
.decision-chain li:not(:last-child)::after{right:-.58rem;color:var(--green-bright);content:"→";font-size:1.25rem}
.chain-node{display:block;width:30px;height:30px;margin:0 0 auto;border:1px solid var(--green-primary);border-radius:50%;background:radial-gradient(circle,var(--green-primary) 0 2px,transparent 3px);opacity:.72}
.decision-chain b{display:block;max-width:100%;margin-top:1.1rem;overflow-wrap:anywhere;color:var(--ink);font-size:.76rem;line-height:1.25}
.decision-chain small{font-size:.57rem}
@keyframes chainSweep{50%{transform:scaleX(.65);opacity:.45}}@keyframes nodePulse{50%{background:var(--green-primary);box-shadow:0 0 18px var(--green-primary)}}
.terminal-opening{position:relative;z-index:2}
.crt-overlay{z-index:4}

/* Give the fixed journey controls their own safe area at every compact width. */
.release-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,135px),1fr))}
.release-card{min-width:0;overflow-wrap:anywhere}
@media(max-width:900px){
 .js .scene{padding-top:clamp(1.35rem,4vw,2.5rem);padding-bottom:clamp(7rem,15vh,9rem);scroll-padding-top:1rem;scroll-padding-bottom:clamp(7rem,15vh,9rem)}
 .scene-problem .problem-layout{grid-template-columns:1fr;gap:1.5rem;align-content:start}
 .problem-layout>div:first-child{padding-right:.2rem}
 .fragment-map{min-height:320px}
 .decision-chain{gap:.55rem}
 .decision-chain li{min-height:170px}
 .js .scene-architecture .architecture-layout{gap:1.1rem}
 .js .scene-architecture h2{margin-bottom:.7rem}
 .js .scene-architecture .lead{margin-bottom:.4rem}
}
@media(max-width:700px){
 .js .scene-updates .scene-site-footer{grid-template-columns:1fr;gap:.45rem}
 .js .scene-updates .scene-site-footer p:nth-of-type(2){text-align:left}
  .js .scene{top:calc(72px + env(safe-area-inset-top));height:calc(100dvh - 142px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:1rem 1rem calc(8.2rem + env(safe-area-inset-bottom));border-radius:0;scroll-padding-top:.75rem;scroll-padding-bottom:calc(8.2rem + env(safe-area-inset-bottom));overscroll-behavior:contain}
 .js .scene-problem{overflow-y:auto}
 .scene-problem h2{max-width:100%;margin-bottom:1rem}
 .scene-problem .lead{margin-bottom:1.35rem}
 .scene h2{font-size:clamp(1.8rem,8.6vw,2.8rem);line-height:.98;letter-spacing:-.055em}
 .scene .lead{font-size:.92rem;line-height:1.42}
 .js .scene-architecture .architecture-layout{gap:.8rem}
 .js .scene-architecture h2{font-size:clamp(1.9rem,9vw,2.8rem);max-width:100%;margin-bottom:.55rem}
 .js .scene-architecture .lead{font-size:.8rem;line-height:1.35;margin-bottom:.15rem}
 .fragment-map{min-height:315px;padding:1rem .9rem;gap:.8rem}
 .model-switcher{grid-template-columns:minmax(0,1fr) 88px;gap:.75rem}
 .switcher-label{display:block;line-height:1.45}.switcher-label small{display:block;margin-top:.15rem}
 .provider-stage{min-height:72px}
 .provider-node{font-size:.62rem}
 .canonical-core{width:84px;height:84px}
 .canonical-core span{font-size:1rem}.canonical-core small{font-size:.4rem}
 .swap-status{gap:.35rem;font-size:.47rem}
 .continuity-label{gap:.4rem;font-size:.54rem}
 .continuity-label strong{font-size:.66rem}
 .continuity-label small{font-size:.48rem}
 .decision-chain{grid-template-columns:1fr;gap:.65rem;padding-top:0}
 .decision-chain::before{left:1.25rem;right:auto;top:0;bottom:0;border-top:0;border-left:1px solid var(--line);transform-origin:top;animation:none}
 .decision-chain li{min-height:96px;padding:.75rem .8rem .75rem 3rem}
 .decision-chain li::before{top:50%;left:1.25rem;transform:translate(-50%,-50%)}
 .decision-chain li:not(:last-child)::after{top:auto;right:50%;bottom:-.72rem;content:"↓";transform:translateX(50%)}
 .chain-node{display:none}
 .decision-chain b{margin-top:0}
 .release-grid{grid-template-columns:1fr}
 .journey-progress{bottom:calc(.35rem + env(safe-area-inset-bottom))}
 .terminal-opening{min-height:0}
 .terminal-opening .terminal-top{padding:.55rem .7rem}
 .terminal-opening #terminal-output{max-height:none;min-height:70px}
 .release-card{min-height:145px}
 .js .identity-anchor{bottom:4.55rem;left:0;width:clamp(44px,13vw,52px);opacity:.92}
 .identity-anchor figcaption{right:-10%;bottom:4%;font-size:.55rem}
 .ai-view{width:calc(100% - 2rem);padding-top:4rem}
 .ai-view-header{grid-template-columns:1fr}
 .ai-chain{grid-template-columns:1fr 1fr}
 .ai-view-footer{display:block}
}
@media(min-width:701px) and (max-width:1100px){
 .js .scene{width:min(88vw,820px);height:min(78vh,720px)}
 .fragment-map{min-height:330px}
}
@media(prefers-reduced-motion:reduce){
 .provider-node{opacity:0;animation:none!important}
 .provider-node-one{opacity:1;transform:none}
 .canonical-core,.decision-chain::before,.decision-chain li::before{animation:none!important}
 .decision-chain li:hover{transform:none}
}

/* Governance is the first visual beat: a quiet, legible counterpoint to the
   terminal density. */
.thesis-callout{display:grid;gap:.35rem;max-width:32rem;margin-top:1.8rem;padding:1.05rem 1.2rem;border-left:2px solid var(--green-primary);background:rgba(0,255,76,.055);font-family:ui-monospace,monospace}
.thesis-callout strong{color:var(--green-bright);font-size:clamp(1rem,1.7vw,1.3rem)}
.thesis-callout span{color:var(--muted);font-size:.82rem}
.governance-note{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font:700 .72rem/1.5 ui-monospace,monospace;letter-spacing:.015em}
.governance-note b{color:var(--green-bright)}
.scene-problem .lead{max-width:610px}
.scene-evidence>.lead{max-width:680px;margin-bottom:0}
.architecture-qualifier{display:block!important;border:0!important;background:transparent!important;color:var(--muted)!important;font-size:.65rem!important;font-style:italic}
.scene-architecture .architecture-stack>div:nth-child(2),
.scene-architecture .architecture-stack>div:nth-child(3){border-color:var(--line-active);background:rgba(0,255,76,.065)}
.js .scene-opening .opening-copy h1{font-size:clamp(2.1rem,3.1vw,3.15rem);line-height:1.03;margin-bottom:1rem}
.js .scene-opening .opening-copy .lead{font-size:clamp(.88rem,1vw,1rem);line-height:1.42}
.modes-heading{margin:1.7rem 0 0}
.mode-row{margin-top:.65rem}
.mode-row article{min-height:0;padding:1rem}
.mode-row h3{font-size:1rem}
.mode-row p{font-size:.8rem;line-height:1.4}
.audience-row{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.2rem}
.audience-row article{min-height:0;padding:1rem}
.audience-row h3{font-size:1rem}
.audience-row p{font-size:.8rem}
.scene-architecture .architecture-stack>div{display:block}
.scene-architecture .architecture-stack span{display:block;color:var(--ink);font-weight:700}
.scene-architecture .architecture-stack small{display:block;text-align:left;line-height:1.4}
.roadmap-note{margin:1.2rem 0 0;color:var(--muted);font-size:.73rem}
.faq{margin-top:2rem;padding-top:1.1rem;border-top:1px solid var(--line)}
.faq dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:.8rem 0 0}
.faq dl div{padding:.8rem;border:1px solid var(--line);background:rgba(5,6,5,.38)}
.faq dt{color:var(--ink);font-weight:700;font-size:.84rem}
.faq dd{margin:.3rem 0 0;color:var(--muted);font-size:.75rem}
@media(max-width:700px){
.js .scene-opening .opening-copy h1{font-size:clamp(2rem,8vw,2.7rem)}
.audience-row,.faq dl{grid-template-columns:1fr}
.mode-row article,.audience-row article{min-height:0}
.scene-architecture .architecture-stack>div{padding:.75rem}
 .thesis-callout{margin-top:1.2rem}
 .governance-note{font-size:.66rem}
 .scene-evidence>.lead{font-size:.9rem}
 .architecture-qualifier{padding:.45rem 0!important}
}

/* Demo modal: a compact carousel that mirrors the journey controls. */
.demo-open{border:1px solid var(--line);border-radius:99px;background:none;color:var(--ink);padding:.48rem .8rem;font:inherit;font-size:.86rem;cursor:pointer}
.demo-open:hover,.demo-open:focus-visible{border-color:var(--line-active);background:rgba(0,255,76,.1)}
.demo-modal{width:min(720px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:1px solid var(--line-active);border-radius:1rem;background:rgba(2,4,2,.97);color:var(--ink);box-shadow:0 0 60px rgba(0,255,76,.18);overflow:hidden}
.demo-modal::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}
.demo-modal-frame{display:flex;flex-direction:column;max-height:calc(100dvh - 2rem);padding:1rem 1.25rem 1.1rem}
.demo-modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.demo-close{min-height:2.5rem;padding:.4rem .9rem;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink);font:inherit;font-size:.8rem;cursor:pointer}
.demo-close:hover,.demo-close:focus-visible{border-color:var(--line-active);background:rgba(0,255,76,.1)}
.demo-viewport{flex:1;min-height:0;overflow:hidden;margin:.75rem 0}
.demo-track{display:flex;height:100%;transition:transform .45s var(--ease)}
.demo-panel{flex:0 0 100%;min-width:0;max-height:min(58dvh,26rem);overflow-y:auto;padding:0 .25rem;overscroll-behavior:contain}
.demo-panel h2{margin:.2rem 0 .8rem;font-size:clamp(1.3rem,3.4vw,1.9rem);line-height:1.15;letter-spacing:-.03em}
.demo-panel p,.demo-panel li{color:var(--muted)}
.demo-panel li{margin-bottom:.45rem}
.demo-panel a:not(.button){color:var(--green-bright)}
.demo-disclosure{padding:.75rem .9rem;border-left:3px solid var(--warning);background:rgba(255,210,126,.07)}
.demo-tags{font:.8rem ui-monospace,monospace;overflow-wrap:anywhere}
.demo-controls{display:flex;align-items:center;gap:.75rem;padding:.5rem .6rem;border:1px solid var(--line);border-radius:99px}
.demo-controls button{display:grid;place-items:center;min-width:2.7rem;min-height:2.7rem;border:1px solid transparent;border-radius:50%;background:rgba(0,255,76,.04);color:var(--green);font:1.1rem inherit;cursor:pointer}
.demo-controls button:hover,.demo-controls button:focus-visible{border-color:var(--line-active);background:rgba(0,255,76,.12)}
.demo-dots{display:flex;flex:1;gap:.35rem;list-style:none;margin:0;padding:0}
.demo-dots li{flex:1;height:4px;border-radius:99px;background:var(--line)}
.demo-dots li.is-active{background:var(--green-primary);box-shadow:0 0 10px var(--green-primary)}
.demo-modal :focus-visible{outline:3px solid var(--warning);outline-offset:3px}
@media(min-width:1100px){nav .demo-open{font-size:clamp(.95rem,1vw,1.08rem);font-weight:650}}
@media(max-width:700px){.demo-open{align-self:flex-start}.demo-controls{gap:.4rem}}
@media(prefers-reduced-motion:reduce){.demo-track{transition:none}}
.opening-demo-cta{font:inherit}
@media(max-width:700px){.opening-actions{flex-direction:column;align-items:flex-start}}

/* Measured results modal: shares the demo modal's frame, close button, and focus treatment. */
.results-cta{margin:.9rem 0 0}
.results-open{border:1px solid var(--line);border-radius:99px;background:none;color:var(--muted);padding:.5rem .95rem;font:inherit;font-size:.85rem;cursor:pointer}
.results-open:hover,.results-open:focus-visible{border-color:var(--line-active);color:var(--ink);background:rgba(0,255,76,.08)}
.results-modal{width:min(860px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:1px solid var(--line-active);border-radius:1rem;background:rgba(2,4,2,.97);color:var(--ink);box-shadow:0 0 60px rgba(0,255,76,.18);overflow:hidden}
.results-modal::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}
.results-frame{display:flex;flex-direction:column;max-height:calc(100dvh - 2rem);padding:1rem 1.25rem 1.1rem}
.results-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.results-head h2{margin:.1rem 0 0;font-size:clamp(1.3rem,3.4vw,1.9rem);line-height:1.15;letter-spacing:-.03em}
.results-description{margin:.35rem 0 0;color:var(--muted);font-size:.9rem;max-width:60ch}
.results-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0 .6rem;padding:.25rem;border:1px solid var(--line);border-radius:1.4rem;align-self:flex-start;max-width:100%}
.results-tabs button{min-height:2.5rem;padding:.4rem 1rem;border:1px solid transparent;border-radius:99px;background:transparent;color:var(--muted);font:inherit;font-size:.85rem;cursor:pointer}
.results-tabs button[aria-selected="true"]{border-color:var(--line-active);background:rgba(0,255,76,.12);color:var(--green-bright)}
.results-tabs button:hover{color:var(--ink)}
.mr-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.25rem .25rem .5rem}
.mr-badge{display:inline-block;margin:.2rem 0 .8rem;padding:.3rem .7rem;border:1px solid var(--warning);border-radius:99px;color:var(--warning);font:.72rem ui-monospace,monospace}
.mr-cards-status{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.mr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.7rem;list-style:none;margin:0;padding:0}
.mr-card{display:flex;flex-direction:column;gap:.25rem;padding:.9rem;border:1px solid var(--line);border-radius:.6rem;background:rgba(5,6,5,.7)}
.mr-value{color:var(--green-bright);font:700 clamp(1.5rem,4vw,2rem)/1.1 ui-monospace,monospace}
.mr-label{color:var(--ink);font-weight:650}
.mr-text{color:var(--muted);font-size:.85rem}
.mr-disclaimer{margin:1rem 0;padding:.75rem .9rem;border-left:3px solid var(--warning);background:rgba(255,210,126,.07);color:var(--muted);font-size:.9rem}
.mr-card-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.4rem}
.mr-card-title{margin:0;font-size:1rem}
.mr-status{display:inline-block;padding:.2rem .55rem;border:1px solid;border-radius:99px;font:700 .68rem/1.3 ui-monospace,monospace;letter-spacing:.04em}
.mr-status-ok{border-color:var(--line-active);color:var(--green-bright);background:rgba(0,255,76,.08)}
.mr-status-open{border-color:var(--warning);color:var(--warning);background:rgba(255,210,126,.07)}
.mr-intro{color:var(--muted)}
.mr-card .mr-list{margin:.5rem 0 0;padding-left:1.1rem}
.mr-card .mr-list li{margin-bottom:.3rem;font-size:.88rem}
.mr-legend div{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;padding:.45rem 0;border-bottom:1px solid var(--line)}
.mr-legend dt{margin:0}
.mr-legend dd{margin:0;color:var(--muted);font-size:.88rem}
.mr-block h3{margin:1.1rem 0 .3rem}
.mr-block li{color:var(--muted)}
.mr-details{margin:.6rem 0;border:1px solid var(--line);border-radius:.6rem;padding:.2rem .9rem}
.mr-details summary{min-height:2.75rem;display:flex;align-items:center;color:var(--ink);font-weight:650;cursor:pointer}
.mr-details p,.mr-details li{color:var(--muted)}
.mr-table-wrap{overflow-x:auto;margin:.5rem 0 .8rem}
.mr-table{width:100%;border-collapse:collapse;font-size:.85rem}
.mr-table th,.mr-table td{padding:.45rem .6rem;border-bottom:1px solid var(--line);text-align:left;color:var(--muted);vertical-align:top}
.mr-table th{color:var(--ink);font-weight:650}
.mr-provenance{font-size:.8rem}
.mr-empty{padding:1.2rem;border:1px dashed var(--line-active);border-radius:.6rem}
.mr-empty h3{margin:0 0 .4rem}
.results-modal :focus-visible{outline:3px solid var(--warning);outline-offset:3px}
@media(max-width:700px){.results-frame{padding:.85rem .9rem}.results-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.results-tabs button{padding:.4rem .5rem;line-height:1.2}.mr-details{padding:.1rem .65rem}}
@media(prefers-reduced-motion:reduce){.results-modal,.results-modal *{transition:none!important;animation:none!important}}

/* ---- Problem/solution redesign: Malcolm.expert-inspired tokens, type, and hero ---- */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/fonts/inter-latin-wght-normal.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/jetbrains-mono-latin-600-normal.woff2") format("woff2")}
:root{--base:120 33% 1%;--surface-hsl:120 23% 3%;--surface-2-hsl:120 39% 5%;--line-hsl:137 60% 14%;--line-soft-hsl:137 60% 10%;--text:134 100% 92%;--text-dim:135 25% 68%;--text-mute:135 15% 52%;--accent:135 100% 50%;--accent-2:111 100% 54%;--accent-glow:137 83% 31%;--ok:135 100% 50%;--radius:.375rem;
--bg:hsl(var(--base));--surface:hsl(var(--surface-hsl));--raised:hsl(var(--surface-2-hsl));--ink:hsl(var(--text));--muted:hsl(var(--text-dim));--green-bright:hsl(var(--accent));--green-primary:hsl(var(--accent));--green-terminal:hsl(var(--accent));--green:hsl(var(--accent));
--font-body:"Inter",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;font-family:var(--font-body)}
h1,h2,h3{font-family:var(--font-body);letter-spacing:-.02em}
h1 em{font-family:var(--font-body);font-style:normal}
.eyebrow,.section-label,.button,.chip,nav a,.nav-cta,.demo-open,.menu-button,.terminal-suggestions button,.view-toggle,.status-line,.hero-disclosure{font-family:var(--font-mono);text-transform:uppercase}
.eyebrow{letter-spacing:.1em}
.section-label{margin:0 0 .45rem;color:var(--green-bright);font-size:.72rem;font-weight:600;letter-spacing:.1em}
.section-label::before{content:"// "}
.button{border-radius:3px;font-size:.8rem;font-weight:600;letter-spacing:.08em;min-height:2.75rem;padding:.8rem 1.15rem}
.button::before{content:"[" / "";margin-right:.35rem;opacity:.7}
.button::after{content:"]" / "";margin-left:.35rem;opacity:.7}
.button-primary{background:hsl(var(--accent));border-color:hsl(var(--accent));color:hsl(var(--base))}
.button-primary:hover,.button-primary:focus-visible{background:hsl(var(--accent-2));box-shadow:0 0 22px hsl(var(--accent) / .4)}
.button-secondary{background:hsl(var(--surface-hsl));border-color:hsl(var(--line-hsl));color:hsl(var(--text))}
.nav-cta{border-radius:3px;background:hsl(var(--accent));border-color:hsl(var(--accent));color:hsl(var(--base));font-weight:600}
nav a,.demo-open{min-height:2.75rem;display:inline-flex;align-items:center}
.demo-open{font-size:.86rem;background:none;border:0;color:var(--muted);cursor:pointer;padding:0}
.demo-open:hover{color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid hsl(var(--accent-2));outline-offset:3px}
.brand span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}

/* hero */
.hero-copy{display:grid;gap:1rem;align-content:center;max-width:46rem}
.scene-hero h1{margin:0;font-size:clamp(2.6rem,6.4vw,5.4rem);line-height:1;letter-spacing:-.02em;max-width:14ch;color:hsl(var(--text));text-shadow:0 0 28px hsl(var(--accent) / .22)}
.problem-solution{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.ps-card{padding:1rem 1.1rem;border:1px solid hsl(var(--line-hsl));border-radius:var(--radius);background:hsl(var(--surface-hsl) / .9)}
.ps-card p:last-child{margin:0;font-size:1rem;line-height:1.5;color:hsl(var(--text))}
.ps-problem{border-color:hsl(var(--line-soft-hsl))}
.ps-problem .section-label{color:var(--muted)}
.ps-solution{border-color:hsl(var(--accent) / .55);background:hsl(var(--accent) / .07);box-shadow:0 0 24px hsl(var(--accent) / .1)}
.hero-line{margin:0;font-size:1.05rem;font-weight:600;color:hsl(var(--text))}
.hero-disclosure{margin:0;font-size:.72rem;letter-spacing:.04em;line-height:1.6;color:var(--muted)}
.hero-disclosure strong{color:hsl(var(--text))}
.scene-hero .patent-badge{margin:0;justify-self:start}
.scene-hero .opening-actions{margin-top:.2rem}

/* problem examples and workflow */
.problem-examples{margin:0 0 1.2rem;padding-left:1.1rem;color:var(--muted)}
.problem-examples li{margin:.3rem 0}
.workflow{margin-top:1.2rem}
.workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none}
.workflow-steps li{position:relative;padding:1rem;border:1px solid hsl(var(--line-hsl));border-radius:var(--radius);background:hsl(var(--surface-hsl) / .9)}
.workflow-steps h3{margin:.4rem 0;font-size:1rem}
.workflow-steps p{margin:0;font-size:.9rem;color:var(--muted)}
.step-n{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border:1px solid hsl(var(--accent) / .6);border-radius:50%;font:600 .75rem var(--font-mono);color:var(--green-bright)}
.workflow-note{margin:.8rem 0 0;font-size:.8rem;color:var(--muted)}
.scene-how .opening-actions{margin-top:1.2rem}

/* touch targets: progress rail keeps its slim 4px visual inside a 24px-tall button (WCAG 2.2 target size) */
.journey-progress li button{position:relative;height:24px;min-height:24px;border:0;background:transparent}
.journey-progress li button::before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);border-radius:99px;background:var(--line)}
.journey-progress li button:hover,.journey-progress li button:focus-visible,.journey-progress li button[aria-current="step"]{background:transparent;box-shadow:none;transform:none}
.journey-progress li button[aria-current="step"]::before{background:var(--green-primary);box-shadow:0 0 10px var(--green-primary)}
.scene:focus-visible{outline:2px solid var(--green-primary);outline-offset:-4px}
.journey-progress button:not(li button){min-width:2.75rem;min-height:2.75rem}
.terminal-suggestions button{min-height:2.75rem}

@media(max-width:900px){.workflow-steps{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  .problem-solution,.workflow-steps{grid-template-columns:1fr}
  .scene-hero h1{font-size:clamp(2.3rem,12vw,3.3rem)}
  .js .scene-hero .opening-actions{flex-direction:column;align-items:stretch}
  .js .scene-hero .opening-actions .button{width:100%}
  .journey-progress{grid-template-columns:repeat(4,2.75rem)}
}
@media print{.terminal-backdrop,.grid-field,.ambient-canvas,.crt-overlay,.view-toggle,.journey-progress,.identity-anchor{display:none!important}}
@media(prefers-reduced-motion:reduce){.button,.ps-card,.workflow-steps li{transition:none!important;transform:none!important}}

.scene-evidence .opening-actions{margin-top:1.2rem}