:root{color-scheme:dark;--ink:#faf7f5;--muted:#f8eeebad;--glass:#242127b8;--edge:#fff4ed40;--space:clamp(18px,3vw,48px);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#30262c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:5px}button:active{transform:scale(.98)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;top:0;left:0;margin:0}.skip-link{position:fixed;z-index:50;left:16px;top:12px;background:#211d24;padding:14px 20px;border-radius:15px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.world{position:fixed;inset:0;overflow:hidden;isolation:isolate;pointer-events:none}.world canvas,.photo-fallback,.scene-shade{position:absolute;inset:0;width:100%;height:100%}.photo-fallback{background:url('assets/houston-sunset.jpg') center/cover}.world canvas{z-index:1;display:block}.scene-shade{z-index:2;background:linear-gradient(180deg,#17111c5c,transparent 47%,#1a142535);box-shadow:inset 0 0 170px #22121e24;pointer-events:none}
.glass{position:relative;isolation:isolate;border:1px solid var(--edge);background:var(--glass);box-shadow:inset 0 1px 1px #ffffff40,inset 1px 0 1px #ffffff0d,inset 0 -1px 1px #ffffff0d,0 14px 45px #100b161f;backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}.glass:before{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff12,transparent 35%,transparent 70%,#ffffff08)}
.topbar{position:fixed;z-index:20;left:50%;top:24px;transform:translateX(-50%);width:470px;max-width:calc(100% - 36px);height:66px;padding:0 13px 0 19px;display:flex;align-items:center;justify-content:space-between;gap:34px;border-radius:24px;background:#242127a6}.brand{display:flex;align-items:center;gap:8px;font-size:25px;font-weight:650;letter-spacing:-1.25px}.brand img{display:block;width:35px;height:35px;object-fit:contain;filter:brightness(0) invert(1)}.nav-cta{font-size:12px;display:flex;align-items:center;gap:27px;padding:13px 15px;border:1px solid #ffffff24;border-radius:15px;background:#ffffff0c;transition:background .2s}.nav-cta:hover{background:#ffffff1a}.demo-link[aria-disabled=true]{opacity:.6}
.story-copy{position:fixed;z-index:5;top:19.5%;left:50%;transform:translateX(-50%);width:min(1050px,90%);pointer-events:none;text-align:center}.story-copy h1{margin:0;font-size:clamp(48px,5.5vw,84px);line-height:1.035;font-weight:500;letter-spacing:-.062em;text-wrap:balance;text-shadow:0 3px 34px #1a112332}.story-copy.is-opening{width:min(1050px,90%)}.story-copy.is-final{top:30%;width:min(1100px,90%)}.story-copy.is-final h1{font-size:clamp(54px,6.2vw,94px)}
.product-shell{position:fixed;z-index:4;inset:0;pointer-events:none}.product-window{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:min(900px,76vw);aspect-ratio:16/9;border-radius:17px;overflow:hidden;background:#16171c;box-shadow:inset 0 1px 1px #ffffff55,0 22px 80px #120d2433;padding:5px;backdrop-filter:none;-webkit-backdrop-filter:none}.product-window:before{z-index:3;border:1px solid #ffffff25;border-radius:inherit;inset:1px}.product-window iframe,.screen-poster{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);border:0;object-fit:cover;border-radius:12px}.product-window iframe{background:#15161d;opacity:0;pointer-events:none;transition:opacity .45s}.product-window iframe.is-loaded{opacity:1}.product-window.is-exploring iframe:not([hidden]){pointer-events:auto}.frame-loading,.frame-empty{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 17px;border:1px solid #ffffff29;border-radius:20px;font-size:12px;white-space:nowrap;background:#24212bd9;backdrop-filter:blur(16px)}.surface-controls{position:absolute;top:calc(54% + min(253px,21.375vw) + 20px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;white-space:nowrap;pointer-events:auto}.explore-control{border-radius:16px;padding:12px 17px;font-size:12px;display:flex;align-items:center;gap:23px;min-height:44px}.explore-control:hover{background:#35313ce0}.explore-control[aria-pressed=true]{border-color:#ffffff88;background:#312d37ed}.source-context{font-size:10px;color:#fff8;transition:color .2s}.source-context:hover{color:#fff}.finish{position:fixed;z-index:6;left:50%;top:54%;transform:translateX(-50%)}.final-cta{display:flex;align-items:center;gap:49px;padding:18px 25px;border-radius:20px;font-size:15px;background:#28252f9e;transition:background .2s}.final-cta:hover{background:#39323ec9}
.progress-nav{position:fixed;z-index:20;bottom:25px;left:50%;transform:translateX(-50%);border-radius:24px;display:flex;padding:3px 9px;background:#29222c73}.progress-nav a{width:36px;height:40px;display:grid;place-items:center;position:relative;border-radius:16px}.progress-nav a span{display:block;width:5px;height:5px;border-radius:50%;background:#fff7;transition:transform .25s,background .25s}.progress-nav a:hover span{background:#fffd;transform:scale(1.3)}.progress-nav a[aria-current] span{background:#fff;transform:scale(1.4);box-shadow:0 0 12px #ffffff40}.chapter{height:100svh;min-height:500px;scroll-snap-align:start;pointer-events:none}.no-script{position:fixed;left:50%;bottom:95px;transform:translateX(-50%);z-index:30;font-size:13px;text-align:center}.webgl-fallback .world canvas{display:none}
@media(min-width:1800px){.product-window{width:min(1120px,70vw)}.surface-controls{top:calc(54% + min(315px,19.6875vw) + 20px)}}
@media(max-width:900px){.story-copy{top:20%;width:90%}.story-copy h1{font-size:clamp(45px,7vw,65px)}.product-window{width:86vw;top:55%}.surface-controls{top:calc(55% + 24.1875vw + 18px)}.topbar{width:430px}.story-copy.is-opening h1{font-size:clamp(48px,7.5vw,70px)}}
@media(max-width:600px){.topbar{height:58px;top:18px;padding:0 10px 0 14px;max-width:calc(100% - 32px);border-radius:21px}.brand{font-size:23px;gap:6px}.brand img{width:31px;height:31px}.nav-cta{font-size:11px;gap:20px;padding:11px 12px;border-radius:13px}.story-copy{top:21%;width:91%}.story-copy h1{font-size:clamp(37px,10vw,54px);line-height:1.06;letter-spacing:-.054em}.story-copy.is-opening{top:18.5%;width:92%}.story-copy.is-opening h1{font-size:clamp(43px,11.6vw,65px)}.story-copy.is-final{top:30%;width:91%}.story-copy.is-final h1{font-size:clamp(49px,13vw,70px)}.product-window{width:94vw;top:58%;border-radius:12px;padding:3px}.product-window iframe,.screen-poster{inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:8px}.surface-controls{top:calc(58% + 26.4375vw + 18px);gap:13px}.explore-control{font-size:11px;padding:11px 14px;gap:14px}.source-context{font-size:9px}.progress-nav{bottom:20px}.progress-nav a{width:35px;height:40px}.finish{top:54%}.final-cta{font-size:14px;padding:17px 23px;gap:40px}.scene-shade{background:linear-gradient(180deg,#2111254f,transparent 50%,#1a14252a)}}
@media(max-height:650px) and (min-width:601px){.topbar{top:14px;height:55px}.story-copy{top:20%}.story-copy h1{font-size:44px}.product-window{width:min(630px,67vw);top:58%}.surface-controls{top:calc(58% + min(177px,18.84375vw) + 10px)}.progress-nav{bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.brand img{transform:scale(1.4)}
.filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.topbar:before,.progress-nav:before,.explore-control:before,.final-cta:before{background:linear-gradient(110deg,#ffd0b715,transparent 37%,transparent 65%,#bdcbff14);box-shadow:inset 0 1px 0 #ffffff6b,inset 1px 0 0 #ffd6c121,inset -1px 0 0 #c2d0ff24}
.has-refraction :is(.topbar,.progress-nav,.explore-control,.final-cta):after{content:'';position:absolute;z-index:-1;inset:0;padding:3px;border-radius:inherit;pointer-events:none;backdrop-filter:url('#glass-refraction');-webkit-backdrop-filter:url('#glass-refraction');mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
.nav-cta,.final-cta,.explore-control{transition:transform 150ms ease-out,background 150ms ease-out,border-color 150ms ease-out;transform-origin:center}
.nav-cta:active,.final-cta:active,.explore-control:active{transform:scale(.97)}
.progress-selection{position:absolute;z-index:-1;left:0;top:6px;width:30px;height:34px;transform:translateX(var(--selection-x,12px));border:1px solid #ffffff23;border-radius:15px;background:linear-gradient(115deg,#fff2,#ffffff08);box-shadow:inset 0 1px 0 #fff4,0 3px 8px #16121c12;transition:transform 180ms ease-out}
.progress-nav a:active span{transform:scale(1.1);transition-duration:100ms}
.product-window .screen-poster,.product-window iframe{inset:var(--surface-inset,5px);width:calc(100% - var(--surface-inset,5px) - var(--surface-inset,5px));height:calc(100% - var(--surface-inset,5px) - var(--surface-inset,5px));border-radius:max(0px,calc(var(--surface-radius,17px) - var(--surface-inset,5px)))}
.finish:not([hidden]){display:flex;flex-direction:column;align-items:center;gap:18px}
.workspace-link{color:#f4eee9;font-size:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#f4eee98c;padding:6px 10px;border-radius:10px;text-shadow:0 1px 14px #1a142566}
.workspace-link:hover{text-decoration-color:currentColor}
.workspace-link:focus-visible{outline:2px solid #fff;outline-offset:3px}