@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Bricolage;src:url('assets/bricolage.woff2') format('woff2');font-weight:200 800;font-display:swap}
/* One dark cinematic world. Physical geometry and ordinary readable HTML. */
:root{color-scheme:dark;--ink:#f4f3ef;--muted:#bbbcbf;--amber:#f7af4b;--background:#101112;--line:#ffffff26;--header:76px}
*{box-sizing:border-box}html{scroll-padding-top:var(--header)}body{margin:0;background:var(--background);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:6px}::selection{background:#f7af4b55}.skip-link{position:fixed;top:10px;left:10px;z-index:50;background:var(--amber);color:#191716;padding:12px 20px;transform:translateY(-160%)}.skip-link:focus{transform:none}.world{position:fixed;inset:0;z-index:0;pointer-events:none;background:#101112}.world canvas{display:block;width:100%;height:100%}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,13,14,.8) 0%,rgba(12,13,14,.25) 33%,transparent 66%),linear-gradient(0deg,rgba(12,13,14,.78) 0%,transparent 22%,transparent 74%,rgba(12,13,14,.5) 100%)}header{position:fixed;top:0;left:0;right:0;z-index:20;background:linear-gradient(#101112e6,#10111200)}header>nav{height:var(--header);max-width:1600px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{font-family:Bricolage,Inter,sans-serif;font-size:29px;font-weight:800;letter-spacing:-.035em;white-space:nowrap}.brand span{color:var(--amber)}.nav-links{display:flex;align-items:center;gap:29px;font-size:12px;color:#d4d4d7}.nav-links a:hover,.login:hover,.text-link:hover{color:var(--amber)}.login{font-size:12px;white-space:nowrap}.login span{margin-left:5px}.nav-actions{display:flex;gap:20px;align-items:center}.menu{display:none;background:transparent;border:0;width:36px;height:36px;flex-direction:column;justify-content:center;gap:6px}.menu span{width:20px;height:1px;display:block;background:var(--ink)}main{position:relative;z-index:2}.chapter{position:relative;min-height:115dvh;padding:18dvh 6vw 12dvh;display:flex;align-items:center;max-width:1700px;margin:auto;pointer-events:none}.chapter .copy,.hero-footnote{pointer-events:auto}.hero{min-height:112dvh;align-items:flex-start;padding-top:calc(var(--header) + 9dvh)}.copy{max-width:750px;will-change:transform,opacity}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:650;color:var(--amber);margin:0 0 23px}h1,h2{font-weight:600;letter-spacing:-.065em;line-height:.99;margin:0;text-wrap:balance}h1{font-size:clamp(67px,7.7vw,117px)}h1 span{color:var(--amber)}h2{font-size:clamp(58px,6.4vw,96px)}h2 span{color:#b9babe}.description{font-size:17px;line-height:1.7;letter-spacing:-.022em;color:#c9c9cc;max-width:375px;margin:29px 0 0}.hero .description{max-width:460px;font-size:17px}.actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 22px;min-height:48px;background:var(--amber);color:#21180e;border-radius:100px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#ffc875;transform:translateY(-2px)}.text-link{font-size:13px;display:inline-flex;gap:15px;align-items:center;transition:color .2s}.chapter .copy>.text-link{margin-top:30px}.hero-footnote{position:absolute;left:6vw;bottom:18dvh;font-size:11px;line-height:1.8;letter-spacing:.01em;color:#9e9fa4}.dispatch{align-items:center}.visibility{justify-content:flex-end;padding-right:8vw}.visibility .copy{max-width:630px}.compliance{align-items:flex-start;padding-top:12dvh}.compliance .copy{max-width:720px}.closing{min-height:110dvh;align-items:flex-start;padding-top:26dvh}.closing .description{max-width:480px}footer{position:relative;z-index:5;display:flex;align-items:center;gap:36px;min-height:160px;padding:35px 6vw 100px;background:#101112;border-top:1px solid var(--line);font-size:11px;color:#9e9fa4}footer>.brand{font-size:23px;color:var(--ink)}footer>p{flex:1}footer>div{display:flex;gap:24px}footer a:hover{color:var(--amber)}.chapter-bar{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:18px;background:rgba(32,33,35,.75);border:1px solid #ffffff21;border-radius:100px;backdrop-filter:blur(20px);box-shadow:0 10px 35px #0003;padding:7px 8px 7px 11px;max-width:calc(100vw - 40px)}.chapter-bar>nav{display:flex;gap:5px;align-items:center}.chapter-bar a{font-size:11px;white-space:nowrap;padding:11px 16px;border-radius:100px;transition:background .25s,color .25s;color:#cdced1}.chapter-bar a:hover{color:var(--ink)}.chapter-bar a[aria-current]{background:#eeeeed;color:#151617}.chapter-bar button{width:34px;height:34px;border-radius:50%;border:1px solid #ffffff29;background:transparent;font-size:14px;display:grid;place-items:center;flex-shrink:0}.chapter-bar button:hover{background:#ffffff16}.scene-status{position:fixed;bottom:92px;left:6vw;z-index:25;font-size:12px;padding:12px 17px;background:#202226;border:1px solid #ffffff30;max-width:340px}.scene-status[hidden]{display:none}.webgl-failed .world{background:radial-gradient(ellipse at 80% 55%,#4a3524,#101112 65%)}.webgl-failed .world canvas{display:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.copy{opacity:1!important;transform:none!important}.chapter{min-height:90dvh}}
@media(prefers-reduced-transparency:reduce){.chapter-bar{background:#202123;backdrop-filter:none}header{background:#101112}}
@media(max-width:1050px){.nav-links{gap:18px}.chapter{padding-inline:5vw}.hero h1{font-size:87px}.hero .description{font-size:16px;max-width:340px}.hero-footnote{left:5vw}.copy{max-width:590px}.visibility{justify-content:flex-start}.visibility .copy{max-width:590px}h2{font-size:72px}.world-shade{background:linear-gradient(90deg,#0c0d0eaa,transparent 85%),linear-gradient(0deg,#0c0d0ebb,transparent 22%,transparent 75%,#0c0d0e66)}footer{flex-wrap:wrap;gap:20px}footer>p{flex-basis:60%}.chapter-bar a{padding-inline:13px}}
@media(max-width:760px){:root{--header:64px}header>nav{padding:0 24px;gap:20px}.brand{font-size:26px}.menu{display:flex}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;padding:20px 26px;background:#151617;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open{display:flex}.nav-links a{font-size:17px;padding:13px 0}.login{font-size:11px}.nav-actions{gap:13px}.chapter{padding:14dvh 26px 16dvh;min-height:115dvh;align-items:flex-start}.hero{padding-top:calc(var(--header) + 7dvh);min-height:112dvh}.hero h1{font-size:clamp(60px,11.8vw,83px)}h2{font-size:clamp(47px,9.4vw,68px);line-height:1.02}.copy{max-width:100%}.eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:20px}.description,.hero .description{font-size:14px;max-width:310px;margin-top:23px;line-height:1.7}.actions{gap:22px;margin-top:27px}.button{font-size:12px;min-height:45px;padding:12px 19px;gap:20px}.text-link{font-size:12px;gap:10px}.hero-footnote{left:26px;bottom:19dvh;font-size:10px}.visibility{justify-content:flex-start;padding-right:26px}.compliance{padding-top:18dvh}.closing{padding-top:21dvh}.closing .description{max-width:310px}.world-shade{background:linear-gradient(180deg,rgba(12,13,14,.5) 0%,rgba(12,13,14,.3) 40%,transparent 70%,rgba(12,13,14,.65) 100%)}.chapter-bar{bottom:18px;max-width:calc(100vw - 24px);gap:6px;padding:5px 7px}.chapter-bar>nav{gap:0}.chapter-bar a{font-size:9px;padding:10px 11px}.chapter-bar button{width:28px;height:28px;font-size:12px}.chapter-bar a:last-child{display:none}footer{padding:35px 26px 100px;gap:12px}footer>.brand{font-size:22px}footer>p{flex-basis:100%;margin:0 0 8px;font-size:10px}footer>div{font-size:10px;gap:20px}.scene-status{font-size:11px;left:20px;max-width:calc(100vw - 40px)}}
@media(max-width:380px){.chapter{padding-inline:21px}.hero h1{font-size:59px}.actions{gap:17px}.hero .description br{display:none}.chapter-bar a{padding-inline:9px}.chapter-bar{gap:4px}.hero-footnote{left:21px}h2{font-size:46px}}

/* Light stays on the model; the copy gets a narrow, quiet contrast edge. */
.world-shade{
  background:linear-gradient(90deg,rgba(8,10,12,.68) 0%,rgba(8,10,12,.2) 28%,transparent 54%),
    linear-gradient(180deg,rgba(8,10,12,.28) 0%,transparent 19%,transparent 88%,rgba(8,10,12,.28) 100%);
}

/* Liquid glass: an amber lens for the main action, smoked glass around it. */
.actions{flex-wrap:wrap;row-gap:12px}
.button,.actions .text-link,.chapter-bar,.chapter-bar button,.menu{
  -webkit-backdrop-filter:blur(18px) saturate(175%);
  backdrop-filter:blur(18px) saturate(175%);
}
.button,.actions .text-link,.chapter-bar button,.menu{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.31);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(0,0,0,.16),0 8px 24px rgba(0,0,0,.16);
  transition:transform .24s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease,color .24s ease;
}
.button{
  color:#201408;
  background-color:rgba(247,175,75,.78);
  background-image:linear-gradient(155deg,rgba(255,251,234,.63) 0%,rgba(255,228,173,.2) 38%,rgba(247,172,71,.12) 62%,rgba(160,92,20,.09) 100%);
  border-color:rgba(255,235,194,.82);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 1px 0 0 rgba(255,235,183,.3),inset 0 -1px 0 rgba(91,49,7,.22),0 2px 5px rgba(0,0,0,.12),0 10px 30px rgba(0,0,0,.2);
  text-shadow:0 1px 0 rgba(255,247,215,.24);
}
.button::before,.actions .text-link::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.03) 32%,rgba(255,255,255,.42) 47%,rgba(255,255,255,.04) 60%,transparent 74%);
  transform:translateX(-72%);
  transition:transform .65s cubic-bezier(.2,.65,.2,1);
}
.button::after,.actions .text-link::after{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:1px;
  border:1px solid rgba(255,255,255,.12);
  border-top-color:rgba(255,255,255,.32);
  border-radius:inherit;
}
.actions .text-link{
  min-height:48px;
  padding:13px 19px;
  justify-content:center;
  border-radius:100px;
  color:#f5f5f3;
  background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,.015) 62%),rgba(33,36,40,.82);
  font-weight:550;
  white-space:nowrap;
}
.actions .text-link::before{opacity:.16}
.chapter .copy>.text-link{min-height:44px}
.chapter-bar{
  background:linear-gradient(165deg,rgba(255,255,255,.1),rgba(255,255,255,.012) 46%),rgba(24,27,31,.84);
  border-color:rgba(255,255,255,.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.27),inset 0 -1px 0 rgba(255,255,255,.055),0 12px 40px rgba(0,0,0,.24),0 2px 5px rgba(0,0,0,.15);
}
.chapter-bar a{color:#e0e1e4;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.chapter-bar a[aria-current]{
  color:#15191e;
  background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(230,235,240,.76));
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.3),0 2px 7px rgba(0,0,0,.16);
}
.chapter-bar button,.menu{
  color:#f4f4f2;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.025) 72%),rgba(34,38,42,.8);
}
.chapter-bar button{width:40px;height:40px}
.menu{border-radius:50%;align-items:center;width:40px;height:40px;flex-shrink:0}
.button:focus-visible,.actions .text-link:focus-visible,.chapter-bar button:focus-visible,.menu:focus-visible{
  outline:2px solid #fff4d8;
  outline-offset:5px;
}
.button:focus-visible::before,.actions .text-link:focus-visible::before{transform:translateX(70%)}
@media(hover:hover) and (pointer:fine){
  .button:hover{
    background-color:rgba(255,192,101,.88);
    background-image:linear-gradient(155deg,rgba(255,251,234,.63),rgba(255,228,173,.2) 38%,rgba(247,172,71,.12) 62%,rgba(160,92,20,.09));
    transform:translateY(-2px);
    border-color:rgba(255,244,219,.97);
    box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(91,49,7,.16),0 5px 12px rgba(0,0,0,.15),0 15px 32px rgba(0,0,0,.21);
  }
  .actions .text-link:hover{background-color:rgba(57,61,65,.9);color:#fff;transform:translateY(-2px);border-color:rgba(255,255,255,.52)}
  .button:hover::before,.actions .text-link:hover::before{transform:translateX(70%)}
  .chapter-bar button:hover,.menu:hover{background-color:rgba(54,59,64,.92);border-color:rgba(255,255,255,.52);transform:translateY(-1px)}
}
.button:active,.actions .text-link:active,.chapter-bar button:active,.menu:active{transform:translateY(0) scale(.985)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .button{background-color:#f7af4b}
  .actions .text-link,.chapter-bar,.chapter-bar button,.menu{background-color:#25292d}
}
@media(max-width:760px){
  .world-shade{background:linear-gradient(180deg,rgba(8,10,12,.36),rgba(8,10,12,.08) 28%,transparent 43%,transparent 91%,rgba(8,10,12,.3))}
  .actions{column-gap:12px}
  .actions .text-link{min-height:45px;padding:12px 16px}
  .chapter-bar{padding:5px 7px;gap:7px}
  .chapter-bar a{padding-inline:10px;min-height:40px}
  .chapter-bar button{width:40px;height:40px;font-size:14px}
  .menu{width:40px;height:40px}
}
@media(max-width:380px){
  .chapter-bar a{padding-inline:8px}
  .chapter-bar{gap:5px}
}
@media(pointer:coarse){
  .button,.actions .text-link,.chapter-bar a{min-height:44px}
  .chapter-bar button{width:44px;height:44px}
}
@media(prefers-reduced-transparency:reduce){
  .button,.actions .text-link,.chapter-bar,.chapter-bar button,.menu{-webkit-backdrop-filter:none;backdrop-filter:none;transition:none}
  .button{background:#f7af4b}
  .actions .text-link,.chapter-bar,.chapter-bar button,.menu{background:#25292d}
  .button:hover{background:#ffc875}
  .actions .text-link:hover,.chapter-bar button:hover,.menu:hover{background:#383e44}
}
@media(prefers-reduced-motion:reduce){
  .button:hover,.actions .text-link:hover,.chapter-bar button:hover,.menu:hover,.button:active,.actions .text-link:active,.chapter-bar button:active,.menu:active{transform:none}
  .button::before,.actions .text-link::before{display:none}
}
@media(min-width:1100px){
  :is(.dispatch,.compliance){max-width:none;align-items:flex-start;padding-top:8dvh}
  :is(.dispatch,.compliance) .copy{display:grid;grid-template-columns:minmax(0,720px) 320px;column-gap:60px;max-width:1160px}
  .dispatch .copy{grid-template-columns:minmax(0,860px) 320px;max-width:1240px}
  :is(.dispatch,.compliance) .eyebrow{grid-column:1 / -1}
  :is(.dispatch,.compliance) h2{grid-column:1;grid-row:2 / span 2}
  :is(.dispatch,.compliance) .description{grid-column:2;grid-row:2;margin-top:0}
  :is(.dispatch,.compliance) .copy>.text-link{grid-column:2;grid-row:3;align-self:start;margin-top:20px}
}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
footer small{display:inline-block;margin-top:8px;font-size:10px;line-height:1.5}
/* A feathered exposure falloff keeps moving copy readable over white buildings. */
.chapter:not(.hero) .copy{position:relative;isolation:isolate;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.chapter:not(.hero) .copy::before{content:"";position:absolute;z-index:-1;inset:-70px -90px;pointer-events:none;background:radial-gradient(ellipse,rgba(8,10,12,.82) 35%,rgba(8,10,12,.58) 58%,transparent 74%);filter:blur(20px)}
@media(max-width:760px){.chapter:not(.hero) .copy::before{inset:-60px -20px}}
/* Keep the warehouse approach visible beneath the Visibility chapter. */
@media(min-width:1100px){
  .visibility{max-width:none;justify-content:flex-start;align-items:flex-start;padding-top:8dvh}
  .visibility .copy{display:grid;grid-template-columns:minmax(0,720px) 320px;column-gap:60px;max-width:1160px}
  .visibility .eyebrow{grid-column:1 / -1}
  .visibility h2{grid-column:1;grid-row:2 / span 2}
  .visibility .description{grid-column:2;grid-row:2;margin-top:0}
  .visibility .copy>.text-link{grid-column:2;grid-row:3;align-self:start;margin-top:20px}
  .closing{max-width:none;padding-top:8dvh}
  .closing .copy{display:grid;grid-template-columns:minmax(0,720px) 430px;column-gap:60px;max-width:1210px}
  .closing .eyebrow{grid-column:1 / -1}
  .closing h2{grid-column:1;grid-row:2 / span 2}
  .closing .description{grid-column:2;grid-row:2;margin-top:0}
  .closing .actions{grid-column:2;grid-row:3;align-self:start;margin-top:24px;column-gap:18px}
}

/* Public homepage discovery links, separate from the animated chapters. */
footer{display:grid;grid-template-columns:2fr repeat(3,1fr);align-items:start;gap:40px;padding-top:54px}
footer>div{display:block}.footer-intro p{font-size:12px;line-height:1.8;max-width:290px}
footer .footer-column{display:flex;flex-direction:column;gap:12px;font-size:12px}
.footer-column h2{font:600 12px Inter,sans-serif;letter-spacing:0;color:var(--ink);margin:5px 0 8px}
footer .footer-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:25px;border-top:1px solid var(--line)}
footer small{margin:0;font-size:10px}
@media(max-width:760px){footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.footer-intro{grid-column:1/-1}footer .footer-column{font-size:11px}.footer-bottom{font-size:10px}}