:root{--bg:#030711;--ink:#e6f4f7;--muted:#80939e;--accent:#93e3f1;--pad:clamp(22px,3.4vw,58px);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg)}body{font:13px/1.55 var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible,#stage:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-70px;left:20px;z-index:100;padding:12px 16px;background:var(--ink);color:#000}.skip:focus{top:15px}
#stage{position:fixed;inset:0;overflow:hidden;touch-action:none;cursor:grab}#stage.dragging{cursor:grabbing}#stage:focus{outline-offset:-5px}#neural{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 48%,#03071112 61%,#03071166 78%,#030711a0),linear-gradient(0deg,#030711c0,transparent 20%,transparent 87%,#03071180)}#labels{position:absolute;inset:0;pointer-events:none}.node-label{position:absolute;left:0;top:0;min-width:116px;height:46px;padding:8px 13px 8px 16px;text-align:left;pointer-events:auto;border:0;border-radius:0;background:transparent;backdrop-filter:none;white-space:nowrap;transition:color .25s;will-change:transform;z-index:2}.node-label::before{position:absolute;content:'';inset:4px;opacity:.42;background:linear-gradient(#8bd8e4,#8bd8e4) left top/7px 1px no-repeat,linear-gradient(#8bd8e4,#8bd8e4) left top/1px 7px no-repeat,linear-gradient(#8bd8e4,#8bd8e4) right top/7px 1px no-repeat,linear-gradient(#8bd8e4,#8bd8e4) right top/1px 7px no-repeat,linear-gradient(#8bd8e4,#8bd8e4) left bottom/7px 1px no-repeat,linear-gradient(#8bd8e4,#8bd8e4) left bottom/1px 7px no-repeat,linear-gradient(#8bd8e4,#8bd8e4) right bottom/7px 1px no-repeat,linear-gradient(#8bd8e4,#8bd8e4) right bottom/1px 7px no-repeat;pointer-events:none}.node-label .label{font-size:12px;line-height:1.3;letter-spacing:.015em}.node-label .label small{display:block;margin-top:5px;color:#6e9ba9;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.node-label:hover,.node-label:focus-visible{color:#fff}.node-label:hover::before,.node-label:focus-visible::before{opacity:.82}.node-label .leader{position:absolute;height:1px;left:0;top:23px;transform-origin:left center;background:linear-gradient(90deg,#82e3f255,#82e3f200);pointer-events:none}.chrome{position:fixed;z-index:4}.header{top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:calc(var(--pad) * .67 + env(safe-area-inset-top)) var(--pad)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:600;letter-spacing:-1.25px}.brand img{display:block;height:auto;width:150px}.brand-dot{color:#85dbe7}.header nav{display:flex;align-items:center;gap:30px}.header nav button{min-height:44px;font-size:12px;letter-spacing:.01em;color:#adc4cf}.header nav button span{margin-left:11px;color:#77a8ba}.edition{font-size:12px;letter-spacing:.15em;display:inline-flex;align-items:center;gap:9px;color:#658494}.edition i{width:15px;height:1px;background:#41616f}
.hero{left:64.5%;top:50%;transform:translateY(-49%);right:var(--pad);pointer-events:none;transition:opacity .6s,transform .6s}.hero button{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:.23em;color:#7fa4b6;display:flex;align-items:center;gap:11px;margin-bottom:30px}.eyebrow span{width:4px;height:4px;background:#91e6ed;border-radius:50%;box-shadow:0 0 9px #4fe0ff88}h1{font:400 clamp(44px,4.45vw,76px)/1.035 var(--serif);letter-spacing:-.047em;color:#e9f2f5}h1 em{font-weight:400;color:#a3d6e1}.hero-copy{font-size:12px;line-height:1.85;color:#869dab;margin-top:27px;letter-spacing:.005em}.explore{display:flex;align-items:center;justify-content:space-between;gap:32px;min-width:192px;min-height:45px;padding:13px 17px;margin-top:30px;border:1px solid #4c809244;background:#08233366;border-radius:3px;color:#c2e4ea;font-size:12px;letter-spacing:.015em;transition:background .3s,border-color .3s}.explore:hover{background:#16415577;border-color:#81bfcc}.explore span{font-size:16px;line-height:12px}.hero-foot{display:flex;gap:13px;align-items:flex-start;margin-top:47px}.hairline{width:22px;height:1px;background:#315365;margin-top:7px}.hero-foot p{font-size:12px;line-height:1.8;color:#809eaf}
.bottom{left:var(--pad);right:var(--pad);bottom:calc(var(--pad) * .75 + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:15px;pointer-events:none}.scene-caption{display:flex;align-items:center;gap:12px;width:30%}.caption-marker{width:14px;height:14px;border:1px solid #3f7a90;border-radius:50%;position:relative}.caption-marker::after{content:'';position:absolute;width:4px;height:4px;background:#8bdbe9;border-radius:50%;top:4px;left:4px}.scene-caption p{font-size:12px;letter-spacing:.18em;color:#8cadbd}.scene-caption small{display:block;font-size:12px;letter-spacing:.015em;margin-top:7px;color:#809eaf}.controls{display:flex;align-items:center;gap:1px;border:1px solid #52718640;border-radius:7px;padding:4px;background:#061422b8;backdrop-filter:blur(14px);pointer-events:auto;position:absolute;left:50%;transform:translateX(-50%)}.controls button{height:42px;min-width:69px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-radius:4px;color:#8eafbF;font-size:12px;letter-spacing:.01em}.controls button svg{width:15px;height:15px;flex-shrink:0}.controls button:hover,.controls button[aria-pressed=true]{background:#1a394b70;color:#c9f4ff}.scene-instruction{text-align:right;color:#6c8e9f;font-size:12px;letter-spacing:.035em}.scene-instruction span{padding:0 7px;color:#3f6070}.scene-instruction small{display:block;color:#809eaf;font-size:12px;margin-top:8px;letter-spacing:.08em}.render-notice{position:fixed;bottom:100px;left:20px;color:#7c95a5;font-size:12px;max-width:230px;z-index:5;pointer-events:none}
.immersive .hero{opacity:0;transform:translateY(-46%);visibility:hidden}.immersive #labels{opacity:0;visibility:hidden}.immersive .scene-shade{background:linear-gradient(0deg,#030711b0,transparent 20%,transparent 86%,#03071160)}.immersive .scene-caption,.immersive .scene-instruction{opacity:.5}.scene-caption,.scene-instruction{transition:opacity .4s}
.overlay{position:fixed;inset:0;z-index:20;display:none;background:#0008}.overlay.open{display:block}#detail{z-index:30}.scrim{position:absolute;inset:0;cursor:default}.panel{position:absolute;right:0;top:0;bottom:0;width:min(460px,100%);padding:30px 32px;overflow-y:auto;overscroll-behavior:contain;background:#0b100ff5;border-left:1px solid #384633;box-shadow:-20px 0 70px #0008}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.panel .badge{font-size:12px}.close{min-width:44px;min-height:44px;font-size:12px;border:1px solid #59674e66;border-radius:5px;padding:9px 12px}.overline{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#afc19e}.panel h2{font:400 42px/1.06 var(--serif);letter-spacing:-.03em;margin:18px 0}.description{color:#acb9a5;font-size:13px;line-height:1.8}.section{padding:23px 0;border-top:1px solid #34402e;margin-top:26px}.section h3{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#9faf93;font-weight:400;margin-bottom:13px}.example{font:22px/1.35 var(--serif)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.tags span{font-size:12px;padding:6px 8px;background:#1a2519;color:#c2d5af;border:1px solid #3c4c32;border-radius:4px}.action{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:46px;padding:12px 16px;border-radius:4px;background:#d5e7bd;color:#14200f;font-size:12px;margin-top:25px}.footnote{font-size:12px;color:#8a9981;line-height:1.7;margin-top:18px}.walk{padding:20px;border:1px solid #435737;border-radius:5px;margin-top:22px;background:#162012}.walk .count{font:12px monospace;color:#8fa379;margin-bottom:10px}.walk h3{font-size:17px;font-weight:400;margin-bottom:12px}.walk p{font-size:12px;line-height:1.8;color:#b8c7ab}.walk nav{display:flex;justify-content:space-between;margin-top:15px}.walk button{min-height:44px;font-size:12px;color:#daecc2}.walk button:disabled{opacity:.35}.list-panel{position:absolute;inset:0;background:#070b09f7;overflow:auto;padding:var(--pad);overscroll-behavior:contain}.list-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:45px}.list-head h2{font:400 36px var(--serif);letter-spacing:-.04em}.list-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.list-card{text-align:left;min-height:200px;border:1px solid #38482e;background:#10190f;padding:24px;border-radius:6px}.list-card .overline{font-size:12px}.list-card h3{font:27px var(--serif);margin:20px 0 12px}.list-card p{font-size:12px;color:#9baa8e;line-height:1.7}.list-card:hover{border-color:#a9c389}.list-note{max-width:1100px;margin:25px auto;color:#829174;font-size:12px}.glass-evidence{margin-top:25px}.glass-evidence details{padding:14px 0;border-top:1px solid #34402e}.glass-evidence summary{cursor:pointer;font-size:12px;min-height:30px;color:#d3e2c2}.glass-evidence p{font-size:12px;color:#acb99f;line-height:1.8;margin-top:12px}

.panel{background:#07121df7;border-color:#2b485b}.badge{font:12px var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:7px 9px;border:1px solid #365364;border-radius:3px;color:#8cafbe}.overline{color:#7fa6b9}.description{color:#9bb3c1}.section{border-color:#263e4b}.section h3{color:#7c9cac}.tags span{background:#112632;color:#b0d8e2;border-color:#2d4b5a}.action{background:#addfe8;color:#09232f}.footnote{color:#658190}.walk{background:#0b202c;border-color:#28495a}.walk p{color:#a8c3d1}.walk .count{color:#759bad}.walk button{color:#b1e5ee}.list-panel{background:#050e18f7}.list-card{background:#0b1c29;border-color:#223f50;transition:border-color .3s,background .3s}.list-card p{color:#86a6b8}.list-card:hover{border-color:#6ba9be;background:#102837}.list-note{color:#6b8b9b}.glass-evidence details{border-color:#234050}.glass-evidence summary{color:#b7d9e4}.glass-evidence p{color:#8fadbF}.breadcrumb{font-size:12px;line-height:1.6;color:#648e9e;margin-bottom:18px}.capability-section{margin-top:24px}.capability-section h3{font-size:12px;letter-spacing:.12em;color:#83afc5;font-weight:400;text-transform:uppercase;margin-bottom:10px}.capabilities{display:flex;gap:6px;flex-wrap:wrap}.capabilities button{min-height:44px;border:1px solid #2b5366;border-radius:4px;padding:8px 10px;font-size:12px;color:#afd4e3;background:#0a2030}.capabilities button[aria-pressed=true]{background:#1e455a;border-color:#72c1dc;color:#e1faff}.panel-top{margin-bottom:35px}.close{border-color:#375464}.panel h2{font-size:40px}.overlay{background:#01050a9c;backdrop-filter:blur(5px)}
@media(min-width:1700px){.hero{left:65%}.hero-copy{font-size:14px}.eyebrow{font-size:12px}.hero-foot p{font-size:12px}}
@media(max-width:1100px) and (min-width:701px){.hero{left:62%;right:25px}h1{font-size:clamp(39px,4.4vw,50px)}.hero-copy{font-size:12px}.hero-foot{margin-top:30px}.scene-caption{width:25%}.scene-caption p{font-size:12px}.scene-caption small{font-size:12px}.edition{display:none}.controls button{min-width:58px;padding:9px 8px;gap:5px}}
@media(max-width:700px){:root{--pad:21px}.header{padding-top:calc(17px + env(safe-area-inset-top));padding-bottom:12px}.brand{font-size:23px;gap:9px}.brand img{width:120px}.header nav{gap:0}.header nav button{font-size:12px}.edition{display:none}.scene-shade{background:linear-gradient(0deg,#030711c0 9%,#030711cc 24%,transparent 44%,transparent 86%,#03071144)}.hero{left:25px;right:25px;top:auto;bottom:calc(120px + env(safe-area-inset-bottom));transform:none;text-align:center}.eyebrow{justify-content:center;font-size:12px;letter-spacing:.2em;gap:8px;margin-bottom:15px}h1{font-size:clamp(39px,10.5vw,59px);line-height:1.025;letter-spacing:-.05em}.hero-copy{font-size:12px;line-height:1.6;margin-top:17px}.explore{min-height:43px;min-width:178px;padding:10px 15px;margin:22px auto 0;font-size:12px;gap:29px}.hero-foot{display:none}.bottom{left:12px;right:12px;bottom:calc(28px + env(safe-area-inset-bottom));height:50px;justify-content:center}.controls{position:static;transform:none;width:auto;max-width:100%;border-color:#42617455;padding:3px;gap:0}.controls button{height:42px;font-size:12px;padding:9px 11px;min-width:66px;gap:6px}.controls button svg{width:14px;height:14px}.scene-caption{display:none}.scene-instruction{position:absolute;bottom:-19px;width:100%;text-align:center;font-size:12px;letter-spacing:.06em}.scene-instruction small{display:none}.scene-instruction span{padding:0 5px}.node-label{height:40px;min-width:100px;padding:6px 9px 6px 15px;border:0;background:transparent}.node-label::before{inset:3px}.node-label .label{font-size:12px}.node-label .label small{font-size:12px;margin-top:4px;letter-spacing:.09em}.node-label .leader{top:20px}.immersive .hero{transform:none}.panel{padding:22px 24px}.panel h2{font-size:35px}.panel-top{margin-bottom:25px}.list-grid{grid-template-columns:1fr}.list-head{margin-bottom:28px}.list-head h2{font-size:30px}.list-card{min-height:170px}.render-notice{bottom:89px;font-size:12px;max-width:180px}}
@media(max-width:370px){.controls button{min-width:62px;padding:9px 7px;font-size:12px}.hero{bottom:112px}h1{font-size:38px}.hero-copy{font-size:12px}.explore{margin-top:15px}}
@media(max-height:730px) and (max-width:700px){.hero{bottom:108px}.hero-copy{display:none}h1{font-size:clamp(32px,9.6vw,43px)}.eyebrow{margin-bottom:11px}.explore{margin-top:17px;min-height:40px}.bottom{bottom:24px}}
@media(max-height:510px) and (min-width:701px){.hero{top:48%}h1{font-size:40px}.eyebrow{margin-bottom:15px}.hero-copy{margin-top:15px}.explore{margin-top:18px}.hero-foot{display:none}.header{padding-top:13px}.bottom{bottom:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Spatial navigation remains available while a neuron is in focus. */
.node-label{height:48px;min-width:0;background:transparent;border:0;border-radius:0;backdrop-filter:none}
.node-label .label{font-size:12px}.node-label .label small{font-size:12px;letter-spacing:.11em;color:#8bb3c0}
.node-label.is-active{color:#f0fdff}.node-label.is-active::before{opacity:.75}
.capability-label{min-width:0;background:transparent;border:0}.capability-label .label small{color:#a29abf}
.capability-label.is-active{background:transparent;border-color:transparent}
.is-focused .hero{opacity:0;visibility:hidden;transform:translateY(-45%)}
.is-focused .scene-shade{background:linear-gradient(90deg,transparent 50%,#03071115 65%,#03071166),linear-gradient(0deg,#030711b5,transparent 25%,transparent 83%,#03071185)}
.is-focused .scene-caption{opacity:0}
.journey-nav{top:104px;left:var(--pad);display:flex;align-items:center;gap:20px;z-index:6;max-width:55vw}
.journey-nav>button{min-height:40px;padding:7px 0;color:#9abac6;font-size:12px;white-space:nowrap}.journey-nav>button span{margin-right:8px;color:#c1eef5}
.journey-path{display:flex;align-items:center;gap:9px;padding-left:18px;border-left:1px solid #43617166;min-width:0}
.path-dot{width:4px;height:4px;border-radius:50%;background:#aeeaf4;box-shadow:0 0 9px #70dce6;flex:none}
.journey-path p{font-size:12px;color:#c9e0e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journey-progress{position:absolute;height:1px;left:0;right:0;bottom:-5px;overflow:hidden;background:#789dad14}
.journey-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#477989,#9bd9e6);transform-origin:left;opacity:.28}
.journey-nav.travelling .journey-progress i{opacity:.95}
.service-rail{left:var(--pad);bottom:110px;display:flex;gap:6px;z-index:6;max-width:calc(100vw - clamp(330px,31vw,430px) - var(--pad) * 2 - 25px)}
.service-rail button{position:relative;min-height:54px;min-width:66px;padding:8px 13px 9px;border:1px solid #45687738;border-radius:5px;background:#061420b5;backdrop-filter:blur(9px);text-align:left;flex:1;transition:background .3s,border-color .3s}
.rail-index{display:block;color:#638c9d;font-size:12px;letter-spacing:.12em;line-height:1.1;margin-bottom:7px}.rail-name{display:block;font-size:12px;white-space:nowrap;color:#96b7c7}
.service-rail button:hover{background:#113043c7;border-color:#75adc278}.service-rail button[aria-pressed=true]{background:#123546c9;border-color:#8cced697}.service-rail button[aria-pressed=true] .rail-index{color:#bceff8}.service-rail button[aria-pressed=true] .rail-name{color:#e4f9ff}
#detail{position:fixed;inset:105px var(--pad) 108px auto;width:clamp(330px,31vw,430px);z-index:9;display:block;background:none;backdrop-filter:none;pointer-events:none;visibility:hidden;opacity:0;transform:translateX(12px);transition:opacity .4s,transform .5s,visibility .4s}
#detail.open{visibility:visible;opacity:1;transform:none}
#detail .panel{inset:0;width:100%;padding:24px 26px 27px;pointer-events:auto;border:1px solid #57788d4a;border-radius:10px;background:linear-gradient(145deg,#0b1e2beb,#06121eef);box-shadow:0 24px 90px #0005;backdrop-filter:blur(22px);scrollbar-width:thin;scrollbar-color:#46677a #091724}
#detail .panel-top{margin-bottom:11px;gap:12px}#detail .badge{font-size:12px;padding:6px 8px;letter-spacing:.12em;background:#16415333;border-color:#5d94a63b;color:#94bdca}
#detail .close{border:none;padding:0;width:36px;min-width:36px;height:36px;min-height:36px;font-size:23px;color:#93b3c4;border-radius:50%;background:#17334755}
#detail .close:hover{background:#264b60aa;color:#eefbff}
#detail .breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:18px;font-size:12px;line-height:1.5;color:#628e9f}
.breadcrumb button{min-height:26px;padding:3px 0;font-size:12px;color:#97c5d1}.breadcrumb button:hover{color:#e4faff}.breadcrumb span:last-child{color:#a797cb}
.service-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:3px}.service-switch>div{display:flex;align-items:center;gap:8px;white-space:nowrap}.service-switch button{min-width:30px;min-height:34px;border:1px solid #42667c44;border-radius:4px;color:#a6d1df;font-size:15px}.service-switch button:hover{background:#25445566}.service-switch span{font-size:12px;letter-spacing:.09em;color:#7597a9}
#detail .overline{font-size:12px;letter-spacing:.12em;line-height:1.6;color:#7fadc1;max-width:58%}
#detail h2{font-size:clamp(30px,2.5vw,39px);line-height:1.08;margin:15px 0 19px;letter-spacing:-.035em;color:#e0f0f6}
#detail .description{font-size:12px;line-height:1.8;color:#9fb9c8}
#detail .capability-section{margin-top:25px}#detail .capability-section h3{font-size:12px;letter-spacing:.12em;color:#709bab;margin-bottom:10px}
#detail .capabilities{gap:7px}#detail .capabilities button{flex:1;min-width:112px;font-size:12px;line-height:1.4;padding:11px 10px;border-color:#5f699d5a;background:#191e3675;color:#c4d0e7}
#detail .capabilities button:hover{border-color:#989ade88;background:#252944a6}#detail .capabilities button[aria-pressed=true]{background:#303154;border-color:#b0abe488;color:#f0eaff}
#detail .tags{margin-top:20px;gap:5px}#detail .tags span{font-size:12px;padding:4px 7px;color:#749aaa;background:#11273766;border-color:#36566944}
#detail .section{margin-top:24px;padding:22px 0 0;border-color:#46697a39}#detail .section h3{font-size:12px;letter-spacing:.12em;color:#6c92a3;margin-bottom:12px}#detail .example{font-size:22px;color:#bdd7e4;line-height:1.4}
#detail .action{margin-top:23px;background:#b6e4ed;color:#0b2d3c;font-size:12px}#detail .footnote{font-size:12px;color:#809eaf;line-height:1.6}
#detail .walk{background:#1026369c;border-color:#48708066}#detail .walk h3{font-family:var(--sans);font-size:16px;letter-spacing:0;line-height:1.4;margin:12px 0}#detail .walk p{font-size:12px}
#list{z-index:30}.list-panel{padding-top:calc(var(--pad) + env(safe-area-inset-top))}.list-card{display:flex;flex-direction:column}.list-travel{display:block;margin-top:22px;font-size:12px;color:#9fccdf}.list-card p{flex:1}
@media(min-width:1700px){.journey-nav{top:115px}.service-rail button{padding:11px 18px;min-height:60px}.rail-name{font-size:12px}#detail{top:115px}#detail .panel{padding:30px}#detail .description{font-size:13px}}
@media(max-width:1100px) and (min-width:701px){.journey-nav{top:94px;gap:12px;max-width:48vw}.journey-path{padding-left:12px}.journey-path p{font-size:12px}.service-rail{gap:4px}.service-rail button{padding:8px 6px;min-width:48px}.rail-name{font-size:12px}.rail-index{font-size:12px}#detail{top:94px}#detail .panel{padding:21px}#detail .description{font-size:12px}#detail h2{font-size:31px}.node-label .label{font-size:12px}.node-label .label small{font-size:12px}.node-label{min-width:112px;height:44px}}
@media(max-width:700px){
 .node-label{height:41px;min-width:108px;padding:6px 10px 6px 15px}.node-label .label{font-size:12px}.node-label .label small{font-size:12px;letter-spacing:.075em;margin-top:4px}.capability-label{min-width:114px}.node-label .leader{top:20px}
 .is-focused .hero{transform:none}.is-focused .scene-shade{background:linear-gradient(0deg,#030711c0,transparent 60%,transparent 86%,#03071144)}
 .journey-nav{top:78px;left:20px;right:20px;max-width:none;gap:14px}.journey-nav>button{min-height:34px;font-size:12px}.journey-path{padding-left:13px}.journey-path p{font-size:12px}.journey-progress{bottom:-3px}
 .service-rail{top:124px;bottom:auto;left:14px;right:14px;max-width:none;gap:4px}.service-rail button{min-height:42px;min-width:0;padding:6px 5px;border-radius:4px;text-align:center}.rail-index{font-size:12px;margin-bottom:5px}.rail-name{font-size:12px;letter-spacing:-.015em}
 #detail{left:13px;right:13px;top:auto;bottom:94px;width:auto;height:40dvh;max-height:380px;transform:translateY(12px)}
 #detail .panel{padding:14px 18px 22px;border-radius:12px;background:linear-gradient(150deg,#0c2030f2,#071421f5);box-shadow:0 15px 50px #0005}
 #detail .panel-top{margin-bottom:0}#detail .badge{font-size:12px;padding:5px 7px}#detail .close{width:30px;min-width:30px;height:30px;min-height:30px;font-size:21px}
 #detail .breadcrumb{margin-bottom:6px;font-size:12px;gap:6px}.breadcrumb button{font-size:12px;min-height:23px}
 .service-switch{margin-bottom:0}.service-switch>div{gap:8px}.service-switch button{min-height:28px;min-width:30px}.service-switch span{font-size:12px}#detail .overline{font-size:12px}
 #detail h2{font-size:28px;margin:9px 0 12px}#detail .description{font-size:12px;line-height:1.65}#detail .capability-section{margin-top:17px}#detail .capability-section h3{font-size:12px;margin-bottom:8px}#detail .capabilities button{font-size:12px;min-height:39px;padding:9px 8px}
 #detail .tags{margin-top:16px}#detail .tags span{font-size:12px}#detail .section{margin-top:18px;padding-top:17px}#detail .example{font-size:20px}#detail .action{font-size:12px;margin-top:19px}#detail .footnote{font-size:12px}
 #list .list-panel{padding:24px 22px}#list .list-head{align-items:flex-start}#list .list-head h2{font-size:29px;line-height:1.1;max-width:220px;margin-top:12px}#list .close{font-size:12px;padding:7px 10px;max-width:105px}#list .list-head .overline{font-size:12px}#list .list-card{min-height:170px}
 .is-focused .scene-instruction{font-size:12px}.is-focused .render-notice{display:none}
}
@media(max-width:370px){.rail-name{font-size:12px}.journey-path p{font-size:12px}.service-rail{left:10px;right:10px;gap:3px}#detail .panel{padding-left:15px;padding-right:15px}#detail h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){#detail,.journey-nav,.service-rail{transition:none}}
@media(max-height:520px) and (min-width:561px){
 .header{padding:12px 21px}.brand{font-size:22px}.brand img{width:110px}.edition{display:none}
 .hero{left:60%;right:22px;top:49%;bottom:auto;text-align:left;transform:translateY(-50%)}.hero .eyebrow{justify-content:flex-start;font-size:12px;margin-bottom:14px}h1{font-size:38px}.hero-copy,.hero-foot{display:none}.explore{margin:20px 0 0;min-width:164px;font-size:12px;min-height:40px}.is-focused .hero{transform:translateY(-46%)}
 .bottom{left:14px;right:14px;bottom:16px;height:43px;justify-content:center}.controls{position:static;transform:none;padding:3px}.controls button{min-width:60px;height:36px;font-size:12px}.scene-caption,.scene-instruction{display:none}
 .journey-nav{top:70px;left:21px;right:auto;max-width:calc(58vw - 40px);gap:10px}.journey-nav>button{font-size:12px;min-height:32px}.journey-path{padding-left:10px}.journey-path p{font-size:12px}.journey-progress{bottom:0}
 .service-rail{left:16px;right:auto;top:auto;bottom:82px;max-width:calc(58vw - 33px);gap:3px}.service-rail button{min-height:43px;min-width:0;padding:6px 5px;text-align:center}.rail-name{font-size:12px}.rail-index{font-size:12px;margin-bottom:5px}
 #detail{left:auto;right:12px;top:74px;bottom:72px;width:min(300px,42vw);height:auto;max-height:none;transform:translateX(12px)}#detail .panel{padding:12px 16px 22px;border-radius:8px}#detail .panel-top{margin-bottom:0}#detail .badge{font-size:12px}#detail .close{width:28px;min-width:28px;height:28px;min-height:28px}#detail .breadcrumb{margin-bottom:5px}#detail h2{font-size:27px;margin:9px 0 12px}#detail .description{font-size:12px}#detail .capability-section{margin-top:16px}
 .node-label{min-width:98px;height:38px;padding:5px 8px 5px 14px}.node-label .label{font-size:12px}.node-label .label small{font-size:12px}.node-label .leader{top:19px}
}
@media(max-height:520px) and (max-width:560px){
 .header{padding-top:8px;padding-bottom:8px}.journey-nav{top:64px}.journey-nav>button{min-height:30px}.service-rail{top:107px}.service-rail button{min-height:35px;padding-top:4px;padding-bottom:4px}.rail-index{margin-bottom:4px}
 #detail{height:30dvh;bottom:85px}.bottom{bottom:15px}.scene-instruction{bottom:-13px}
}
@media(max-height:439px) and (max-width:560px){.service-rail{display:none}}
.immersive #detail,.immersive #journeyNav,.immersive #serviceRail{visibility:hidden;opacity:0;pointer-events:none}
.immersive.is-focused .scene-shade{background:linear-gradient(0deg,#030711a0,transparent 20%,transparent 86%,#03071160)}
@media(max-width:700px) and (min-height:521px){
 .journey-nav{top:calc(78px + env(safe-area-inset-top))}.service-rail{top:calc(124px + env(safe-area-inset-top))}#detail{bottom:calc(94px + env(safe-area-inset-bottom))}
}

/* Centered overview restores the original hand-driven spatial browsing model. */
html{height:100%;overflow-x:hidden;overflow-y:auto}body{height:116vh;overflow:visible}
#stage{touch-action:pan-y}.is-focused #stage{touch-action:none}
.hero{left:var(--pad);right:auto;top:auto;bottom:126px;max-width:235px;transform:none;text-align:left}
.hero h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.hero .eyebrow{font-size:12px;margin-bottom:9px;justify-content:flex-start}.hero-copy{font-size:12px;margin-top:0;line-height:1.6}
.hero .explore{margin:13px 0 0;min-height:40px;font-size:12px;min-width:175px}.hero-foot{display:none}
.scene-shade{background:linear-gradient(0deg,#030711b0,transparent 20%,transparent 87%,#03071160)}
@media(max-width:700px),(max-height:650px){.hero>:not(h1){display:none}.hero{bottom:110px;max-width:1px}}

/* World-depth billboards supply the visual text and brackets. DOM buttons keep
   the matching hit regions, labels, focus order and Canvas2D fallback. */
.node-label{transform-origin:0 0;min-width:0!important;padding:5px 12px 4px 14px!important;font-family:Arial,Helvetica,sans-serif}
.node-label .label{font-size:12px!important;line-height:1.2}.node-label .label small{display:none!important}
body[data-renderer="WebGL"] .node-label{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;color:transparent!important}
body[data-renderer="WebGL"] .node-label .label,body[data-renderer="WebGL"] .node-label::before,body[data-renderer="WebGL"] .node-label .leader{visibility:hidden}
body[data-renderer="WebGL"] .node-label:focus-visible{outline:2px solid #b8effa;outline-offset:3px}
.links-section{margin-top:22px}.links-section h3{font-size:12px;letter-spacing:.12em;color:#709bab;font-weight:400;text-transform:uppercase;margin:0 0 10px}.neuron-links{display:grid;gap:8px}
.link-row{display:block;width:100%;text-align:left;padding:11px 13px;border:1px solid rgba(147,227,241,.16);border-radius:10px;background:rgba(147,227,241,.035);transition:border-color .25s,background .25s;cursor:pointer}
.link-row:hover,.link-row:focus-visible{border-color:rgba(147,227,241,.55);background:rgba(147,227,241,.07)}
.link-to{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink)}.link-to b{font-weight:400;font-size:12px;letter-spacing:.14em;color:var(--accent)}.link-to i{font-style:normal;margin-left:auto;color:var(--accent)}
.link-why{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:var(--muted)}
#neural{image-rendering:auto}
.noscript-note{position:fixed;left:20px;right:20px;top:90px;z-index:50;color:#e6f4f7}.noscript-note a{text-decoration:underline}
.header nav .back-link{min-height:44px;display:inline-flex;align-items:center;font-size:12px;letter-spacing:.01em;color:#adc4cf}.header nav .back-link:hover{color:#fff}.hero .eyebrow{text-transform:uppercase}
@media(max-width:700px){.header nav{gap:14px}.header nav .back-link{font-size:12px}}

/* High-contrast (forced colours): system colours, visible borders and focus; the scene falls back to the simplified renderer. */
@media(forced-colors:active){
 .controls,.controls button,.close,.link-row,.capabilities button,.service-rail button,.list-card,.explore,.action,.node-label{border:1px solid ButtonText!important;forced-color-adjust:auto}
 a:focus-visible,button:focus-visible,summary:focus-visible,#stage:focus-visible{outline:3px solid Highlight!important;outline-offset:3px}
 .panel,#detail .panel,.list-panel{border:1px solid CanvasText;background:Canvas}
 .scene-shade{display:none}
}

/* Review fixes: header ignores clicks outside its controls, notice position, wrapping rail names, CTA, mobile intro. */
.header{pointer-events:none}.header a,.header button{pointer-events:auto}
.render-notice{left:auto;right:var(--pad);bottom:96px;text-align:right;font-size:12px}
.rail-name{white-space:normal;line-height:1.25}
.hero{max-width:310px}.hero .eyebrow{white-space:normal}
#detail .action.cta,.list-cta{margin-top:14px;background:transparent;color:#d8f6fb;border:1px solid #93e3f188;text-decoration:none}
#detail .action.cta:hover,.list-cta:hover{background:#93e3f11f;border-color:#93e3f1}
.cta-note{margin-top:9px;font-size:12px;line-height:1.6;color:#86a6b8}.cta-note a{color:#b6e4ed;text-decoration:underline}
.list-cta{max-width:1100px;margin:0 auto 12px;display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:12px 16px;border-radius:4px;font-size:13px}
.list-cta-note{max-width:1100px;margin:0 auto 30px}
.start-steps{max-width:1100px;margin:22px auto}.start-steps h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7c9cac;font-weight:400;margin:0 0 10px}.start-steps ol{margin:0;padding-left:20px;color:#9bb3c1;font-size:13px;line-height:1.7}.start-steps strong{color:#d8f6fb;font-weight:400}
@media(max-width:700px){
 .hero>:not(h1):not(.hero-copy){display:none}.hero{left:var(--pad);right:var(--pad);max-width:none;bottom:calc(112px + env(safe-area-inset-bottom));text-align:center}.hero-copy{display:block;font-size:12px;line-height:1.5;margin:0}
 #detail{height:min(48dvh,440px);max-height:none}
}
@media(max-width:700px) and (max-height:650px){.hero-copy{font-size:12px;line-height:1.35;max-height:3.4em;overflow:hidden}}
/* Design review 2026-10-23 (DESIGN.md): label legibility over the bright network, brighter hint text, room for the chat bubble. */
:root{--chat-clearance:76px}
.node-label .label{text-shadow:0 0 6px #030711,0 0 12px #030711,0 1px 2px #030711}
.node-label .label small{color:#a3c4d1}
.scene-instruction{color:#9db9c7;text-shadow:0 0 8px #030711}
.scene-instruction span{color:#6b8c9c}
.header .brand img{min-width:120px}
@media(min-width:701px){.bottom{padding-right:var(--chat-clearance)}}
@media(max-width:700px){.bottom{bottom:calc(var(--chat-clearance) + env(safe-area-inset-bottom))}.hero{bottom:calc(var(--chat-clearance) + 120px + env(safe-area-inset-bottom))}}
