/* Image-first: compact floating controls, no full-width utility bands. */
.tour-mode{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:7px;font-size:10px;color:#e2eeeb}
.tour-mode>span{background:#102830dc;padding:5px 8px;border-radius:6px}
.tour-mode select{max-width:190px;background:#102830ed;color:#d0f4a7;border:1px solid #78969d;border-radius:7px;padding:5px 8px;font:inherit;font-weight:600;cursor:pointer}
.real-evidence{display:grid;grid-template-columns:1fr minmax(280px,420px);align-items:center;gap:50px;background:#e7f2ed}
.evidence-copy h2{font-size:clamp(28px,3.4vw,46px);line-height:1.1}.evidence-copy h2 em{color:#07898d;font-style:normal}.evidence-copy>p:not(.eyebrow){max-width:430px;color:#455d62;line-height:1.7}
.evidence-media{background:#102830;border-radius:15px;padding:12px;color:#c2d6d4}.evidence-media video{display:block;width:100%;height:410px;background:#071b21;border-radius:8px;object-fit:contain}.evidence-media p{font-size:10px;text-align:center;margin:10px 0 0}
@media(max-width:560px){.tour-mode{margin:5px 0 0;justify-content:flex-end}.tour-mode select{padding:7px 8px}.real-evidence{grid-template-columns:1fr;gap:20px}.evidence-media video{height:340px}}
.mobile-department{display:none}
.mobile-signal-flow{display:none}
.homepage-banner .device-node{border:1.5px solid #a0ffe2;box-shadow:0 0 0 3px #06232fba,0 0 22px #37edc670}
.homepage-banner .device-signal{border:1px solid #69f5d4;box-shadow:0 0 12px #37edc680;animation-duration:1.1s}
.homepage-banner .data-layer .signal-track{stroke:#062c2b;stroke-width:3;opacity:.5}
.homepage-banner .data-layer .signal-line{stroke:#79f7d6;stroke-width:1;filter:drop-shadow(0 0 4px #37edc6)}
.homepage-banner .data-layer .signal-packets{stroke:#e6fff6;stroke-width:1.8;stroke-dasharray:3 63;filter:drop-shadow(0 0 4px #7affdb);animation:dataStream 1.1s linear infinite}
.homepage-banner .event-card{border-color:#77bfb5;box-shadow:0 0 0 1px #06232fba,0 0 12px #37edc630}
.homepage-banner .data-layer .signal-arrow{fill:#83f6fb;stroke:#102830;stroke-width:1}
.brand .brand-logo{display:block;width:158px;height:auto;object-fit:contain}.footer .brand .brand-logo{width:185px}@media(max-width:560px){.header .brand .brand-logo{width:135px}}
.homepage-banner .scene-heading{max-width:260px;padding:11px 14px}.homepage-banner .scene-heading h1{font-size:23px;line-height:1.1}.homepage-banner .scene-teaser{display:none}
.playback-dock{pointer-events:none}.playback-dock button,.playback-dock .tour-speed{pointer-events:auto}
@media(max-width:560px){.homepage-banner .scene-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}}
.playback-dock .tour-controls{display:contents}.playback-dock [data-tour-toggle]{order:2}.playback-dock .detail-previous{order:1}.playback-dock .detail-continue{order:3}.playback-dock .speed-button{order:4}.playback-dock .tour-speed{order:5}.playback-dock .tour-status{order:0}
.playback-dock .playback-actions{display:flex;justify-content:flex-end;gap:5px;width:100%;order:1}.playback-dock .tour-status{margin-left:auto!important}.playback-dock{width:360px!important}
@media(max-width:560px){.playback-dock{width:auto!important}.playback-dock .playback-actions{gap:4px}}
.homepage-banner .immersive-shell .map{height:calc(100svh - 104px);min-height:550px;max-height:830px}
.facility-selector{position:absolute;right:24px;top:22px;z-index:20;width:360px;max-width:calc(100% - 48px)}
.facility-selector .explore-tabs{display:flex;width:100%;margin:0;padding:4px;gap:4px;background:#102830f5;border:1px solid #78969d;border-radius:9px}
.facility-selector .explore-tabs button{flex:1;padding:10px 12px;font-size:12px;font-weight:700;white-space:nowrap;color:#edf4f3;border-radius:6px}.facility-selector .explore-tabs button.active{background:#c4e790;color:#142c29;box-shadow:none}.facility-selector button:focus-visible{outline:2px solid #c4e790;outline-offset:2px}
.playback-dock{position:absolute;right:24px;top:78px;z-index:20;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;width:420px;max-width:calc(100% - 48px);padding:0;background:none;border:0;min-height:0}
.playback-dock .tour-controls{display:contents}.playback-dock .tour-help{display:none}.playback-dock .tour-status{font-size:10px;color:#e4ebed;letter-spacing:0;font-weight:500;text-align:right;white-space:nowrap;background:#102830ee;padding:5px 9px;border-radius:20px;margin:0 0 2px 150px;flex-basis:auto}.playback-dock .tour-status:before{display:none}
.playback-dock button{font-size:10px;padding:7px 10px;border:1px solid #78969d;border-radius:20px;background:#102830f5;color:#e4ebed;cursor:pointer;white-space:nowrap;min-width:0}.playback-dock button:focus-visible{outline:2px solid #c4e790;outline-offset:3px}.playback-dock button:disabled{opacity:.45;cursor:default}
.playback-dock .detail-continue{background:#c4e790;color:#142c29;border-color:#c4e790}.playback-dock .detail-previous,.playback-dock .detail-continue{display:none}.map.is-interior .playback-dock .detail-previous,.map.is-interior .playback-dock .detail-continue{display:inline-block}.playback-dock .speed-button{color:#d4edb0;font-weight:700;min-width:85px}
.playback-dock .tour-speed{position:absolute;top:calc(100% + 8px);bottom:auto;right:0;width:208px;max-width:calc(100vw - 30px);margin:0;padding:10px 12px;box-shadow:0 6px 20px #03181f66;z-index:22}.playback-dock .tour-speed[hidden]{display:none}.playback-dock .speed-marks{font-size:8px}
.homepage-banner .map.is-interior[data-phase=future] .device-node,.homepage-banner .map.is-interior[data-phase=future] .event-card{animation:none;opacity:1;transform:none}
.homepage-banner .map.is-interior .event-physical{top:32%}.homepage-banner .map.is-interior .event-edge{top:51%}.homepage-banner .map.is-interior .event-system{top:70%}.homepage-banner .map.is-interior .device-node{top:44%}
.homepage-banner .map.is-focused .scene-teaser,.homepage-banner .map.is-focused .scene-heading{visibility:hidden;transition:none}
@media(max-width:560px){.homepage-banner .immersive-shell .map{height:calc(100svh - 94px);min-height:650px;max-height:900px}.facility-selector{top:12px;left:12px;right:12px;width:auto;max-width:none}.facility-selector .explore-tabs button{font-size:11px;padding:10px 8px}.playback-dock{top:68px;left:12px;right:12px;width:auto;max-width:none;gap:4px}.playback-dock .tour-status{font-size:9px;margin-left:100px}.playback-dock button{font-size:9px;padding:7px 8px}.playback-dock .speed-button{min-width:78px}.homepage-banner .focus-reset{top:130px;left:16px}.homepage-banner .scene-heading{top:140px;left:16px;max-width:260px}.homepage-banner .scene-heading h1{font-size:26px}.homepage-banner .map.is-interior .device-node{top:31%;left:2%;width:20%;height:76px}.homepage-banner .map.is-interior .event-card{top:31%;width:23%;padding:7px 5px;right:auto;min-height:76px}.homepage-banner .map.is-interior .event-physical{left:27%}.homepage-banner .map.is-interior .event-edge{left:51%}.homepage-banner .map.is-interior .event-system{left:75%}}

/* Phone layout: photograph, readable story, then supporting controls. */
@media(max-width:560px){
 .homepage-banner .explorer-shell{display:block;background:#102830}
 .homepage-banner .scene-heading{position:static;clip-path:none;width:auto;height:auto;max-width:none;margin:0;padding:14px 16px;border:0;border-radius:0;overflow:visible;background:#102830;visibility:visible;opacity:1;color:#f5f7f6}
 .homepage-banner .scene-heading h1{font-size:23px;line-height:1.1}.explorer-shell:has(.map.is-focused)>.scene-heading{display:none}
 .facility-selector{position:relative;inset:auto;padding:9px 12px;width:auto;max-width:none;background:#102830}.facility-selector .explore-tabs button{font-size:11px;min-height:40px;padding:9px 6px}
 .homepage-banner .immersive-shell .map{height:190px;min-height:190px;max-height:190px;overflow:clip}
 .homepage-banner [data-hotspots],.homepage-banner .operation-navigation{display:none}
 .homepage-banner .map [data-map-image],.homepage-banner .map img.operation-scene{object-fit:cover;object-position:center;transform:scale(1)!important;filter:none!important}
 .homepage-banner .map:not(.is-focused) [data-map-image]{object-fit:contain}
 .homepage-banner .focus-reset{top:10px;left:12px;font-size:10px;padding:7px 10px}
 .homepage-banner .operation-caption{display:none;position:relative;inset:auto;width:auto!important;max-width:none!important;margin:0;padding:16px!important;background:#102830!important;border:0!important;border-radius:0;box-shadow:none;transform:none;opacity:1;pointer-events:auto}
 .explorer-shell:has(.map.is-interior)>.operation-caption{display:block}.operation-caption:after{display:none}.homepage-banner .operation-caption strong{font-size:24px;line-height:1.15}.scene-keypoints{gap:8px;margin:12px 0}.scene-keypoints span{font-size:13px;line-height:1.45}.scene-story-tabs{gap:6px}.scene-story-tabs button{flex:1;font-size:11px;min-height:38px;padding:8px 6px}.scene-solution-link{font-size:12px;margin-top:12px}
 .playback-dock{position:relative;inset:auto;width:auto!important;max-width:none;margin:0;padding:10px 12px;gap:7px;border-top:1px solid #48656c;pointer-events:auto}.playback-dock .tour-status{font-size:11px;padding:0;background:none;white-space:normal}.playback-dock .playback-actions{justify-content:space-between;gap:5px}.playback-dock button{font-size:11px;min-height:38px;padding:8px 10px}.playback-dock .speed-button{min-width:83px}.explorer-shell:has(.map.is-interior) .playback-dock .detail-previous,.explorer-shell:has(.map.is-interior) .playback-dock .detail-continue{display:inline-block}.playback-dock .tour-speed{top:auto;bottom:calc(100% + 5px);right:12px}
 .mobile-department{display:block;padding:6px 12px 14px;color:#c9dbde;font-size:11px}.mobile-department span{display:block;margin-bottom:6px}.mobile-department select{display:block;width:100%;min-height:44px;background:#203a42;color:#f5f7f6;border:1px solid #78969d;border-radius:7px;padding:9px;font-size:13px}
 .homepage-banner .map.is-interior .device-node,.homepage-banner .map.is-interior .event-card,.homepage-banner .data-layer{display:none!important}
 .homepage-banner .operation-caption:before{left:0;right:0}
 .mobile-signal-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:5px;margin:10px 0 14px;color:#c4e790}.mobile-signal-flow span{padding:9px 5px;border:1px solid #78969d;background:#203a42;border-radius:5px;font-size:10px;text-align:center}.mobile-signal-flow b{font-size:15px}
}

/* Video-style transport: quiet controls at the lower edge of the scene. */
.homepage-banner .operation-caption:before{transform:scaleX(var(--reading-progress,0));transform-origin:left;transition-duration:var(--reading-transition,0s)}
.homepage-banner .playback-dock{top:auto;left:0;right:0;bottom:64px;width:100%!important;max-width:none;padding:8px 20px 10px;gap:5px;background:linear-gradient(transparent,#071b22e8);border:0;box-sizing:border-box}
.playback-dock .playback-actions{justify-content:flex-start;align-items:center;gap:8px;order:1}
.playback-dock .playback-actions>button:not(.speed-button){display:grid!important;place-items:center;width:36px;height:36px;min-height:36px;padding:5px;border:0;background:#102830a6;color:#f4f8f7;border-radius:50%}
.playback-dock .playback-actions>button:hover{background:#264a51;color:#d0f4a7}.playback-dock button svg{display:block;width:23px;height:23px;fill:currentColor}
.playback-dock .playback-actions .speed-button{min-width:72px;padding:6px 9px;font-size:10px}
.playback-dock .tour-status{position:absolute;right:20px;bottom:18px;margin:0!important;max-width:40%;font-size:10px;background:none;padding:0;pointer-events:none}
.tour-position{font-size:10px;color:#e4eeed;white-space:nowrap;margin-left:4px;order:5}
.playback-dock .tour-speed{left:135px;right:auto;top:auto;bottom:calc(100% + 5px)}
.tour-chapters{display:flex;gap:5px;width:100%;order:0;pointer-events:auto}
.playback-dock .tour-chapters .tour-chapter{position:relative;flex:1;min-width:0;width:auto;height:14px;min-height:14px;padding:0;border:0;border-radius:0;background:none;cursor:pointer}
.tour-chapter:before{content:'';position:absolute;left:0;right:0;top:5px;height:3px;border-radius:3px;background:#c0d5d675}
.tour-chapter:after{content:'';position:absolute;left:0;top:5px;width:var(--chapter-progress,0%);height:3px;border-radius:3px;background:#c4e790}
.tour-chapter.current:before{background:#6d9b9c;box-shadow:0 0 6px #8efbdc90}.tour-chapter.current:after{background:#a7ffdf;box-shadow:0 0 7px #75ffd5}
.tour-chapter:hover:before{background:#edf7f4}.tour-chapter:focus-visible{outline:2px solid #c4e790;outline-offset:2px}
.homepage-banner .operation-navigation button[data-all][aria-pressed=false]{background:transparent;color:#e4ebed;border-color:#78969d;font-weight:500}
@media(min-width:561px){.homepage-banner .map .operation-caption{bottom:155px}.homepage-banner .map.is-interior .event-physical{top:30%}.homepage-banner .map.is-interior .event-edge{top:47%}.homepage-banner .map.is-interior .event-system{top:64%}}
@media(max-width:560px){
 .homepage-banner .playback-dock{position:relative;inset:auto;width:auto!important;padding:8px 12px 12px;background:#102830;border-top:1px solid #48656c;display:flex;gap:5px}
 .playback-dock .tour-status{position:static;max-width:none;order:2;font-size:10px;margin-left:0!important;text-align:left;width:100%}
 .playback-dock .playback-actions{gap:4px;flex-wrap:wrap;justify-content:flex-start}.tour-position{margin-left:auto;font-size:9px}.playback-dock .playback-actions .speed-button{min-width:66px;min-height:32px}
 .tour-chapters{gap:3px}.playback-dock .tour-speed{left:12px;right:auto}.homepage-banner .operation-caption{padding:16px!important}
}

.homepage-banner .technology-step{min-height:54px;padding:10px 13px}
.playback-dock .tour-chapters,.playback-dock .highlight-progress{order:0;flex:0 0 100%;margin:4px 0 8px;box-sizing:border-box}
.playback-dock .tour-chapters[hidden],.playback-dock .highlight-progress[hidden]{display:none}
.highlight-progress{height:6px;background:#b1c8ca80;border-radius:6px;overflow:hidden;pointer-events:none;box-shadow:0 0 0 1px #082229aa}
.highlight-progress span{display:block;width:var(--highlight-progress,0%);height:100%;background:#a7ffdf;box-shadow:0 0 9px #75ffd5;border-radius:6px;transition:width .25s linear}
.playback-dock .tour-chapters .tour-chapter{height:20px;min-height:20px}
.tour-chapter:before,.tour-chapter:after{top:8px;height:4px}
.tour-chapter.current:before{background:#8ae7d7;box-shadow:0 0 8px #75ffd5}
.playback-dock .tour-position{padding:4px 6px;background:#102830d9;border-radius:5px;color:#f3fbf8;font-variant-numeric:tabular-nums}
.playback-dock .tour-position{display:grid;gap:2px;line-height:1.25;white-space:normal}
.tour-scope-label{color:#d0ecae}.tour-timing{white-space:nowrap}
@media(max-width:560px){.playback-dock .tour-position{flex:1;min-width:0;margin-left:2px;font-size:9px}.playback-dock .playback-actions>button:not(.speed-button){width:32px;height:32px;min-height:32px}}
@media(max-width:560px){.mobile-signal-flow.mobile-technology-steps{display:grid;grid-template-columns:1fr;gap:6px}.mobile-technology-steps span{text-align:left;font-size:11px;padding:8px 10px}}