:root{color-scheme:dark;--bg:#0a0d0f;--surface:#11171b;--line:#2a3237;--white:#edf0ef;--muted:#9aa6ab;--yellow:#e7b858;--red:#f77c72;--green:#87c4a1;--mono:'SFMono-Regular',Consolas,monospace;--sans:'Inter','PingFang SC','Microsoft YaHei',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{transition:background .15s,border-color .15s}button:hover:not(:disabled){filter:brightness(1.16)}p{line-height:1.8}img{display:block;max-width:100%}.masthead{height:82px;padding:0 4.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;background:#0b1013;position:relative;z-index:5}.wordmark{display:flex;align-items:center;font-weight:900;font-size:36px;letter-spacing:-6px;gap:0}.logo-notch{color:var(--yellow);margin-right:18px}.wordmark>span:last-child{font-size:16px;letter-spacing:2px;line-height:1.3}.wordmark small{display:block;font:8px var(--mono);letter-spacing:1.7px;color:#8c999e;margin-top:5px}.masthead nav{display:flex;gap:36px;font-size:12px;color:#b5bfc3}.edition{font:10px var(--mono);letter-spacing:1px;color:#819097}.hero{position:relative;height:min(850px,85vw);min-height:670px;overflow:hidden;background:#090d10}.hero-render{position:absolute;right:-6%;top:-5%;width:90%;height:111%;object-fit:cover;object-position:60% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090d10 2%,#090d10e6 22%,#090d1070 47%,transparent 72%),linear-gradient(0deg,#0a0d0f 1%,transparent 25%)}.hero-copy{position:relative;z-index:1;padding:100px 4.3% 0}.eyebrow{font:10px var(--mono);letter-spacing:1.8px;color:var(--yellow);line-height:1.6}.hero h1{font-size:clamp(58px,6.8vw,108px);letter-spacing:-5px;line-height:1.15;margin:35px 0 28px;font-weight:650}.hero h1 span{color:var(--yellow)}.hero-copy p{font-size:15px;color:#adb6bb;line-height:2}.hero-cta{margin-top:30px;background:#e7b858;color:#161716;display:inline-flex;align-items:center;gap:65px;padding:17px 20px;font-size:13px;font-weight:600}.hero-cta span{font-size:22px}.hero-foot{position:absolute;bottom:30px;left:4.3%;right:4.3%;display:flex;justify-content:space-between;font:10px var(--mono);color:#89969d;letter-spacing:1px;gap:20px}.intro-strip{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;align-items:center;padding:30px 4.3% 36px;border-block:1px solid var(--line);gap:30px}.intro-strip>p{font-size:19px;line-height:1.6;margin:0;color:var(--muted);font-weight:400}.intro-strip strong{font-weight:500;color:var(--white)}.intro-strip>div{border-left:1px solid var(--line);padding-left:25px}.intro-strip b{display:block;font:25px var(--mono);color:var(--yellow);margin-bottom:10px}.intro-strip span{font-size:11px;color:var(--muted)}.section{padding:95px 4.3% 0;max-width:1800px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:36px}.section-heading h2{font-size:clamp(30px,3.8vw,60px);letter-spacing:-2px;line-height:1.2;font-weight:550;margin:20px 0 0}.section-heading h2 span{color:#809097}.section-heading>p,.experience-description{max-width:405px;font-size:13px;color:var(--muted);margin:0}.view-controls{display:flex;gap:12px}.quiet{background:transparent;border:1px solid #3a444a;border-radius:2px;padding:10px 14px;font-size:11px}.stage-nav{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;border-block:1px solid var(--line);margin-top:40px}.stage-button{background:transparent;border:0;border-bottom:2px solid transparent;text-align:left;padding:18px 8px 15px;color:#849399;min-width:0}.stage-button b{display:block;font:18px var(--mono);margin-bottom:9px}.stage-button span{font-size:10px;white-space:nowrap}.stage-button.active{border-bottom-color:var(--yellow);color:var(--yellow);background:#e7b85809}.stage-button.danger.active{border-bottom-color:var(--red);color:var(--red)}.scene-meta{display:flex;align-items:center;gap:20px;font:10px var(--mono);padding:19px 0;letter-spacing:1px}.scene-meta #sceneOrdinal{color:var(--yellow)}.concept-label{margin-left:auto;color:#7b8a91;font-size:9px}.experience-grid{display:grid;grid-template-columns:1.12fr 1fr;background:#0e1417;border:1px solid #354148;min-height:615px}.world{position:relative;overflow:hidden;min-height:615px}.world>img{position:absolute;height:100%;width:100%;object-fit:cover;object-position:center}.world:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070b0fec,transparent 48%,#070b0f66)}.world-top{position:absolute;z-index:1;left:24px;right:24px;top:23px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;color:#b1bec5}.world-top span:last-child{color:var(--yellow)}.world-bottom{position:absolute;z-index:1;bottom:30px;left:25px;right:25px;display:flex;align-items:center;gap:20px}.huge-step{font:76px var(--mono);color:#ffffff4d;letter-spacing:-7px;line-height:1}.world-bottom span{font-size:19px;font-weight:550}.world-bottom p{color:#abb9c0;font-size:11px;margin:9px 0 0;max-width:370px}.cockpit{padding:20px;background:#0d1215;border-left:1px solid #354148;min-width:0}.hardware-label{display:flex;justify-content:space-between;font:9px var(--mono);color:#7e919b;letter-spacing:1.5px;margin:0 0 12px}.cluster{background:#05090b;border:1px solid #344149;border-radius:12px;padding:15px 20px;margin-bottom:17px;min-height:132px}.cluster-top{display:flex;justify-content:space-between;font:9px var(--mono);color:#94a5ad}.cluster-top .brake{color:var(--yellow)}.cluster-main{display:flex;justify-content:space-between;align-items:center;margin:9px 0}.gear{font:34px var(--mono);color:var(--white);width:40px}.speed{font:51px var(--mono);line-height:1;letter-spacing:-3px}.speed small{font:9px var(--mono);letter-spacing:0;display:block;color:#9eafb6;text-align:center;margin-top:4px}.cluster-status{text-align:right;font-size:12px;line-height:1.6;max-width:50%}.cluster-status small{display:block;font:9px var(--mono);color:#99a9b0;margin-top:4px}.cluster-meter{display:flex;gap:4px;height:3px}.cluster-meter i{height:3px;background:#23333c;flex:1}.cluster-meter i:first-child,.cluster-meter i:nth-child(2){background:var(--yellow)}.screen-bezel{border:1px solid #3d494f;border-radius:9px;background:#131c21;overflow:hidden;box-shadow:0 7px 0 #050708;padding:0 13px}.screen-top{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);color:#aabac3;padding:13px 0;border-bottom:1px solid #344148;letter-spacing:.5px}.screen-top b{font-weight:400;color:var(--yellow)}.connection-dot{display:inline-block;width:5px;height:5px;background:#9fadb4;border-radius:50%;margin-left:6px}.screen-content{min-height:245px;padding:16px 0 12px}.screen-content h3{font-size:22px;font-weight:550;margin:0 0 6px;line-height:1.3;letter-spacing:-.5px}.screen-content .sub{font-size:10px;color:#a7b5bc;margin:0 0 15px;line-height:1.6}.screen-kicker{font:8px var(--mono);letter-spacing:1px;color:var(--yellow);margin-bottom:8px}.identity-big{font:39px var(--mono);letter-spacing:-2px}.route{display:flex;align-items:center;gap:25px;margin:17px 0;padding:15px 0;border-block:1px solid #344148}.route strong{font:24px var(--mono)}.route small{display:block;font-size:9px;color:#9eafb6;margin-top:6px}.route>span{color:var(--yellow);font-size:23px}.ui-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #2b3a42;gap:10px;font-size:11px}.ui-row:last-child{border-bottom:0}.ui-row small{display:block;color:#8fa0aa;font-size:8px;margin-top:4px}.ui-row .status{font:9px var(--mono);color:var(--yellow);text-align:right;white-space:nowrap}.ui-row .status.ok{color:var(--green)}.ui-row .status.bad{color:var(--red)}.ui-row .status.neutral{color:#b6c3c9}.row-check{width:18px;height:18px;accent-color:var(--yellow);flex:none}.check-label{flex:1;cursor:pointer}.human-check{cursor:pointer}.ui-callout{padding:12px;background:#e7b8580c;border:1px solid #665432;font-size:11px;color:#edcc89;line-height:1.7;margin-top:13px}.ui-callout.red{background:#e66e6910;border-color:#763b3a;color:#f29d96}.ui-callout.neutral{border-color:#394c58;background:#ffffff03;color:#b9c9d0}.screen-actions{display:flex;gap:7px;padding:0 0 12px}.screen-actions button{padding:12px 9px;border:1px solid #6b5b37;background:#e7b858;color:#151b1e;flex:1;font-weight:600;font-size:11px;min-height:46px;border-radius:3px}.screen-actions button.secondary{background:#1d2a32;border-color:#44535c;color:#d3dde1}.screen-actions button.danger-button{background:#512a2b;color:#ffb1a8;border-color:#92514c}.screen-bottom{display:flex;justify-content:space-between;padding:9px 0;font:8px var(--mono);color:#7d919c;border-top:1px solid #344148}.matching{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;text-align:center;background:#0a1217;border:1px solid #354751;margin-top:18px;padding:20px 8px}.matching strong{display:block;font:23px var(--mono);margin:8px 0}.matching small{font-size:9px;color:#a5b5be}.matching>span{color:#b2c3ca}.camera-view{height:176px;position:relative;overflow:hidden;border-radius:2px;background:#080e12}.camera-view img{width:100%;height:100%;object-fit:cover;opacity:.78}.camera-view .cam-center{position:absolute;left:40%;top:37%;width:20%;height:30%;border:2px solid var(--yellow)}.camera-view .cam-center:before{content:'';position:absolute;left:50%;top:-35px;height:120px;width:1px;background:var(--yellow)}.camera-view .cam-label{position:absolute;left:10px;top:9px;font:8px var(--mono);background:#060a0dbb;padding:5px;color:#d3dde2}.camera-metrics{display:flex;justify-content:space-between;padding:10px 0 0}.camera-metrics strong{font:22px var(--mono)}.camera-metrics small{font-size:8px;color:#91a3ad;display:block;margin-top:3px}.signal-lock{margin:18px auto 14px;width:70px;height:58px;border:1px solid #bc944b;color:var(--yellow);display:grid;place-items:center;font-size:35px}.phase-list{display:flex;gap:5px;margin:18px 0}.phase-list span{background:#1b2a34;border:1px solid #3c4d57;font-size:9px;padding:11px 6px;flex:1;text-align:center}.phase-list span.current{border-color:#d9ae58;color:var(--yellow)}.destination{font:62px var(--mono);letter-spacing:-4px;margin-top:18px}.lane-map{height:74px;position:relative;overflow:hidden;margin:15px 0}.lane-map:before,.lane-map:after{content:'';position:absolute;width:200%;height:1px;background:#5d737e;transform:rotate(-12deg);top:30px;left:-20%}.lane-map:after{top:59px;background:#c5a15f}.lane-map span{position:absolute;left:50%;top:8px;font-size:38px;color:var(--yellow);z-index:1}.evidence-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #354148;border-top:0}.evidence-item{border-right:1px solid #354148;padding:14px 12px;display:flex;gap:10px;align-items:center;color:#8497a1}.evidence-item:last-child{border-right:0}.evidence-item>span{font:17px var(--mono)}.evidence-item b{font-weight:500;font-size:10px;display:block}.evidence-item small{font-size:8px;display:block;margin-top:4px}.evidence-item.ok>span{color:var(--green)}.evidence-item.ok b{color:#bfcfca}.evidence-item.current>span{color:var(--yellow)}.evidence-item.bad>span,.evidence-item.bad b{color:var(--red)}.scene-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0}.scene-footer p{font-size:11px;color:#93a5af;max-width:65%;margin:0}.scene-footer>div{display:flex;gap:8px}.next-button{padding:12px 15px;background:var(--yellow);color:#141b20;border:0;font-size:11px}.next-button span{padding-left:15px}.dispatch{display:flex;align-items:center;gap:25px;background:#111a20;border-block:1px solid #2d3d46;padding:19px 18px;font-size:11px}.dispatch strong{font-weight:500}.dispatch>#dispatchDetail{color:#8499a6;font-size:10px}.text-button{background:none;border:0;font-size:10px;color:#c2cdd3;margin-left:auto;white-space:nowrap}.atlas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.atlas-card{display:block;text-align:left;border:0;background:transparent;padding:0;min-width:0}.atlas-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:12px}.atlas-title span{font:10px var(--mono);color:#9eaeb6}.atlas-world{height:175px;position:relative;overflow:hidden}.atlas-world img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.atlas-card:hover .atlas-world img{transform:scale(1.04)}.atlas-world:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a1014,transparent 70%)}.atlas-world>b{position:absolute;z-index:1;bottom:13px;left:16px;font:10px var(--mono);color:var(--yellow);letter-spacing:1px}.atlas-devices{background:#0e151a;border:1px solid #2e3b44;border-top:0;padding:10px;pointer-events:none}.mini-cluster{min-height:74px;padding:7px 10px;border-radius:6px;margin-bottom:8px}.mini-cluster .cluster-top{font-size:7px}.mini-cluster .gear{font-size:21px}.mini-cluster .speed{font-size:29px}.mini-cluster .speed small{font-size:7px}.mini-cluster .cluster-status{font-size:9px}.mini-cluster .cluster-status small{font-size:7px}.mini-cluster .cluster-main{margin:6px 0}.mini-screen{height:215px;background:#131d24;border:1px solid #3a4a55;border-radius:4px;overflow:hidden;padding:13px;position:relative}.mini-screen h3{font-size:16px;margin:0 0 5px}.mini-screen .sub{font-size:8px;color:#9eb0bc;margin:4px 0 8px}.mini-screen .ui-row{padding:7px 0;font-size:9px}.mini-screen .ui-row small{font-size:7px}.mini-screen .ui-row .status{font-size:8px}.mini-screen .ui-callout{font-size:8px;padding:8px;margin-top:8px}.mini-screen .identity-big{font-size:25px}.mini-screen .route{margin:10px 0;padding:8px 0}.mini-screen .route strong{font-size:19px}.mini-screen .camera-view{height:138px}.mini-screen .camera-metrics strong{font-size:15px}.mini-screen .matching{padding:12px 6px}.mini-screen .matching strong{font-size:19px}.mini-screen .signal-lock{height:42px;width:49px;font-size:23px;margin:8px auto}.mini-screen .destination{font-size:39px;margin:12px 0}.mini-screen .phase-list{margin:8px 0}.mini-screen .row-check{height:12px;width:12px}.atlas-caption{font-size:10px;color:#8d9ea8;line-height:1.6;margin:12px 0 0}.conflict-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center}.conflict-image{position:relative;height:535px;overflow:hidden}.conflict-image img{width:100%;height:100%;object-fit:cover}.conflict-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a0d0f,transparent 50%)}.conflict-image>span{position:absolute;z-index:1;left:20px;bottom:30px;font:10px var(--mono);color:#e3a29e;letter-spacing:2px}.conflict-copy h2{font-size:35px;font-weight:500;line-height:1.4;letter-spacing:-1px}.conflict-copy p{font-size:13px;color:#a6b3bb}.conflict-copy dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #35373b;padding:13px 0;font-size:12px}.conflict-copy dd{margin:0}.danger-button{background:#3a1e20;border:1px solid #8e4944;color:#ffb1a8;padding:14px 20px;font-size:12px}.red-text{color:var(--red)!important}.green-text{color:var(--green)!important}.logic-columns{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #323d44}.logic-columns article{padding:30px 30px 30px 0}.logic-columns article+article{border-left:1px solid #323d44;padding-left:30px}.logic-columns article>span{font:10px var(--mono);color:var(--yellow)}.logic-columns h3{font-size:25px;font-weight:500}.logic-columns p{font-size:12px;color:#9caeb8;line-height:1.9}.validation{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:30px 0}.validation h3{font-size:14px;font-weight:500}.validation p{font-size:12px;color:#8da0ad;margin:0}.footer{padding:65px 4.3% 35px;margin-top:60px;border-top:1px solid #303c44;display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-brand{font-size:50px;font-weight:750;letter-spacing:-2px}.footer-brand>span{display:block;font:10px var(--mono);color:#80939f;letter-spacing:2px;margin-top:15px}.footer p{font-size:10px;color:#879ca9;line-height:1.9}.footer a{font-size:10px;color:#c7d3db;display:inline-block;margin:10px 20px 0 0}dialog{color:var(--white);background:#151f26;border:1px solid #52636d;max-width:550px;width:calc(100% - 32px);padding:32px;border-radius:7px}dialog::backdrop{background:#020609bd;backdrop-filter:blur(8px)}dialog h2{font-size:25px;font-weight:550;margin:16px 0}dialog p,dialog li{font-size:13px;color:#b9c8d0;line-height:1.9}dialog button#closeDialog{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px;color:#adbcc5}.recovery-actions{display:grid;gap:8px}.tour-badge{color:var(--yellow)}.toast{color:var(--yellow)!important}.screen-content{animation:fadein .2s ease-out}@keyframes fadein{from{opacity:.2}to{opacity:1}}
@media(min-width:1600px){.experience-grid{grid-template-columns:1.25fr 1fr}.world{min-height:690px}.screen-content{min-height:310px}.camera-view{height:225px}.ui-row{padding:14px 0;font-size:13px}.screen-content h3{font-size:26px}.cluster{min-height:147px}.screen-actions button{font-size:13px}.atlas-world{height:215px}}
@media(max-width:1100px){.masthead nav{gap:20px}.hero h1{font-size:68px}.hero{min-height:650px}.hero-render{right:-17%;width:115%;opacity:.9}.experience-grid{grid-template-columns:1fr 1fr}.cockpit{padding:13px}.world{min-height:630px}.stage-nav{overflow:auto;display:flex}.stage-button{flex:0 0 88px;padding:17px 12px}.atlas-grid{grid-template-columns:repeat(2,1fr)}.conflict-feature{gap:30px}.conflict-copy h2{font-size:28px}.dispatch{gap:14px}.dispatch>#dispatchDetail{display:none}.evidence-item{padding:12px 8px;gap:6px}.evidence-item b{font-size:9px}.world-bottom{left:15px;gap:15px}.world-bottom span{font-size:17px}.huge-step{font-size:60px}}
@media(max-width:760px){.masthead{height:68px;padding-inline:20px}.masthead nav a:first-child{display:none}.masthead nav{gap:16px}.edition{display:none}.wordmark{font-size:29px}.wordmark>span:last-child{font-size:12px}.wordmark small{font-size:6px}.logo-notch{margin-right:13px}.hero{min-height:760px;height:90svh;max-height:900px}.hero-render{width:140%;height:65%;right:-21%;top:33%;object-fit:cover}.hero-shade{background:linear-gradient(180deg,#090d10 23%,#090d1050 50%,transparent 74%,#090d10 97%)}.hero-copy{padding:55px 23px 0}.hero h1{font-size:54px;letter-spacing:-3px;margin:26px 0 20px}.hero-copy p{font-size:12px}.hero-cta{padding:13px 15px;font-size:11px;margin-top:16px}.hero-foot{left:23px;right:23px;font-size:8px;bottom:22px}.hero-foot span:nth-child(2){display:none}.intro-strip{grid-template-columns:repeat(3,1fr);gap:18px;padding:25px 23px}.intro-strip>p{grid-column:1/-1;font-size:17px}.intro-strip>div{padding-left:10px}.intro-strip b{font-size:20px}.intro-strip span{font-size:8px;line-height:1.7;display:block}.section{padding:65px 20px 0}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:34px;letter-spacing:-1px;margin:15px 0 20px}.section-heading>p,.experience-description{max-width:100%;font-size:11px}.stage-nav{margin-top:24px}.scene-meta{gap:9px;font-size:8px;letter-spacing:0}.concept-label{font-size:7px}.experience-grid{grid-template-columns:1fr}.world{min-height:360px}.world>img{object-fit:cover}.world-top{left:16px;right:16px;top:16px;font-size:8px}.world-bottom{bottom:20px}.world-bottom p{max-width:260px;font-size:10px}.cockpit{border-left:0;border-top:1px solid #354148;padding:18px 14px}.screen-content{min-height:260px}.camera-view{height:195px}.evidence-strip{grid-template-columns:repeat(5,1fr)}.evidence-item{display:block;text-align:center;padding:12px 3px}.evidence-item>span{font-size:15px}.evidence-item b{font-size:8px;margin-top:5px}.evidence-item small{font-size:7px}.scene-footer{align-items:flex-start}.scene-footer p{max-width:57%;font-size:10px}.next-button{font-size:10px;padding:12px 10px}.next-button span{padding-left:5px}.scene-footer>div{gap:5px}.scene-footer .quiet{padding:10px}.dispatch{flex-wrap:wrap;padding:15px 12px;gap:12px}.dispatch .eyebrow{font-size:8px}.dispatch strong{font-size:10px}.dispatch .text-button{font-size:9px}.atlas-grid{grid-template-columns:1fr;gap:30px}.atlas-world{height:230px}.mini-screen{height:240px}.mini-screen .camera-view{height:160px}.conflict-feature{grid-template-columns:1fr;gap:24px}.conflict-image{height:345px}.conflict-copy h2{font-size:29px}.logic-columns{grid-template-columns:1fr}.logic-columns article,.logic-columns article+article{padding:25px 0;border-left:0}.logic-columns article+article{border-top:1px solid #323d44}.logic-columns h3{margin:15px 0}.validation{grid-template-columns:1fr;gap:10px}.footer{grid-template-columns:1fr;padding:45px 20px 25px;gap:25px}.footer-brand{font-size:41px}}
.mini-screen{height:280px}
.world>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0}
.world.scene-ready>canvas{opacity:1}
#videoWorld>#worldImage{display:none}
.scene-error-message{display:none;position:absolute;top:32%;left:24px;right:24px;text-align:center;color:#bdcdd8;font-size:18px;line-height:2}
.scene-error-message small{font-size:11px;color:#8fa6b4}
.scene-unavailable .scene-error-message{display:block}
.scene-tools{display:flex;gap:7px}
.scene-tools .recording{color:#f1968a;border-color:#a36256}
.scene-travelling .video-readout>span{color:#e3eaee}
#videoWorld .world-top{pointer-events:none}
@media(max-width:760px){.video-readout{flex-wrap:wrap}.video-readout>span{flex-basis:100%}#videoWorld .world-bottom{bottom:135px!important}.scene-tools button{font-size:9px}}
#videoWorld .world-bottom{bottom:114px}
.video-console{position:absolute;z-index:2;bottom:20px;left:24px;right:24px}
.video-readout{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.video-readout>span{font:9px var(--mono);color:#b2c5d0;line-height:1.6}
.video-readout button{font-size:10px;padding:7px 10px;background:#14212cbf;border:1px solid #435765;color:#d2dde4;white-space:nowrap}
.video-readout button:hover,.video-readout button:focus-visible{color:var(--yellow);border-color:var(--yellow)}
.video-track{height:2px;background:#4f65735e;overflow:hidden}
.video-track>i{display:block;background:#becfd9;height:100%;transform:scaleX(0);transform-origin:left}
.video-stops{display:flex;justify-content:space-between;margin-top:9px;font:8px var(--mono);color:#657d8c}
.video-stops .active{color:#dbe4e9}
.video-travelling .video-readout>span{color:#e3eaee}
@media(max-width:760px){#videoWorld{min-height:420px}#videoWorld .world-bottom{bottom:106px}.video-console{left:16px;right:16px;bottom:16px}}
/* Case-study context precedes the interactive cockpit. */
.case-index{display:flex;gap:28px;flex-wrap:wrap;border-block:1px solid var(--line);padding:18px 0;margin-bottom:55px;font-size:11px;color:#9eafb9}
.case-index a:last-child{margin-left:auto}
.case-index a:hover,.case-index a:focus-visible,.flow-end a:hover,.flow-end a:focus-visible{color:var(--yellow)}
.context-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:stretch}
.context-layout figure{margin:0;min-width:0;display:flex;flex-direction:column}
.context-layout figure img{width:100%;height:330px;object-fit:cover}
.context-layout figcaption{font:9px var(--mono);color:#8b9da7;padding-top:13px;line-height:1.7}
.context-facts{display:grid;gap:18px}
.context-facts>div{border-bottom:1px solid var(--line);padding-bottom:15px}
.context-facts span,.goal-grid article>span,.module-grid article>span{font:10px var(--mono);color:#a1b3bd;letter-spacing:1px}
.context-facts h3{font-size:17px;font-weight:500;margin:9px 0}
.context-facts p{font-size:12px;color:var(--muted);margin:0}
.scope-line{display:flex;gap:35px;align-items:baseline;border-block:1px solid var(--line);margin-top:30px;padding:18px 0}
.scope-line b{font-size:11px;white-space:nowrap;font-weight:500}
.scope-line p{font-size:11px;color:var(--muted);margin:0}
.problem-list{border-top:1px solid var(--line)}
.problem-list article{display:grid;grid-template-columns:55px 1fr 150px;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}
.problem-list article>span{font:27px var(--mono);color:#6f818c}
.problem-list h3{font-size:19px;font-weight:500;margin:0 0 10px}
.problem-list p{font-size:12px;color:var(--muted);margin:0;max-width:740px}
.problem-list article>b{font-size:11px;font-weight:400;color:#b8c8d1;text-align:right}
.case-footnote{font-size:10px;color:#8fa2ae;margin:18px 0 0;line-height:1.9}
.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}
.goal-grid article{padding:28px 28px 28px 0}
.goal-grid article+article{padding-left:28px;border-left:1px solid var(--line)}
.goal-grid h3{font-size:28px;font-weight:500;margin:20px 0 13px}
.goal-grid p{font-size:12px;color:var(--muted);min-height:65px}
.goal-grid article>div{border-top:1px solid var(--line);padding-top:18px}
.goal-grid small{font-size:9px;color:#8c9fa9;display:block;margin-bottom:8px}
.goal-grid b{font-size:11px;font-weight:500;color:#c3cfd5;line-height:1.7}
.framework-root{text-align:center;border-block:1px solid #50606a;background:#11191e;padding:24px;position:relative;margin-bottom:30px}
.framework-root>span{font:10px var(--mono);letter-spacing:2px;color:#95a9b5}
.framework-root h3{font-size:23px;font-weight:500;margin:12px 0}
.framework-root p{font-size:11px;color:var(--muted);margin:0}
.framework-root:after{content:'';position:absolute;height:31px;width:1px;background:#50606a;bottom:-31px;left:50%}
.module-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #50606a;border-bottom:1px solid var(--line)}
.module-grid article{padding:22px 16px;position:relative;min-width:0}
.module-grid article+article{border-left:1px solid var(--line)}
.module-grid article:before{content:'';position:absolute;top:0;left:50%;height:10px;width:1px;background:#50606a}
.module-grid h3{font-size:15px;font-weight:500;margin:18px 0 10px}
.module-grid p{font-size:11px;color:var(--muted);min-height:65px;margin:0 0 16px}
.module-grid small{font-size:9px;color:#b7c8d2;line-height:1.7;display:block}
.surface-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:25px 0}
.surface-grid b{font-size:12px;font-weight:500}
.surface-grid p{font-size:11px;color:var(--muted);margin:10px 0 0}
.assumption-note{border-block:1px solid var(--line);padding:16px 0}
.assumption-note summary{cursor:pointer;font-size:11px;color:#a9bbc7;padding:4px 0}
.assumption-note summary:hover,.assumption-note summary:focus-visible{color:var(--yellow)}
.assumption-note p{font-size:11px;color:var(--muted);max-width:980px;margin:15px 0 0}
.flow-start,.flow-end{display:flex;gap:25px;align-items:center;flex-wrap:wrap;padding:20px;border:1px solid #34434c;background:#11191e}
.flow-start>span,.flow-end>span{font:10px var(--mono);letter-spacing:1px;color:#98adb9}
.flow-start b,.flow-end b{font-size:12px;font-weight:500;line-height:1.9}
.journey-steps{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.journey-steps li{border-top:2px solid #738b99;padding:20px 12px 15px 0;position:relative}
.journey-steps li:not(:last-child):after{content:'→';position:absolute;right:-15px;top:18px;color:#7e949f;font-size:16px}
.journey-steps span{font:10px var(--mono);color:#9eb1bc}
.journey-steps h3{font-size:15px;font-weight:500;margin:20px 0 10px}
.journey-steps p{font-size:11px;color:var(--muted);min-height:47px}
.journey-steps small{font-size:9px;color:#bbcbd5;line-height:1.7;display:block}
.recovery-flow{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:25px;border:1px solid #504448;background:#181518;margin-bottom:25px}
.recovery-flow>div>span{font:9px var(--mono);letter-spacing:1px;color:#bc9999}
.recovery-flow h3{font-size:17px;font-weight:500;margin:15px 0}
.recovery-flow p{margin:0;padding:13px 0;border-bottom:1px solid #3b3438}
.recovery-flow p:first-child{padding-top:0}.recovery-flow p:last-child{border-bottom:0;padding-bottom:0}
.recovery-flow p b{display:block;font-size:11px;font-weight:500;color:#d4babb}
.recovery-flow p span{display:block;font-size:11px;color:#a69da4;margin-top:5px}
.flow-end a{font-size:11px;color:#c4d2da;margin-left:auto;line-height:1.8}
@media(max-width:1100px){.module-grid h3,.journey-steps h3{font-size:13px}.module-grid article{padding:22px 11px}.module-grid p{min-height:80px}.context-layout{gap:25px}.problem-list article{grid-template-columns:40px 1fr 125px;gap:15px}}
@media(max-width:760px){.case-index{gap:18px;margin-bottom:35px;font-size:10px}.case-index a:last-child{margin-left:0}.context-layout{grid-template-columns:1fr;gap:25px}.context-layout figure img{height:240px}.scope-line{display:block}.scope-line p{margin-top:10px}.problem-list article{grid-template-columns:30px 1fr;gap:12px;padding:22px 0}.problem-list article>b{grid-column:2;text-align:left}.problem-list h3{font-size:16px;line-height:1.6}.problem-list p{font-size:11px}.goal-grid{grid-template-columns:1fr}.goal-grid article,.goal-grid article+article{padding:24px 0;border-left:0}.goal-grid article+article{border-top:1px solid var(--line)}.goal-grid p{min-height:0}.goal-grid h3{font-size:25px;margin-top:15px}.module-grid{grid-template-columns:1fr}.module-grid article{padding:22px 0}.module-grid article+article{border-left:0;border-top:1px solid var(--line)}.module-grid article:before{display:none}.module-grid p{min-height:0;margin-bottom:10px}.module-grid h3{font-size:16px;margin-top:10px}.surface-grid{grid-template-columns:1fr 1fr;gap:22px 18px}.flow-start,.flow-end{gap:12px;padding:16px}.flow-start b,.flow-end b{font-size:11px}.journey-steps{grid-template-columns:1fr;margin:22px 0;gap:22px}.journey-steps li{padding:17px 0 20px;border-top:1px solid #526975}.journey-steps li:not(:last-child):after{content:'↓';top:auto;bottom:-17px;left:10px;right:auto}.journey-steps h3{font-size:17px;margin:12px 0 8px}.journey-steps p{min-height:0;margin:8px 0}.recovery-flow{grid-template-columns:1fr;gap:15px;padding:18px}.recovery-flow h3{margin-bottom:0}.flow-end a{margin-left:0}.framework-root h3{font-size:21px}}
/* Neutral presentation and controls; amber belongs to attention and alignment. */
.eyebrow,.screen-kicker,.logic-columns article>span,.atlas-world>b{color:#9eafb9}
.hero h1 span{color:var(--white)}
.intro-strip b,.scene-meta #sceneOrdinal,.world-top span:last-child,.screen-top b{color:#c2cdd3}
.hero-cta{background:var(--yellow);color:#151b1e}
.next-button{background:#2a363e;color:#e4eaed;border:1px solid #52626c}
.screen-actions button:not(.secondary):not(.danger-button){background:#d3dce0;color:#142028;border-color:#d3dce0}
.stage-button.active:not(.danger){color:#e1e8eb;background:#ffffff06}
.stage-button:not(.danger):after{background:#c1cdd4}
.stage-button:hover:not(.danger),.stage-button.active:not(.danger){color:#e1e8eb;background:#ffffff06}
.stage-button:after,.stage-button.danger:after{background:#b8c6ce!important}
.stage-button.danger.active{color:#e1e8eb}
.masthead nav a:hover,.masthead nav a:focus-visible{color:#d6e0e4}
.masthead nav a:focus-visible{outline:1px solid #aebdc5;outline-offset:4px}
.cluster-top .brake,.route>span,.lane-map span{color:#c2ced5}
.cluster-meter i:first-child,.cluster-meter i:nth-child(2){background:#879ba7}
.row-check{accent-color:var(--green)}
.signal-lock{border-color:#667d8a;color:#bdcbd3}
.phase-list span.current{border-color:#9aadb8;color:#d4dfe5}
.lane-map:after{background:#a8bac5}
.evidence-item.current>span{color:#8ea2ae}
.tour-badge{color:#bbcbd4}
.toast{color:#cbd8df!important}
button:focus-visible,a:focus-visible{outline-color:#c8d8e2}
/* Short, functional transitions; hardware surrounds remain stationary. */
.screen-content{animation:none}
.stage-button{position:relative;transition:color 160ms,background-color 160ms}
.stage-button.active{border-bottom-color:transparent}
.stage-button.danger.active{border-bottom-color:transparent}
.stage-button:after{content:'';position:absolute;bottom:-2px;left:8px;right:8px;height:2px;background:#b8c6ce;transform:scaleX(0);transform-origin:center;transition:transform 180ms ease-out}
.stage-button.active:after{transform:scaleX(1)}
.stage-button.danger:after{background:#b8c6ce}
.stage-button.danger.active,.stage-button.danger.active:after{transition:none}
.stage-button:hover,.stage-button:focus-visible{color:var(--yellow)!important;background:#e7b8580d}
.stage-button:hover:after,.stage-button:focus-visible:after{background:var(--yellow)!important;transform:scaleX(1)}
.masthead nav a:hover,.masthead nav a:focus-visible{color:var(--yellow)!important}
.masthead nav a:focus-visible{outline-color:var(--yellow)}
.screen-actions button,.next-button,.quiet,.hero-cta{transition:background-color 140ms,border-color 140ms,transform 100ms}
.screen-actions button:active:not(:disabled),.next-button:active:not(:disabled),.quiet:active:not(:disabled),.hero-cta:active{transform:translateY(1px)}
.ui-row{transition:background-color 140ms}
.human-check:has(input:checked){background-color:#87c4a109}
dialog[open]{animation:dialog-enter 180ms ease-out}
dialog[open]::backdrop{animation:backdrop-enter 160ms ease-out}
@keyframes dialog-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
