@font-face{font-family:Montserrat;src:url("assets/fonts/montserrat-variable-latin.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0100-024F,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Montserrat;src:url("assets/fonts/montserrat-variable-cyrillic.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
:root{--paper:#FAFAF7;--ink:#011D3B;--frontier:#CDD7D7;--route:#00D9FE;--orange:#FF8A00;--secondary:#425563;--line:#9BABB1;--space:8px}
/* Owner selected these exact Hero colors on 2026-10-20. Old A remains reviewable. */
:root:has(#palette-a:target){--ink:#0B1D2A;--route:#0FB5B3}
.atlas [fill="#0B1D2A"]{fill:var(--ink)}
.atlas [stroke="#0B1D2A"],.atlas .edge:not(.edge-light),.atlas .node:not(.node-dark):not(.route-node),.atlas .node-gate{stroke:var(--ink)}
.atlas [fill="#0FB5B3"]{fill:var(--route)}
.atlas [stroke="#0FB5B3"],.atlas .route-node{stroke:var(--route)}
.atlas .route-node.node-event{stroke:var(--ink)}
.atlas [id$="evidence-gate"]{display:none}
.atlas [id$="research-network"],.atlas [id$="new-reality-details"],.atlas [id$="new-reality-nodes"],.atlas [id$="graph-nodes"]>g:not(.route-node),.atlas [data-node="C"],.atlas [data-node="F"],.atlas [data-node="H"],.atlas [data-node="I"]{display:none}
.owner-branch-projection>use{stroke:#4A6470;opacity:.64}
.owner-branch-projection>use.owner-branch-dark{stroke:#B6C8CD;opacity:.74}
.owner-branch-edges{fill:none;stroke-width:1.15;stroke-linecap:round}
.owner-branch-nodes{fill:var(--paper);stroke-width:1.25}
.owner-sections{opacity:.35}
.owner-reality-structure{opacity:.68}
.owner-scale-signals{opacity:.82}
.owner-scale-signals [data-scale="2"]{opacity:.74}
.owner-scale-signals [data-scale="3"]{opacity:.66}
.owner-scale-label{font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:600;fill:var(--orange);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;paint-order:stroke fill;pointer-events:none}
.owner-hypothesis-details{opacity:.82}
.owner-hypothesis-nodes{fill:var(--ink);stroke-width:1.2;stroke-dasharray:none}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif}
::selection{background:var(--ink);color:var(--paper)}
a{color:inherit;text-underline-offset:4px}
button,a,summary{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
:is(button,a,summary):focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.skip-link{position:absolute;left:24px;top:-100px;z-index:30;background:var(--paper);padding:12px}
.skip-link:focus{top:12px}
.site-header{min-height:84px;background:var(--ink);color:var(--paper);display:flex;align-items:center;gap:32px;padding:10px 32px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0}
/* Exact source window x16 y372 w420 h480 in the approved 1254px image. */
.brand-mark{position:relative;width:56px;height:64px;overflow:hidden;display:block;flex-shrink:0}
.brand-mark img{position:absolute;width:167.2px;height:auto;max-width:none;left:-2.1333333333px;top:-49.6px}
.brand-name{font-size:22px;font-weight:700;line-height:1.02;letter-spacing:-.035em}
.desktop-nav{display:flex;align-items:center;gap:24px;margin-left:auto}
.desktop-nav :is(a,button){background:none;border:0;color:inherit;font-size:14px;font-weight:600;min-height:44px;display:flex;align-items:center;text-decoration:none;padding:0 2px}
.languages{display:flex;gap:16px;align-items:center;border-left:1px solid #789096;padding-left:24px;font-size:14px;font-weight:600}
.languages [aria-current]{color:var(--route)}.unavailable{color:#A9B6BC}
.mobile-menu{display:none}
.hero{position:relative;width:100%;height:min(736px,calc(100svh - 84px));isolation:isolate;overflow:hidden}
.human-rail{position:absolute;left:3%;top:4.5%;width:164px;height:69%;z-index:3}
.human-rail ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:space-between;height:100%}
.human-rail li{position:relative;flex:1;padding-left:26px;font-size:13px;line-height:1.45}
.human-rail li:last-child{flex:0}
.human-rail li::before{content:"";position:absolute;left:4.5px;top:12px;bottom:-12px;border-left:3px solid var(--route)}
.human-rail li:last-child::before{display:none}
.human-rail small{display:inline;font-size:13px;font-weight:600;margin-right:6px;color:var(--secondary)}
.stage-marker{display:block;width:12px;height:12px;border:1.5px solid var(--route);border-radius:50%;background:var(--paper);flex-shrink:0}
.human-rail .stage-marker{position:absolute;left:0;top:4px}
#desktop-stage-04{background:var(--route);anchor-name:--human}
.introduction{position:absolute;left:13.3%;top:18.5%;width:30.8%;max-width:470px;z-index:3}
h1{font-family:Montserrat,Arial,sans-serif;font-weight:700;font-size:clamp(96px,6.8vw,100px);letter-spacing:-.04em;line-height:1.01;margin:0 0 10px}
.question{font-size:20px;line-height:1.38;font-weight:500;letter-spacing:-.02em;margin:0 0 48px;max-width:420px;background:var(--paper);padding-block:2px}
.descriptor{display:grid;gap:2px;width:calc(100% - 20px);font-size:14px;line-height:1.25;font-weight:600;color:var(--paper);background:var(--ink);box-shadow:inset 0 0 0 1px #68818F;padding:8px 16px;margin:24px 0 0}
.descriptor span{display:block}
.descriptor span:first-child{font-weight:700;letter-spacing:.015em;color:var(--route)}
.bridge-corridor{position:absolute;left:0;top:76%;width:46%;height:4%;anchor-name:--corridor}
.entry-actions{position:absolute;left:13.3%;top:88%;width:29.2%;max-width:350px;display:grid;gap:10px;z-index:3}
.entry-actions__note{margin:0;color:#0B405A;font-size:12px;font-weight:600;line-height:1.35}
.entry{width:100%;min-height:56px;border:1px solid var(--line);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-size:14px;font-weight:600;line-height:1.45;text-decoration:none}
.primary{background:var(--route);color:var(--ink);border-color:var(--ink);box-shadow:inset 0 -3px 0 #007B92}
.primary>span:last-child{color:var(--ink)}
.entry>span:last-child{font-size:20px;line-height:1}
.entry:hover{border-color:var(--orange)}
.atlas-panel{position:absolute;inset:0;margin:0;z-index:0}
.map-window{position:relative;width:100%;height:100%}
.atlas{display:block;width:100%;height:100%}
.atlas [data-layer="human-stages"],.atlas [data-layer="human-bridge"],.atlas [id$="engineering-labels"]{display:none}
.atlas-mobile{display:none}
.origin-anchor{position:absolute;left:45.625%;top:calc(50% + 4.375vw);width:0;height:0;anchor-name:--origin}
.map-callout{position:absolute;font-size:14px;line-height:1.25;font-weight:500}
.route-node-label{font-family:Montserrat,Arial,sans-serif;font-size:16px;font-weight:600;fill:var(--ink);stroke:var(--paper);stroke-width:5px;stroke-linejoin:round;paint-order:stroke fill;pointer-events:none}
.route-node-label tspan{stroke:inherit}
.atlas-mobile .route-node-label{font-size:28px;stroke-width:8px}
.map-key .key-scale{display:flex}
.reality-callout{left:calc(67.2% + 30px);top:42.4%;font-weight:700;font-size:16px;line-height:1.05}
.reality-callout>span{display:block;white-space:nowrap}
.reality-callout>span:first-child{padding-left:24px}
.reality-callout>span:last-child{letter-spacing:-.4px}
.hypothesis-callout{color:var(--paper);font-size:12px;white-space:nowrap;letter-spacing:.01em;background:var(--ink);padding:1px 3px}
.hypothesis-upper{right:2.3%;top:29%}
.hypothesis-middle{right:2.3%;top:49%}
.hypothesis-lower{right:2.3%;top:68%}
.map-key{position:absolute;right:2.5%;bottom:2.4%;width:448px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 13px;padding:12px 14px 13px;background:var(--paper);border:1px solid #718994;box-shadow:0 3px 0 #011D3B17;color:var(--ink);z-index:2;font-size:12px;line-height:1.25}
.map-key strong{grid-column:1/-1;letter-spacing:.01em;font-size:12px;font-weight:600;border-bottom:1px solid #B6C4C7;padding-bottom:6px;margin-bottom:1px;white-space:nowrap}
.map-key span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.map-key span::before{content:"";width:11px;height:11px;border:1px solid var(--ink);flex:0 0 11px}
.map-key .key-known::before{background:var(--paper)}
.map-key .key-frontier::before{background:var(--frontier)}
.map-key .key-unknown::before{background:var(--ink)}
.map-key .key-route::before{height:0;border:0;border-top:2px solid var(--route)}
.map-key .key-reality::before{height:0;border:0;border-top:2px solid var(--orange)}
.map-key .key-scale::before{width:22px;flex:0 0 22px;height:2px;border:0;background:linear-gradient(to right,var(--orange) 0 8px,transparent 8px 14px,var(--orange) 14px 22px)}
.full-map-link{display:none}
.mobile-human{display:none}
.hero-connector{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
.hero-connector path{stroke:var(--route);stroke-width:3;stroke-dasharray:6 6;fill:none;stroke-linecap:round}
.intent-star-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:5}
.bridge-fallback,.bridge-return{position:absolute;pointer-events:none;border-color:var(--route);border-style:dashed;border-width:0;z-index:1}
.bridge-fallback{left:anchor(--human center);top:anchor(--human center);right:anchor(--origin center);bottom:anchor(--corridor center);border-left-width:3px;border-bottom-width:3px;border-bottom-left-radius:16px}
.bridge-return{left:anchor(--origin center);top:min(anchor(--origin center),anchor(--corridor center));bottom:min(anchor(--origin center),anchor(--corridor center));border-left-width:3px}
.layout-ready .bridge-fallback,.layout-ready .bridge-return{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.human-rail{width:180px}.introduction{max-width:540px}.entry-actions{max-width:360px}.question{font-size:25px}.descriptor{font-size:18px}h1{font-size:108px}}
@media(min-width:1200px) and (max-width:1300px){
 .human-rail{left:1.5%;width:160px}.human-rail li{font-size:13px;line-height:1.3}.human-rail small{font-size:13px}
 .introduction{left:13.7%;width:30.5%}.entry-actions{left:13.7%}h1{font-size:88px}
}
@media(min-width:1200px) and (min-height:801px){
 .hero{height:min(680px,calc(100svh - 84px))}
 .atlas-panel{top:-20px}
 .introduction{top:14.4%}
 .entry-actions{top:89.5%}
 .question{margin-top:16px;margin-bottom:32px}
}
@media(min-width:1200px) and (max-width:1300px) and (min-height:801px){.atlas-panel{top:-65px}}
@media(min-width:1301px) and (max-width:1399px) and (min-height:801px){h1{font-size:90px}}
@media(min-width:1200px) and (max-height:800px){
 .human-rail{top:3%;height:69%}
 .introduction{top:15%}h1{font-size:clamp(90px,6.6vw,102px);margin-bottom:8px}
 .question{font-size:21px;line-height:1.34;margin-bottom:48px}
 .descriptor{font-size:14px;line-height:1.25;padding-block:6px}
}
@media(min-width:1200px) and (min-height:750px) and (max-height:799px){.entry-actions{top:91%}}
@media(min-width:1200px) and (max-height:749px){.entry-actions{top:82%}}
@media(min-width:1200px) and (max-height:700px){
 .introduction{top:15%}h1{font-size:clamp(84px,6.55vw,96px);margin-bottom:8px}
 .question{font-size:18px;max-width:390px;line-height:1.3;margin-bottom:56px}
 .descriptor{font-size:14px;line-height:1.2;padding-block:5px}
 .human-rail li{font-size:13px;line-height:1.3}.human-rail small{font-size:13px}
 .entry{min-height:50px;padding-block:9px}
}
@media(min-width:1200px) and (max-width:1300px){h1{font-size:80px}}
@media(min-width:1200px) and (max-width:1300px) and (max-height:700px){.bridge-corridor{top:79%}.entry-actions{top:90%}}
@media(max-width:1199px){
 .site-header{min-height:72px;padding:10px 24px}
 .brand-mark{width:44.8px;height:51.2px}.brand-mark img{width:133.76px;left:-1.7066666667px;top:-39.68px}
 .brand-name{font-size:18px}.brand{gap:12px}
 .desktop-nav,.languages{display:none}
 .mobile-menu{display:block;margin-left:auto;z-index:20}
 .mobile-menu summary{display:flex;gap:12px;align-items:center;list-style:none;min-height:44px;font-size:14px;cursor:pointer}
 summary::-webkit-details-marker{display:none}
 .mobile-menu summary span{font-size:22px}
 .mobile-menu nav{position:absolute;left:0;right:0;top:72px;background:var(--ink);padding:16px 24px;display:grid}
 .mobile-menu nav :is(a,button){background:none;border:0;border-bottom:1px solid #789096;min-height:48px;padding:12px 0;color:var(--paper);font-size:16px;text-align:left;text-decoration:none}
 .hero{display:flex;flex-direction:column;gap:0;padding:32px 24px;width:100%;max-width:none;height:auto;min-height:calc(100svh - 72px);overflow:visible;background-image:linear-gradient(#78909613 1px,transparent 1px),linear-gradient(90deg,#78909613 1px,transparent 1px);background-size:24px 24px}
 .human-rail,.bridge-corridor{display:none}
 .introduction{display:contents}
 h1{font-size:80px;margin:0 0 24px;order:1}
 .question{font-size:23px;max-width:600px;margin:0 0 24px;order:0;background:transparent;padding:0}
 .descriptor{width:100%;font-size:16px;order:4;margin:24px 0}
 .mobile-human{display:block;order:2;width:100%;margin:0 0 20px}
 .mobile-human summary{display:flex;align-items:center;gap:12px;list-style:none;min-height:60px;font-size:14px;line-height:1.45;cursor:pointer}
 #mobile-stage-04{background:var(--route);anchor-name:--human}
 .mobile-human small{display:block;font-size:14px;color:var(--secondary);margin-bottom:4px}
 .expand{margin-left:auto;font-size:24px}
 .mobile-human ol{font-size:14px;line-height:1.5;padding-left:40px}
 .mobile-human li{padding:8px 0}
 .atlas-panel{position:relative;inset:auto;order:3;width:100%}
 .map-window{height:auto;margin-inline:-24px;width:calc(100% + 48px)}
 .atlas-desktop{display:none}.atlas-mobile{display:block;height:auto}
 .atlas-mobile .owner-scale-signals{stroke-dasharray:7 8}
 .origin-anchor{left:8.139535%;top:60.869565%}
 .map-callout{font-size:14px}
 .reality-callout{left:52%;top:35%;font-size:12px}
 .reality-callout>span:first-child{padding-left:0}
 .reality-callout>span:last-child{letter-spacing:normal}
 .hypothesis-callout{font-size:10px;letter-spacing:0;padding:1px 2px}
 .hypothesis-upper{right:8px;top:14%}.hypothesis-middle{right:8px;top:47%}.hypothesis-lower{right:8px;top:76%}
 .map-key{position:relative;right:auto;bottom:auto;width:100%;grid-template-columns:repeat(6,minmax(0,1fr));font-size:11px;gap:10px 8px;margin-top:10px;padding:11px 12px}
 .map-key .key-known,.map-key .key-frontier,.map-key .key-unknown{grid-column:span 2}
 .map-key .key-route,.map-key .key-reality{grid-column:span 3}
 .map-key .key-scale{grid-column:span 6;display:flex;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.28}
 .map-key .key-scale::before{height:2px}
 .full-map-link{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:14px;margin-top:8px;text-decoration:none}
 .entry-actions{position:static;order:5;width:100%;max-width:none;padding:0}
 .entry{min-height:56px;font-size:14px}
 .bridge-fallback{bottom:anchor(--origin center);border-radius:0}
 .bridge-return{display:none}
}
@media(max-width:600px){
 .site-header{padding-inline:20px}.brand-name{font-size:16px}.brand{gap:9px}
 .hero{padding:28px 20px}
 h1{font-size:72px;line-height:1.03;margin-bottom:20px}
 .question{font-size:19px;line-height:1.45}
 .descriptor{font-size:15px;line-height:1.45}
 .map-window{margin-inline:-20px;width:calc(100% + 40px)}
 .map-key{font-size:10px;column-gap:7px}
 .hypothesis-callout{font-size:10px}
}
@media(max-width:350px){.site-header{padding-inline:16px}.brand-name{font-size:15px}.brand{gap:8px}.hero{padding-inline:16px}h1{font-size:63px}.map-window{margin-inline:-16px;width:calc(100% + 32px)}.question{font-size:18px}.mobile-human summary{gap:10px}.map-callout{font-size:14px}.reality-callout{left:50%;font-size:11px}.hypothesis-callout{font-size:9px}.map-key{column-gap:5px;font-size:9px;padding:9px 8px}.map-key span{gap:4px}}
/* Extend the first screen so the diagnostic action has a deliberate quiet exit. */
@media(min-width:1200px){
 .hero{--hero-canvas-height:min(736px,calc(100svh - 84px));height:calc(var(--hero-canvas-height) + 72px)}
 .entry-actions{top:auto;bottom:80px;gap:6px}
}
@media(min-width:1200px) and (min-height:801px){.hero{--hero-canvas-height:min(680px,calc(100svh - 84px))}}
@media(max-width:1199px){.hero{padding-bottom:80px}}
