:root {
  --bg:#070a0f; --soft:#0b1017; --panel:#0e141d; --panel2:#111923;
  --line:rgba(179,198,218,.14); --line2:rgba(179,198,218,.28);
  --text:#edf2f7; --muted:#8997a8; --faint:#5d6877;
  --accent:#ff7043; --accent2:#ff9a76; --wash:rgba(255,112,67,.12);
  --green:#57d79b; --amber:#eeb862;
  --mono:"Cascadia Code","JetBrains Mono",Consolas,monospace;
  --sans:Inter,"Segoe UI",system-ui,sans-serif; --max:1420px;
}
html[data-theme="light"] {
  --bg:#f1f3f6; --soft:#e8ebef; --panel:#f9fafb; --panel2:#fff;
  --line:rgba(22,31,43,.13); --line2:rgba(22,31,43,.26);
  --text:#121923; --muted:#5d6978; --faint:#88929e;
  --accent:#e95427; --accent2:#d84b20; --wash:rgba(233,84,39,.1);
  --green:#16885a; --amber:#a46e17;
}
html[data-theme="light"] .ambient:after{background-image:linear-gradient(rgba(22,31,43,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(22,31,43,.025) 1px,transparent 1px)}
html[data-theme="light"] .map-node rect,html[data-theme="light"] .agent-pills rect{fill:#fff}
html[data-theme="light"] .map-node.active rect{filter:drop-shadow(0 0 7px rgba(233,84,39,.18))}
html[data-theme="light"] .map-node.human rect{fill:#fff}
html[data-theme="light"] .map-node.active text,html[data-theme="light"] .map-node.human text{fill:#121923}
html[data-theme="light"] .map-node.active .sub,html[data-theme="light"] .map-node.human .sub{fill:#5d6978}
*{box-sizing:border-box}
html{max-width:100%;overflow-x:hidden;scroll-behavior:smooth}
body{max-width:100%;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit} button{font:inherit;color:inherit}
.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px;background:var(--accent);transform:translateY(-150%)}
.skip-link:focus{transform:none}
.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 12%,rgba(255,112,67,.09),transparent 25rem),radial-gradient(circle at 85% 42%,rgba(58,100,130,.08),transparent 30rem)}
.ambient:after{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 65%)}

header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 87%,transparent);backdrop-filter:blur(18px)}
.header-inner{width:min(var(--max),calc(100% - 48px));height:76px;margin:auto;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:13px var(--mono);letter-spacing:.08em}
.brand svg{width:36px}.brand svg rect{fill:var(--panel);stroke:var(--line2)}.brand svg path{fill:none;stroke:var(--muted);stroke-width:1.4}.brand svg circle{fill:var(--muted)}.brand svg .out{fill:var(--accent)}
.brand b{color:var(--accent)}.brand small{display:block;margin-top:4px;color:var(--faint);font-size:8px;letter-spacing:.18em}
header nav{display:flex;gap:28px;margin-left:auto}header nav a{color:var(--muted);font:10px var(--mono);letter-spacing:.11em;text-decoration:none;text-transform:uppercase}header nav a:hover{color:var(--text)}
.preferences{display:flex;align-items:center;gap:8px}.theme-toggle{height:38px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:19px;background:none;color:var(--muted);cursor:pointer}.theme-toggle span{font-size:13px}.theme-toggle b{font:8px var(--mono);letter-spacing:.09em}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.lang-switch{height:38px;display:flex;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--line);border-radius:19px}.lang-switch button{padding:0;border:0;background:none;color:var(--faint);font:8px var(--mono);cursor:pointer}.lang-switch button.active{color:var(--accent)}.lang-switch i{width:1px;height:10px;background:var(--line2)}
.header-cta{height:38px;display:flex;align-items:center;padding:0 15px;border:1px solid var(--line2);border-radius:4px;font:10px var(--mono);letter-spacing:.12em;text-decoration:none}

.hero{width:min(var(--max),calc(100% - 48px));min-height:610px;margin:auto;padding:90px 0 70px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:80px;align-items:center}
.overline,.section-code{margin:0 0 22px;color:var(--accent);font:10px/1.4 var(--mono);letter-spacing:.17em;text-transform:uppercase}.overline i{display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.35}}
h1,h2,footer h2{margin:0;font-family:var(--mono);font-weight:500;letter-spacing:-.055em}
.hero h1{font-size:clamp(3.3rem,6.4vw,6.5rem);line-height:.97}.hero em,.section em,footer em{color:var(--accent);font-style:normal}
.hero-lede{max-width:690px;margin:35px 0 0;color:var(--muted);font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.primary-button{min-width:220px;display:flex;justify-content:space-between;padding:15px 18px;color:#fff;background:var(--accent);border-radius:3px;font:11px var(--mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.text-link{color:var(--muted);font:11px var(--mono);text-decoration:none;text-transform:uppercase}
.hero-aside{padding-left:42px;border-left:1px solid var(--line)}.hero-aside>small{color:var(--faint);font:9px var(--mono);letter-spacing:.14em}
.solar-system{position:relative;width:224px;height:224px;margin:18px auto 26px}.corporate-core{position:absolute;z-index:8;inset:79px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--green);border-radius:50%;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 0 28px rgba(87,215,155,.09),0 0 0 7px rgba(87,215,155,.025)}.corporate-core b{color:var(--green);font:5.5px var(--mono);letter-spacing:.08em}.corporate-core strong{margin:1px 0;color:var(--text);font:20px var(--mono);font-weight:500}.corporate-core small{color:var(--faint);font:4.5px var(--mono);letter-spacing:.04em}.system-orbit{position:absolute;left:50%;top:50%;border:1px solid var(--line2);border-radius:50%;transform-origin:center}.system-orbit:after{content:"";position:absolute;inset:-1px;border-radius:50%;border-top:1px solid rgba(255,112,67,.2)}.orbit-ops{width:100px;height:100px;margin:-50px;animation:orbit-cw 8s linear -1s infinite}.orbit-sec{width:154px;height:154px;margin:-77px;animation:orbit-cw 13s linear -5.5s infinite}.orbit-dec{width:212px;height:212px;margin:-106px;animation:orbit-cw 19s linear -13s infinite}.platform-planet{position:absolute;z-index:5;left:50%;top:-10px;min-width:34px;height:20px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 6px;border:1px solid var(--accent);border-radius:10px;color:var(--accent);background:var(--bg);box-shadow:0 0 10px rgba(255,112,67,.14);font:6.5px var(--mono);letter-spacing:.06em}.platform-planet i{width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 5px var(--accent)}.orbit-ops .platform-planet{animation:counter-cw 8s linear -1s infinite}.orbit-sec .platform-planet{animation:counter-cw 13s linear -5.5s infinite}.orbit-dec .platform-planet{animation:counter-cw 19s linear -13s infinite}.orbit-sec .platform-planet{border-color:var(--amber);color:var(--amber)}.orbit-sec .platform-planet i{background:var(--amber);box-shadow:0 0 5px var(--amber)}.orbit-dec .platform-planet{border-color:var(--green);color:var(--green)}.orbit-dec .platform-planet i{background:var(--green);box-shadow:0 0 5px var(--green)}
@keyframes orbit-cw{to{transform:rotate(360deg)}}@keyframes counter-cw{to{transform:rotate(-360deg)}}
.hero-aside dl div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line)}.hero-aside dt,.hero-aside dd{color:var(--faint);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero-aside dd{margin:0;color:var(--muted)}

.lab-shell{width:min(1560px,calc(100% - 32px));margin:auto;border:1px solid var(--line2);border-radius:9px;overflow:hidden;background:var(--panel);box-shadow:0 45px 100px rgba(0,0,0,.27)}
.lab-topbar{height:44px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);color:var(--faint);font:9px var(--mono);letter-spacing:.1em}.lab-topbar p{margin:auto}.lab-topbar p b{color:var(--accent)}.lab-topbar>span i{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.window-lights{display:flex;gap:6px}.window-lights i{width:7px;height:7px;border-radius:50%;background:var(--line2)}.window-lights i:first-child{background:var(--accent)}
.lab-grid{min-height:600px;display:grid;grid-template-columns:280px minmax(470px,1fr) 350px}
.lab-selector{display:flex;flex-direction:column;padding:34px 24px 22px;border-right:1px solid var(--line)}.lab-selector h2{margin-bottom:14px;font-size:1.45rem}.lab-selector>p:not(.section-code){margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}
.scenario-list{margin-top:28px;border-top:1px solid var(--line)}.scenario{width:100%;min-height:78px;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:12px 5px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer}.scenario>span{color:var(--faint);font:9px var(--mono)}.scenario b{color:var(--muted);font:11px var(--mono);letter-spacing:.08em}.scenario small{display:block;margin-top:5px;color:var(--faint);font:11px var(--sans);font-weight:400;letter-spacing:0}.scenario>i{color:var(--faint);font-style:normal}.scenario:hover b,.scenario.active b,.scenario.active>i{color:var(--accent)}.scenario.active{background:linear-gradient(90deg,var(--wash),transparent);box-shadow:inset 2px 0 var(--accent)}
.legend{display:flex;gap:12px;margin-top:auto;color:var(--faint);font:8px var(--mono);text-transform:uppercase}.legend i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:var(--muted)}.legend span:nth-child(2) i{background:var(--accent)}.legend span:nth-child(3) i{background:var(--green)}

.pipeline-panel{min-width:0;display:flex;flex-direction:column;background:var(--soft)}.panel-label,.readout{display:flex;justify-content:space-between;color:var(--faint);font:8px var(--mono);letter-spacing:.12em}.panel-label{padding:20px 22px 5px}.panel-label span:last-child{color:var(--muted)}
.pipeline-map{width:100%;height:auto;margin:auto 0;overflow:visible}.map-grid path{fill:none;stroke:var(--line);stroke-width:.55}.flow{stroke:var(--line2);stroke-width:1.2;transition:.35s}.flow:not(.active){opacity:.24}.flow.active{stroke:url(#hotline);stroke-width:2;filter:drop-shadow(0 0 4px rgba(255,112,67,.5))}
.map-node rect{fill:var(--panel);stroke:var(--line2);transition:.35s}.map-node text{fill:var(--muted);font:600 10px var(--mono)}.map-node .sub{fill:var(--faint);font-size:7px;font-weight:400}.map-node circle{fill:var(--faint)}.map-node.red-node rect{stroke-dasharray:5 3}.map-node:not(.active):not(.human){opacity:.3}.map-node.active rect{stroke:var(--accent);filter:url(#glow)}.map-node.active text{fill:var(--text)}.map-node.platform.active circle{fill:var(--green);filter:drop-shadow(0 0 4px var(--green))}.map-node.human rect{stroke:var(--green)}.map-node.human circle{fill:var(--green);filter:drop-shadow(0 0 5px var(--green))}
.packet{fill:var(--accent);filter:drop-shadow(0 0 5px var(--accent))}
.agent-pills>g{opacity:0;animation:agent-in .3s ease var(--delay) forwards}.agent-pills rect{fill:var(--panel);stroke:var(--accent);stroke-width:1.2;filter:drop-shadow(0 0 3px rgba(255,112,67,.35))}.agent-pills text{fill:var(--accent);font:600 6.5px var(--mono);dominant-baseline:middle}
@keyframes agent-in{to{opacity:1}}
.readout{padding:13px 20px;border-top:1px solid var(--line)}.readout span:first-child{color:var(--accent)}.readout i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--accent)}

.console{min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--line);background:var(--panel)}.console-head{min-height:74px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.console-head>div{display:flex;align-items:center;gap:10px}.console-head>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font:11px var(--mono)}.console-head p{margin:0}.console-head b{font:11px var(--mono)}.console-head small{display:block;margin-top:4px;color:var(--faint);font:8px var(--mono)}.console-head small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green)}.console-head button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer}
.console-context{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--soft)}.console-context span,.console-context small{color:var(--faint);font:7px var(--mono);letter-spacing:.08em}.console-context span{color:var(--accent)}
.message-feed{flex:1;min-height:370px;padding:20px 14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.chat-message{max-width:92%;padding:9px 10px;border:1px solid var(--line);border-radius:3px 9px 9px;background:var(--panel2);animation:message-in .3s both}.chat-message.user{align-self:flex-end;border-color:rgba(255,112,67,.4);border-radius:9px 3px 9px 9px;background:var(--wash)}.chat-message.action{border-left:2px solid var(--amber)}.chat-message.success{border-left:2px solid var(--green)}.chat-message b{display:block;margin-bottom:4px;color:var(--accent);font:7px var(--mono);letter-spacing:.1em}.chat-message p{margin:0;color:var(--muted);font:10px/1.55 var(--mono)}.chat-message.user p{color:var(--text)}.chat-message.success p{color:var(--green)}
@keyframes message-in{from{opacity:0;transform:translateY(6px)}}
.console-input{min-height:58px;display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--line);background:var(--soft)}.console-input span{flex:1;overflow:hidden;color:var(--faint);font:9px var(--mono);white-space:nowrap;text-overflow:ellipsis}.console-input button{width:32px;height:32px;border:0;border-radius:50%;color:#fff;background:var(--accent);cursor:pointer}

.metrics{width:min(var(--max),calc(100% - 48px));margin:100px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.metrics>div{min-height:170px;display:flex;align-items:center;gap:20px;padding:28px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics b{font:500 clamp(2.4rem,4vw,4rem) var(--mono);letter-spacing:-.08em}.metrics b small{color:var(--accent);font-size:.5em}.metrics span{color:var(--muted);font-size:.8rem;line-height:1.55}
.section{width:min(var(--max),calc(100% - 48px));margin:auto;padding:150px 0 0}.section-heading{display:grid;grid-template-columns:1.15fr .65fr;gap:80px;align-items:end;margin-bottom:60px}.section h2,footer h2{font-size:clamp(2.5rem,5vw,5rem);line-height:1.02}.section-heading>p{margin:0;padding-bottom:8px;color:var(--muted);line-height:1.75}.section-code:before{content:"// ";color:var(--faint)}
.overview-section{padding-top:90px}
.overview-bridge{max-width:760px;margin:54px 0 76px;padding-left:22px;border-left:2px solid var(--accent)}
.overview-bridge p{margin:0;color:var(--muted);line-height:1.75}
.overview-bridge p+p{margin-top:5px;color:var(--faint)}
.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.system-card{min-height:570px;display:flex;flex-direction:column;padding:32px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.system-card.wide{grid-row:span 2;min-height:1154px;padding:42px}.card-top{display:flex;justify-content:space-between;color:var(--faint);font:8px var(--mono);letter-spacing:.12em}.card-top span:last-child{color:var(--green)}.system-icon{width:116px;height:116px;margin:110px auto 90px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;color:var(--accent);background:var(--wash);font:3rem var(--mono);box-shadow:0 0 0 25px rgba(255,112,67,.025),0 0 0 50px rgba(255,112,67,.018)}.system-card:not(.wide) .system-icon{width:70px;height:70px;margin:42px 0 45px auto;font-size:2rem}.kicker{margin:0 0 14px!important;color:var(--accent)!important;font:9px var(--mono);letter-spacing:.13em}.system-card h3{margin:0;font:500 clamp(1.5rem,2.6vw,2.7rem)/1.2 var(--mono);letter-spacing:-.05em}.system-card>p{color:var(--muted);line-height:1.7}.system-card ul{display:grid;grid-template-columns:repeat(3,1fr);margin:55px 0 0;padding:0;border-block:1px solid var(--line);list-style:none}.system-card li{padding:20px 14px;color:var(--muted);border-right:1px solid var(--line);font-size:.8rem}.system-card button{margin-top:auto;padding:18px 0 0;border:0;border-top:1px solid var(--line);color:var(--muted);background:none;text-align:left;font:9px var(--mono);text-transform:uppercase;cursor:pointer}.system-card button:hover{color:var(--accent)}.result{margin:35px 0;color:var(--faint);font-size:.75rem}.result b{margin-right:15px;color:var(--accent);font:2.5rem var(--mono)}.mini-flow{display:flex;gap:8px;align-items:center;margin:40px 0;color:var(--accent);font:9px var(--mono)}.mini-flow span{padding:7px;border:1px solid var(--line2);color:var(--muted)}

.principles{display:grid;grid-template-columns:.9fr 1.1fr;gap:120px;align-items:start}.principle-intro{position:sticky;top:120px}.principle-intro>p:not(.section-code){color:var(--muted);line-height:1.75}.confirm{max-width:460px;margin-top:50px;padding:22px;border:1px solid var(--line);border-left:2px solid var(--accent);background:var(--panel)}.confirm small{color:var(--faint);font:8px var(--mono)}.confirm div{display:flex;gap:8px}.confirm div>*{flex:1;padding:9px;border:1px solid var(--line2);text-align:center;font:9px var(--mono)}.confirm b{color:#fff;border-color:var(--accent);background:var(--accent)}.principle-list{border-top:1px solid var(--line)}.principle-list article{min-height:210px;display:grid;grid-template-columns:60px 1fr;gap:25px;padding:38px 0;border-bottom:1px solid var(--line)}.principle-list article>span{color:var(--accent);font:9px var(--mono)}.principle-list h3{margin:0 0 16px;font:500 1.5rem var(--mono)}.principle-list p{margin:0;color:var(--muted);line-height:1.75}
.project-log{border-top:1px solid var(--line2)}.project-log article{min-height:140px;display:grid;grid-template-columns:120px 1fr 80px;gap:35px;align-items:center;padding:24px;border-bottom:1px solid var(--line)}.project-log article:hover,.project-log .current{background:var(--panel)}.project-log .current{box-shadow:inset 2px 0 var(--accent)}.project-log time{color:var(--faint);font:9px var(--mono)}.project-log h3{margin:0 0 8px;font:500 1.3rem var(--mono)}.project-log p{margin:0;color:var(--muted)}.project-log article>span{justify-self:end;padding:5px;border:1px solid var(--green);color:var(--green);font:8px var(--mono)}.project-log .current>span{color:var(--amber);border-color:var(--amber)}

.publication-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}.featured{min-height:650px;display:block;border:1px solid var(--line);background:var(--panel);text-decoration:none}.featured>div{position:relative;height:430px;padding:30px;background-color:#0b0e13;background-image:linear-gradient(rgba(255,112,67,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,112,67,.08) 1px,transparent 1px);background-size:28px 28px}.featured>div small{color:#8997a8;font:8px var(--mono)}.featured>div b{position:absolute;bottom:35px;left:30px;color:#edf2f7;font:500 clamp(1.7rem,3vw,3.2rem)/1.05 var(--mono)}.featured>div b span{color:var(--accent)}.featured>p,.featured>h3,.featured>span{margin-inline:28px}.featured>p{color:var(--faint);font:8px var(--mono)}.featured>h3{font:500 1.5rem/1.35 var(--mono)}.featured>span{color:var(--accent);font:9px var(--mono)}.publication-list{border-top:1px solid var(--line)}.publication-list a{min-height:162px;display:grid;grid-template-columns:40px 1fr auto;gap:20px;align-items:center;padding:25px 20px;border-bottom:1px solid var(--line);text-decoration:none}.publication-list>a>span,.publication-list small{color:var(--faint);font:8px var(--mono)}.publication-list h3{margin:9px 0 0;font:500 1.15rem var(--mono)}.publication-list i{color:var(--faint)}.publication-list a:hover{background:var(--panel)}.publication-list a:hover h3{color:var(--accent)}
.access{margin-block:150px;display:grid;grid-template-columns:1.15fr .85fr;gap:90px;padding:65px;border:1px solid var(--accent);border-radius:7px;background:linear-gradient(135deg,var(--wash),transparent 45%),var(--panel)}.access>div>p:not(.section-code){color:var(--muted);line-height:1.75}.access aside{align-self:end;padding:25px;border:1px solid var(--line);background:var(--soft)}.access aside small{color:var(--amber);font:8px var(--mono)}.access aside p{padding:12px 0;border-top:1px solid var(--line);color:var(--faint);font-size:.78rem}.access aside p:first-of-type{color:var(--text)}
footer{display:grid;grid-template-columns:1fr 300px;gap:80px;padding:110px max(24px,calc((100vw - var(--max))/2));border-top:1px solid var(--line);background:var(--soft)}footer nav{display:flex;flex-direction:column;justify-content:end}footer nav a{padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted);font:10px var(--mono);text-decoration:none;text-transform:uppercase}footer nav a:hover{color:var(--accent)}

.reveal{opacity:0;transform:translateY(24px);transition:.75s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1180px){.lab-grid{grid-template-columns:240px minmax(430px,1fr)}.console{grid-column:1/-1;min-height:480px;border:0;border-top:1px solid var(--line)}.principles{gap:70px}}
@media(max-width:880px){header nav{display:none}.hero{grid-template-columns:1fr}.hero-aside{display:none}.lab-grid{grid-template-columns:1fr}.lab-selector{border:0;border-bottom:1px solid var(--line)}.scenario-list{display:grid;grid-template-columns:repeat(2,1fr)}.scenario{grid-template-columns:20px 1fr}.scenario>i{display:none}.legend{margin-top:20px}.pipeline-panel{min-height:500px}.metrics{grid-template-columns:repeat(2,1fr)}.section-heading,.principles,.publication-grid,.access{grid-template-columns:1fr}.principle-intro{position:static}.system-grid{grid-template-columns:1fr}.system-card.wide{grid-row:auto;min-height:780px}}
@media(max-width:600px){.header-inner,.hero,.metrics,.section{width:auto;margin-inline:14px}.brand small,.header-cta{display:none}.header-inner{height:66px;gap:12px}.preferences{margin-left:auto}.theme-toggle{width:38px;justify-content:center;padding:0}.theme-toggle b{display:none}.hero{min-height:auto;padding:55px 0}.hero h1{font-size:clamp(2.3rem,11.2vw,3.6rem);overflow-wrap:anywhere}.hero-actions{align-items:flex-start;flex-direction:column}.primary-button{width:100%}.lab-shell{width:auto;margin-inline:7px}.lab-topbar p{display:none}.lab-topbar>span{margin-left:auto}.lab-selector{padding:25px 16px}.scenario-list{grid-template-columns:1fr}.pipeline-panel{min-height:390px;overflow:hidden}.panel-label span:last-child,.readout span:nth-child(2){display:none}.pipeline-map{width:100%}.console{min-height:500px}.message-feed{min-height:330px}.metrics>div{min-height:135px;align-items:flex-start;flex-direction:column;gap:8px;padding:20px}.section{padding-top:105px}.section h2,footer h2{font-size:clamp(2.25rem,10.5vw,3.4rem);overflow-wrap:anywhere}.system-card,.system-card.wide{min-height:630px;padding:25px}.system-card.wide .system-icon{width:75px;height:75px;margin:60px auto;font-size:2rem}.system-card ul{grid-template-columns:1fr}.system-card li{border:0;border-bottom:1px solid var(--line)}.project-log article{grid-template-columns:65px 1fr;gap:15px;padding:22px 8px}.project-log article>span{grid-column:2;justify-self:start}.access{margin-block:100px;padding:30px 22px}footer{grid-template-columns:1fr;padding:80px 14px}}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.duo-card{position:relative;display:flex;flex-direction:column;min-height:390px;padding:38px;border:1px solid var(--line);border-radius:7px;background:var(--panel);text-decoration:none;overflow:hidden;transition:border-color .3s,transform .3s}
.duo-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform .35s}
.duo-card:hover{border-color:var(--line2);transform:translateY(-3px)}
.duo-card:hover:before{transform:scaleY(1)}
.duo-card h3{margin:0 0 14px;font:500 clamp(1.4rem,2.2vw,2rem)/1.25 var(--mono);letter-spacing:-.04em}
.duo-card>p:not(.kicker){margin:0 0 28px;color:var(--muted);line-height:1.7;font-size:.9rem}
.duo-route{position:relative;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;margin:auto 0 32px;padding:25px 8px 0}
.route-line{position:absolute;left:12.5%;right:12.5%;top:7px;height:1px;background:var(--line2)}
.route-line:after{content:"";position:absolute;left:0;top:-1px;width:35%;height:2px;background:var(--accent)}
.route-node{position:relative;justify-self:center;width:8px;height:8px;margin-top:-21px;border:1px solid var(--line2);border-radius:50%;background:var(--panel)}
.route-node.active{border-color:var(--accent);background:var(--accent);box-shadow:0 0 15px color-mix(in srgb,var(--accent) 50%,transparent)}
.route-node.human{border-color:var(--green)}
.duo-route b{color:var(--faint);font:500 8px var(--mono);letter-spacing:.1em;text-align:center}
.duo-core{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center;margin:auto 0 32px;padding:0 6px}
.duo-core:before{content:"";position:absolute;left:15%;right:15%;top:50%;height:1px;background:var(--line)}
.duo-core span,.duo-core b{position:relative;z-index:1;justify-self:center;padding:8px 10px;border:1px solid var(--line2);border-radius:999px;background:var(--panel);color:var(--faint);font:500 8px var(--mono);letter-spacing:.08em}
.duo-core b{position:absolute;left:50%;top:50%;padding:10px 13px;transform:translate(-50%,-50%);border-color:var(--accent);color:var(--accent)}
.duo-core span:nth-child(2){opacity:0;pointer-events:none}
.duo-cta{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.duo-card:hover .duo-cta{color:var(--accent)}
@media(max-width:880px){.duo{grid-template-columns:1fr}.duo-card{min-height:350px;padding:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}