@import url('/office/fonts.css');
:root{color-scheme:dark;--bg:#0b0b0b;--gold:#f5b731;--ink:#eeeae2;--muted:#a39f95}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{font-family:Inter,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:16px;z-index:100;padding:14px;background:#292318}.skip:focus{top:14px}
.grid-story{max-width:1800px;margin:auto;padding:108px 24px 20px;outline:none}.intro{text-align:center}.eyebrow{color:var(--gold);font-size:11px;font-weight:600;letter-spacing:2px;margin:0 0 10px;text-transform:uppercase}h1{font-size:clamp(24px,2.45vw,37px);font-weight:450;letter-spacing:-1px;line-height:1.2;margin:0}h1 span{color:#cbc7bd}
.demo-stage{margin:22px auto 0;position:relative}.office-film{position:relative;width:100%;aspect-ratio:1672/941;overflow:hidden;isolation:isolate}.office-art{display:block;width:100%;height:auto}.film-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.route-base{fill:none;stroke:none;opacity:0}.route-packet{fill:none;stroke:#ffc440;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:0}.route-head{fill:#fff4c3;opacity:0}.route-halo{fill:#ffc440;filter:url(#signal-glow);opacity:0}.device-lights circle{fill:#ffcf62;filter:url(#signal-glow);opacity:.14}.grid-title{fill:#fff2d7;font-family:Inter,Arial,sans-serif;font-size:25px;font-weight:450;letter-spacing:1.8px}.grid-status{fill:#ffcb53;font-family:Inter,Arial,sans-serif;font-size:19px}.grid-pulse{fill:#ffc440;filter:url(#signal-glow);opacity:0}
/* Project the chat onto all four corners of the artwork display; retain its original lighting. */
.monitor-plane{position:relative;width:1672px;height:941px;pointer-events:none}.monitor-chat{width:600px;height:400px;overflow:hidden;background:transparent;color:#f0ede6;transform-origin:0 0;transform:matrix3d(0.3869247948,0.0174997579,0,-0.0001280049,-0.0356333975,0.4409106507,0,-0.0000088514,0,0,1,0,367,284,0,1)}.monitor-chat .chat-question{background:#ffffff0a}.screen-ui{position:relative;height:100%;padding:20px 23px;font-size:26px;line-height:1.3;text-align:left}.screen-heading{display:flex;flex-direction:column;gap:3px;padding-right:120px}.screen-heading strong{font-size:27px;font-weight:550}.screen-heading>span{font-size:17px;color:#c3bdaf}.demo-label{position:absolute;top:25px;right:22px;font-size:14px;color:#a8a59b}.conversation{padding-top:14px}.chat-question{margin:0 0 15px 26px;background:#252629;padding:10px 14px;border-radius:8px;font-size:28px;line-height:1.25}.chat-status{margin:18px 0;color:#f1c979;font-size:24px;line-height:1.35}.chat-answer p{font-size:30px;line-height:1.25;margin:0 0 12px}.sources{display:flex;flex-direction:column;gap:4px;color:#c9c1ae;font-size:16px;line-height:1.25}.sources span:before{content:'▤';color:#e3b86b;margin-right:8px}.message-input{position:absolute;bottom:16px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #6a6252;border-radius:7px;padding:10px 12px;font-size:22px;min-height:54px;color:#c3bdaf}.message-input>span:last-child{color:#ffc440;font-size:28px}.screen-ui.sent .message-input{display:none}

.story-footer{max-width:1100px;margin:18px auto 0;display:flex;align-items:center;justify-content:center;gap:24px;min-height:54px}.caption-wrap{text-align:center}#stage-caption{margin:0;font-size:16px;line-height:1.4}.sequence-track{height:2px;background:#ffffff17;width:160px;margin:12px auto 0;overflow:hidden}#sequence-progress{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}#pause-motion{border:1px solid #ffffff20;color:#c6c0b5;background:#151513;padding:11px 14px;border-radius:7px;font-size:12px;white-space:nowrap}#motion-symbol{margin-right:6px}.static-scenarios{display:flex;justify-content:center;gap:16px;margin:14px auto}.static-scenarios button{border:0;border-bottom:1px solid #77705f;background:none;padding:8px;color:#aaa69d;font-size:12px}.static-scenarios button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.page-footer{display:flex;justify-content:space-between;gap:16px;max-width:1400px;margin:24px auto 0;color:#9d978b;font-size:11px;line-height:1.5}.page-footer a{color:#d8c49b}.page-footer a span{margin-left:15px}
@media(min-width:1500px){.demo-stage{margin-top:14px}}
@media(max-width:1000px){.grid-story{padding:105px 20px 18px}.demo-stage{margin-top:20px}.story-footer{margin-top:18px}}
@media(max-width:600px){.grid-story{padding:102px 16px 16px}.intro{padding:0 10px}h1{font-size:25px;line-height:1.2}h1 span{display:block}.eyebrow{font-size:10px}.demo-stage{margin-top:18px}.office-film{width:calc(100% + 32px);margin-left:-16px}.story-footer{gap:14px;justify-content:space-between}#stage-caption{font-size:14px}.caption-wrap{text-align:left}.sequence-track{margin-left:0;width:130px}.page-footer{font-size:9px;margin-top:18px}.page-footer a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.sequence-track{display:none}}

@media(max-width:600px){.route-head{r:9px}.route-halo{r:18px}.device-lights circle{r:11px}}

/* The office is a local network; the copy remains readable outside its display. */
.intro-support{font-size:17px;line-height:1.5;color:#ded9cf;margin:13px 0 18px}.intro-action{display:flex;justify-content:center;align-items:center;gap:18px}.intro-action>span{font-size:12px;color:#bbb5a8}.explore-primary{display:inline-flex;align-items:center;gap:25px;min-height:46px;padding:12px 21px;border-radius:10px;background:var(--gold);color:#221800;font-size:14px;font-weight:600}.explore-primary:hover{background:#ffca54}.demo-stage{margin-top:20px}.office-film{max-width:1400px;margin:auto}.scene-shade{fill:#08090b;opacity:.06}.office-boundary{fill:none;stroke:#f6c85c;stroke-width:1.3;stroke-opacity:.28}.boundary-label{fill:#f5db9f;font-size:19px;letter-spacing:1px;opacity:.8}.rack-balance{fill:#0c0c10;opacity:.18}.route-base{fill:none;stroke:#ffce65;stroke-width:1.3;stroke-opacity:.2;opacity:1}.route-packet{stroke-width:3;stroke:#ffd36b}.route-head{r:6px;fill:#fff9d7}.route-halo{r:15px}.demo-stage[data-busy=true] .route-base{stroke-opacity:.42}.grid-title{font-size:32px;font-weight:550;letter-spacing:1px;paint-order:stroke;stroke:#161510;stroke-width:1px}.grid-status{font-size:21px}.grid-software{font-size:15px;fill:#e3d8c1}.device-emphasis{opacity:.42}.device-emphasis path,.workstation-light{fill:none;stroke:#ffe4a0;stroke-width:2.2}.device-aura{fill:#ffc34b;fill-opacity:.1;stroke:#ffd77b;stroke-width:2;stroke-opacity:.7;filter:url(#signal-glow)}.server-emphasis{stroke-opacity:.55;fill-opacity:.6}.workstation-light{opacity:.35}.story-summary{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;max-width:900px;margin:10px auto 0;padding:18px 0 0;border-top:1px solid #e7c77825;min-height:120px}.summary-label{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#d5b66e}.story-summary p{font-size:16px;line-height:1.5;margin:8px 0 0;color:#eee9df}.story-summary #summary-sources{font-size:11px;color:#aaa293;margin-top:6px}.story-footer{margin-top:14px}.caption-wrap{min-height:45px}#stage-caption{font-size:15px}.page-footer{margin-top:18px}.demo-stage[data-still=true] .route-base{stroke-opacity:.5}.demo-stage[data-still=true] .device-emphasis{opacity:.5}
@media(min-width:1001px){.office-film{max-width:clamp(900px,calc((100svh - 390px)*1.777),1400px)}.story-summary{min-height:112px}.grid-story{padding-top:103px}.intro-support{margin:10px 0 14px}.page-footer{max-width:1100px}}
@media(max-width:600px){.intro{padding:0}.intro-support{font-size:15px;max-width:330px;margin:12px auto 16px}.intro-action{flex-direction:column;gap:9px}.intro-action>span{font-size:11px}.explore-primary{min-height:46px;font-size:14px}.demo-stage{margin-top:20px}.office-film{aspect-ratio:1.55;max-width:none;margin-left:-16px}.office-art,.film-overlay{position:absolute;left:-8%;top:-2%;width:118%;height:auto;aspect-ratio:1672/941;max-width:none}.grid-title{font-size:44px}.grid-software{display:none}.grid-status{font-size:24px}.boundary-label{font-size:22px}.story-summary{grid-template-columns:1fr;align-content:start;gap:13px;padding-top:16px;margin-top:5px;min-height:175px}.summary-label{font-size:9px}.story-summary p{font-size:15px;line-height:1.4;margin-top:6px}.story-summary #summary-sources{font-size:10px}.story-footer{margin-top:8px}.caption-wrap{min-height:55px}#stage-caption{font-size:13px;max-width:245px}.route-packet{stroke-width:2.6}.workstation-light,.device-emphasis path{stroke-width:3}}