@layer sw;
:root{color-scheme:dark;--sea:#07191d;--cream:#ede9d9;--muted:#a1b3af;--glass:#88c9b9;--garnet:#8a3048;--gold:#d6ac71;font-family:'DM Sans',sans-serif;background:var(--sea);color:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sea)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:var(--garnet);color:var(--cream)}
.sw-root{--sw-bg:#07191d;--sw-ink:#ede9d9;--sw-ink-soft:#a1b3af;--sw-accent:#88c9b9;--sw-font-display:'Bodoni Moda',Georgia,serif;--sw-font-body:'DM Sans',sans-serif}
.masthead{position:fixed;inset:0 0 auto;z-index:60;padding:31px 5vw;display:flex;align-items:center;gap:34px;background:linear-gradient(#07191db8,transparent)}
.wordmark{font-family:'Bodoni Moda',Georgia,serif;font-weight:900;font-size:29px;line-height:1;letter-spacing:-1.2px;text-decoration:none;display:flex;align-items:center;white-space:nowrap;gap:12px}.wordmark-period{color:var(--gold);margin-left:-10px}.gem{display:block;width:17px;height:22px;background:linear-gradient(145deg,#ad5b68 0 45%,#6b273e 46%);clip-path:polygon(50% 0,100% 25%,88% 77%,50% 100%,12% 77%,0 25%)}
.masthead-discipline{font:9px/1.5 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1.2px;color:#c3c9bd;border-left:1px solid #82958c4a;padding-left:25px}.outline-button{color:var(--cream);font:11px 'DM Mono',monospace;background:#07191d55;border:1px solid #a1b3af55;padding:14px 19px;display:inline-flex;gap:25px;align-items:center;text-decoration:none}.outline-button:hover{background:#ede9d912;border-color:var(--cream)}.masthead>.outline-button{margin-left:auto}
.sw-topbar,.sw-hint{display:none}.sw-scrollbar{height:2px;z-index:70;background:transparent}.sw-scrollbar span{background:var(--gold)}.sw-sky{background:#020609}.sw-stage{background:#020609}.sw-scene__video,.sw-scene__still{object-position:50% 50%;transform:none!important}.sw-scene::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,#07191dcc,transparent 34%,transparent 75%,#07191d44);pointer-events:none}.sw-scene:first-child::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#07191df5 0%,#07191dd1 23%,#07191d40 47%,transparent 72%);opacity:var(--opening-shade,1)}
.sw-copylayer::before{display:none}.sw-copy{left:5vw;top:auto;bottom:18vh;width:min(530px,60vw);padding:0;transform:none!important}.sw-copy__num{display:none}.sw-copy__eyebrow{font:10px 'DM Mono',monospace;letter-spacing:2px;color:var(--gold);margin:0 0 15px}.sw-copy__title{font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(32px,4.2vw,66px);font-weight:700;line-height:1;letter-spacing:-1.7px;margin:0;text-shadow:0 2px 30px #07191dcc;text-wrap:balance}.sw-copy__body{font-size:14px;line-height:1.65;max-width:34ch;color:#c5d2cc;margin:18px 0 0}.sw-copy__tags{display:none}.sw-copy__cta{margin-top:24px;gap:18px}.sw-btn{border-radius:0;font:11px 'DM Mono',monospace;padding:15px 22px;border:1px solid #c5d2cc60}.sw-btn--primary{background:var(--cream);color:var(--sea);border-color:var(--cream)}.sw-btn--ghost{color:var(--cream);background:transparent}.sw-btn:hover{transform:none;background:var(--glass);color:var(--sea)}
.sw-copy:first-child{top:27vh;bottom:auto;width:38vw}.sw-copy:first-child .sw-copy__title{font-size:clamp(44px,6.5vw,104px);font-weight:900;line-height:.96;max-width:8ch;letter-spacing:-3px}.sw-copy:first-child .sw-copy__eyebrow{display:flex;gap:11px;align-items:center}.sw-copy:first-child .sw-copy__eyebrow::before{content:'';width:22px;height:1px;background:var(--gold)}.sw-copy:first-child .sw-copy__body{margin-top:25px;max-width:28ch;font-size:14px}.sw-copy:first-child .sw-copy__cta{margin-top:28px}
.sw-copy:last-child{text-align:center;top:34vh;bottom:auto;left:12vw;width:76vw;max-width:none}.sw-copy:last-child .sw-copy__eyebrow{color:var(--glass);margin-bottom:24px}.sw-copy:last-child .sw-copy__title{font-weight:900;text-transform:uppercase;font-size:clamp(48px,10vw,155px);letter-spacing:-4px;line-height:.95}.sw-copy:last-child .sw-copy__body{max-width:36ch;font-size:17px;margin:25px auto 0;color:#9bc4b9}.sw-copy:last-child .sw-copy__cta{justify-content:center;margin-top:35px}
.sw-route{left:5vw;right:5vw;top:auto;bottom:33px;transform:none;display:grid;grid-template-columns:repeat(7,1fr);gap:14px;padding:0}.sw-route::before{display:none}.sw-route__dot{width:auto;height:48px;border-top:1px solid #9bb9ae46;padding:12px 0 0;place-items:start;display:flex;align-items:center;gap:8px;text-align:left;color:#92a49e}.sw-route__dot i{display:none}.sw-route__label{position:static;transform:none!important;opacity:1!important;font:10px 'DM Mono',monospace;letter-spacing:.4px;background:none;border:0;border-radius:0;padding:0;color:inherit;backdrop-filter:none}.sw-route__dot::before{content:attr(data-index);font:9px 'DM Mono',monospace;color:#a0b8ab80}.sw-route__dot.is-active{color:var(--cream);border-top-color:var(--gold)}.sw-route__dot.is-active::before{color:var(--gold)}.sw-route__dot:hover{color:var(--cream);border-top-color:#b6c7bc}
.frame-lines{position:fixed;inset:112px 26px 106px;z-index:30;pointer-events:none}.frame-lines i{position:absolute;width:12px;height:12px;border-color:#b3c4b044;border-style:solid}.frame-lines i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.frame-lines i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.frame-lines i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.frame-lines i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}
.motion-toggle{position:fixed;right:5vw;bottom:111px;z-index:45;border:0;border-bottom:1px solid #c5d2cc44;padding:2px 0;background:transparent;color:#c5d2cc;font:9px 'DM Mono',monospace}.motion-toggle:hover{color:var(--cream)}
.skip-link{position:fixed;left:20px;top:-60px;z-index:100;background:var(--cream);color:var(--sea);padding:12px}.skip-link:focus{top:14px}dialog{position:fixed;max-height:90dvh;width:min(680px,92vw);border:1px solid #83978b60;background:#0c2428;color:var(--cream);padding:42px;overflow:auto}dialog::backdrop{background:#020609b8;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;color:var(--cream);font-size:27px}.overline{font:10px 'DM Mono',monospace;letter-spacing:1px;color:var(--gold)}dialog h2{font:700 48px/1 'Bodoni Moda',Georgia,serif;letter-spacing:-1px;margin:24px 0}dialog>p{line-height:1.7;font-size:14px;color:#c5d2cc}.summary-scenes{counter-reset:scene;list-style:none;padding:0;margin:25px 0}.summary-scenes li{counter-increment:scene;border-top:1px solid #c5d2cc22;padding:12px 0 12px 32px;position:relative}.summary-scenes li::before{content:'0' counter(scene);position:absolute;left:0;top:15px;color:var(--gold);font:10px 'DM Mono',monospace}.summary-scenes strong{font-size:13px;display:block}.summary-scenes span{font-size:12px;line-height:1.5;color:#9db4ac}.summary-note{font:10px/1.6 'DM Mono',monospace!important;color:var(--gold)!important}.no-script{position:relative;z-index:80;background:var(--sea);padding:10vw;min-height:100vh}.no-script img{max-width:100%}.no-script h1{font:900 64px 'Bodoni Moda',Georgia,serif}
@media(min-width:1500px){.sw-copy:first-child{top:29vh}.sw-copy:first-child .sw-copy__body{font-size:16px}}
@media(max-width:860px){.masthead{padding:25px 24px;gap:16px}.wordmark{font-size:26px}.masthead-discipline{display:none}.masthead>.outline-button{font-size:9px;padding:10px 12px;gap:9px}.frame-lines{inset:86px 12px 104px}.sw-scene:first-child::after{background:linear-gradient(0deg,#07191def 0%,#07191d88 29%,transparent 54%,#07191d44)}.sw-scene::after{background:linear-gradient(0deg,#07191de6,transparent 65%)}.sw-copy,.sw-copy:first-child{left:24px;right:24px;top:auto;bottom:calc(166px + env(safe-area-inset-bottom));width:auto;max-width:500px}.sw-copy:first-child .sw-copy__title{font-size:clamp(44px,9vw,68px);max-width:10ch;line-height:.96;letter-spacing:-2px}.sw-copy:first-child .sw-copy__eyebrow{margin-bottom:13px;font-size:8px}.sw-copy:first-child .sw-copy__body{font-size:12px;max-width:31ch;margin-top:15px}.sw-copy:first-child .sw-copy__cta{margin-top:19px}.sw-copy__title{font-size:42px;letter-spacing:-1px}.sw-copy__body{font-size:12px;max-width:30ch}.sw-copy__eyebrow{font-size:8px}.sw-btn{font-size:10px;padding:12px 16px}.sw-copy:last-child{top:34vh;bottom:auto;left:24px;right:24px;width:auto}.sw-copy:last-child .sw-copy__title{font-size:clamp(40px,12vw,85px);letter-spacing:-2px}.sw-copy:last-child .sw-copy__body{font-size:14px;max-width:28ch}.sw-copy:last-child .sw-copy__eyebrow{font-size:8px}.sw-copy:last-child .sw-copy__cta{margin-top:25px}.sw-route{left:24px;right:24px;bottom:calc(26px + env(safe-area-inset-bottom));gap:7px}.sw-route__dot{width:auto;height:42px;justify-content:center;padding-top:9px}.sw-route__label{display:none}.sw-route__dot::before{font-size:11px}.motion-toggle{right:24px;bottom:calc(99px + env(safe-area-inset-bottom));font-size:8px}dialog{padding:34px 25px}dialog h2{font-size:36px}}
@media(max-width:860px) and (max-height:740px){.sw-copy,.sw-copy:first-child{bottom:140px}.sw-copy:first-child .sw-copy__title{font-size:42px}.sw-copy:first-child .sw-copy__body{margin-top:10px}.sw-copy:first-child .sw-copy__cta{margin-top:13px}.masthead{padding-top:18px}.sw-copy__title{font-size:35px}}
@media(max-height:550px) and (orientation:landscape){.sw-copy,.sw-copy:first-child{top:25vh;bottom:auto;max-width:350px;left:5vw}.sw-copy:first-child .sw-copy__title{font-size:40px;max-width:11ch}.sw-copy:first-child .sw-copy__body{display:none}.sw-copy__title{font-size:32px}.sw-copy__body{font-size:11px}.sw-copy__eyebrow{font-size:8px;margin-bottom:10px}.sw-copy:last-child{top:29vh;max-width:none}.sw-copy:last-child .sw-copy__title{font-size:52px}.sw-copy:last-child .sw-copy__body{font-size:12px;margin-top:12px}.sw-copy:last-child .sw-copy__cta{margin-top:15px}.frame-lines{inset:75px 12px 76px}.sw-route{bottom:12px}.motion-toggle{bottom:68px}.masthead{padding-top:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.sw-copy{transform:none!important}}
/* Desktop-only film: phones show complete landscape stills without cropping. */
@media(max-width:860px){.sw-scene__still{object-fit:contain;object-position:center 23%}.motion-toggle{display:none}}

@media(max-width:860px){.sw-scene:first-child::before{display:none}}

/* The physical compute becomes a simulated environment at this single handoff. */
.simulation-gateway{position:fixed;inset:0;z-index:24;pointer-events:none;opacity:0;visibility:hidden;color:#d6f2eb;overflow:hidden}
.simulation-gateway__grid{position:absolute;inset:0;background-image:linear-gradient(#b4e9d966 1px,transparent 1px),linear-gradient(90deg,#b4e9d966 1px,transparent 1px);background-size:8vw 8vw;opacity:var(--domain-grid,0);mask-image:radial-gradient(ellipse at center,transparent 12%,#000 90%);transform:scale(var(--domain-expand,1))}
.simulation-gateway__reticle{position:absolute;inset:23% 27%;transform:scale(var(--domain-expand,1))}.simulation-gateway__reticle i{position:absolute;width:30px;height:30px;border-style:solid;border-color:#d6f2eb99}.simulation-gateway__reticle i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.simulation-gateway__reticle i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.simulation-gateway__reticle i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}.simulation-gateway__reticle i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}
.simulation-gateway__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:19px;text-align:center;text-shadow:0 2px 24px #041b1e,0 0 5px #041b1e}.simulation-gateway__label span{font:10px 'DM Mono',monospace;letter-spacing:3px}.simulation-gateway__label strong{font:500 clamp(22px,3.2vw,48px) 'DM Mono',monospace;letter-spacing:-1.5px}
.entering-simulation .sw-copy[data-scene=compute],.entering-simulation .sw-copy[data-scene=wetlands]{visibility:hidden}
@media(max-width:860px),(prefers-reduced-motion:reduce){.simulation-gateway{display:none}}

/* Customer links share the master template's typography and outlined controls. */
.customer-nav{display:flex;align-items:center;gap:24px;font:11px 'DM Mono',monospace;white-space:nowrap}
.customer-nav>a{text-decoration:none;color:var(--cream)}
.customer-nav>a:not(.outline-button){padding:14px 0;border-bottom:1px solid transparent}
.customer-nav>a:not(.outline-button):hover{border-bottom-color:var(--gold)}
@media(max-width:860px){.explore-detail{display:none}}
@media(max-width:1200px){.masthead{gap:24px}.masthead-discipline{display:none}.customer-nav{gap:20px}}
@media(max-width:860px){.masthead{flex-wrap:wrap;column-gap:12px;row-gap:14px;background:linear-gradient(#07191df0,#07191db8,transparent)}.masthead>.outline-button{margin-left:auto}.customer-nav{width:100%;justify-content:flex-end;gap:24px;font-size:10px}.customer-nav .outline-button{font-size:10px;padding:10px 12px;gap:9px}.customer-nav>a:not(.outline-button){padding:10px 0}.frame-lines{top:136px}}
@media(max-width:380px){.masthead{padding-left:18px;padding-right:18px}.wordmark{font-size:23px}.customer-nav{justify-content:space-between;gap:12px}}
@media(max-height:550px) and (orientation:landscape){.masthead{flex-wrap:nowrap;gap:18px}.masthead>#explore{display:none}.customer-nav{width:auto;margin-left:auto;gap:18px}.frame-lines{top:75px}}
