:root{--bg:#05080b;--panel:#0b1219;--cyan:#21e3f0;--muted:#91a1ae;--line:#ffffff20;--purple:#a642ec;--white:#eff5f6;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,video:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}button{border:0}img{max-width:100%;display:block}::selection{background:var(--cyan);color:var(--bg)}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--cyan);color:#000;padding:16px}.skip:focus{top:20px}.read-progress{position:fixed;left:0;top:0;height:2px;background:var(--cyan);width:100%;transform:scaleX(0);transform-origin:left;z-index:30}.nav{height:90px;position:absolute;z-index:10;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:linear-gradient(#05080bbb,transparent)}.logo{width:145px;height:auto}.nav nav{display:flex;gap:35px;align-items:center;font-size:11px;font-weight:800;letter-spacing:1.5px}.nav nav a:hover{color:var(--cyan)}.nav-cta{border:1px solid #4e747d;padding:15px 20px}.menu-button{display:none}.hero{min-height:820px;height:100svh;max-height:1150px;position:relative;overflow:hidden;background:#040a11}.hero-art{position:absolute;inset:0 0 0 30%;background:url('../img/hero.jpg') center 49%/cover no-repeat}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05080b 0%,#05080b99 20%,transparent 60%),linear-gradient(0deg,#05080b 0%,transparent 22%,#05080b55 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,#fff03 1px,transparent 1px);background-size:25% 100%;opacity:.4}.hero-copy{position:relative;z-index:1;padding:160px 5vw 120px;max-width:900px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.7px;color:var(--cyan);line-height:1.7;margin:0 0 28px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);margin-right:12px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.025em;font-weight:900;line-height:.91}h1{font-size:clamp(88px,10.1vw,170px);margin-bottom:30px}.outline{color:transparent;-webkit-text-stroke:1px #d3e5edb3}.cyan{color:var(--cyan)}.hero-description{font-size:18px;line-height:1.5;color:#cbd5dc;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--cyan);color:#021014;padding:20px 26px;font-size:11px;font-weight:900;letter-spacing:1.3px;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:background .2s,transform .2s}.button:hover{background:#fff;transform:translateY(-3px)}.button span{font-size:20px}.text-link{font-size:11px;letter-spacing:1px;font-weight:bold;border-bottom:1px solid #597078;padding-bottom:7px}.text-link:hover{color:var(--cyan)}.hero-coordinate{position:absolute;right:5vw;top:140px;text-align:right;font-size:9px;line-height:2;letter-spacing:3px}.hero-bottom{position:absolute;bottom:25px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#a9bdc7}.hero-bottom a{color:var(--cyan)}.ticker{overflow:hidden;border-block:1px solid #1b4147;background:#07191e;padding:18px 0;white-space:nowrap}.ticker div{font-weight:900;font-size:20px;letter-spacing:2px;word-spacing:10px;width:max-content;animation:marquee 35s linear infinite}.ticker i{color:var(--cyan);font-style:normal;margin:0 36px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:115px 6vw;max-width:1600px;margin:auto}.section-intro h2,.timer-heading h2,.cloud h2{font-size:clamp(48px,6vw,92px);margin-bottom:25px}.section-intro>p:last-child,.timer-heading>p:last-child,.cloud-copy>p{font-size:16px;color:var(--muted);line-height:1.8}.experience{position:relative}.experience-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;margin-top:70px;align-items:center}.chapter{font-size:9px;letter-spacing:2px;color:var(--muted)}.mode-buttons{margin:25px 0 35px}.mode{width:100%;text-align:left;background:transparent;padding:24px 30px 24px 35px;position:relative;border-top:1px solid var(--line)}.mode:last-child{border-bottom:1px solid var(--line)}.mode>span{position:absolute;left:0;top:27px;font-size:10px;color:var(--muted)}.mode strong{display:block;font-family:Impact,'Arial Narrow',sans-serif;font-size:32px;letter-spacing:.3px}.mode small{display:block;color:var(--muted);font-size:12px;margin-top:10px}.mode b{position:absolute;right:5px;top:28px;font-size:24px}.mode.active{background:linear-gradient(90deg,#21e3f011,transparent);color:var(--cyan)}.mode-description h3{font-size:19px}.mode-description p{line-height:1.8;color:var(--muted);font-size:14px;max-width:420px;min-height:100px}.tiny-note{font-size:10px;color:#677b89;margin-top:40px}.replay-stage{position:relative;min-height:650px;display:flex;justify-content:center;align-items:center}.stage-glow{position:absolute;inset:10%;background:radial-gradient(ellipse,#12abb229,transparent 65%);filter:blur(20px)}.track-backdrop{position:absolute;inset:0;background:url('../img/track.jpg') center/cover;opacity:.14;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);transform:rotate(-9deg)}.video-shell{position:relative;width:min(100%,365px);background:#04070a;border:1px solid #39606c;box-shadow:0 30px 90px #000;border-radius:9px;overflow:hidden}.window-bar{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;padding:15px 14px;background:#0b131a;color:#a4c0cb;gap:10px}.window-bar i{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;margin-right:5px}video{display:block;width:100%;background:#071015}.video-shell video{aspect-ratio:512/972;object-fit:cover}.stage-caption{position:absolute;right:-40px;top:50%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:var(--muted)}.track-section{padding-top:70px}.shot-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px;margin-top:45px}.shot{height:560px;background:#111c21;position:relative;overflow:hidden;text-align:left;padding:0;border:1px solid var(--line)}.shot img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.shot:hover img{transform:scale(1.04)}.shot:after{content:"";position:absolute;inset:0;background:linear-gradient(#030a1190,transparent 28%,transparent 50%,#03070bef)}.shot-top,.shot-bottom{position:absolute;z-index:1;left:23px;right:23px}.shot-top{top:25px;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between}.shot-top b{font-size:20px;color:var(--cyan)}.shot-bottom{bottom:30px}.shot-bottom strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:34px;line-height:1.05;display:block}.shot-bottom small{display:block;font-size:11px;color:#b0c4ce;margin-top:15px}.laptimer{border-top:1px solid var(--line);background:radial-gradient(ellipse at 80% 50%,#161029,transparent 70%)}.timer-heading{text-align:center}.device-film{margin-top:50px;border:1px solid #344753;position:relative}.device-film{max-width:900px;margin-left:auto;margin-right:auto;background:#030709;padding:12px;border-radius:18px;box-shadow:0 25px 80px #0008}.device-film video{aspect-ratio:3/2;object-fit:contain;border-radius:0 0 9px 9px}.device-film .window-bar{border-radius:8px 8px 0 0}.film-caption{position:absolute;bottom:60px;left:35px;font-size:11px;font-weight:900;letter-spacing:2px;background:#05080bcc;padding:14px;pointer-events:none}.film-caption span{display:block;font-size:9px;color:var(--cyan);margin-top:8px}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.feature-strip>div{border-top:1px solid var(--line);padding-top:23px}.feature-strip span{font-size:9px;letter-spacing:2px;color:var(--cyan)}.feature-strip h3{font-size:19px;margin:20px 0 13px}.feature-strip p{font-size:13px;color:var(--muted);line-height:1.7}.cloud{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;overflow:hidden}.cloud-copy>p{max-width:440px}.cloud-steps{margin:30px 0}.cloud-steps>div{display:flex;gap:20px;border-top:1px solid var(--line);padding:15px 0}.cloud-steps>div>span{font-size:10px;color:var(--cyan);padding-top:3px}.cloud-steps p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.cloud-steps strong{display:block;color:#fff;font-size:10px;letter-spacing:1px;margin-bottom:3px}.cloud-screens{position:relative;height:740px;background:radial-gradient(ellipse,#21e3f01a,transparent 68%)}.phone{position:absolute;width:62%;background:#0c161c;padding:5px;border:1px solid #45636d;border-radius:18px;box-shadow:0 30px 60px #0008;overflow:hidden}.phone img{width:100%;border-radius:13px}.phone-back{left:0;top:0;transform:rotate(-8deg)}.phone-front{right:0;top:150px;transform:rotate(6deg)}.cloud-screens>span{position:absolute;bottom:0;right:0;font-size:8px;letter-spacing:2px;color:var(--cyan)}.closing{position:relative;min-height:700px;border-block:1px solid var(--line);overflow:hidden;background:#151719}.closing>img{position:absolute;right:0;top:-10%;width:60%;height:125%;object-fit:cover;object-position:50% 42%}.closing:after{position:absolute;content:"";inset:0;background:linear-gradient(90deg,#05080b 15%,#05080baa 40%,transparent 70%);pointer-events:none}.closing-copy{position:relative;z-index:1;padding:170px 6vw}.closing h2{font-size:clamp(65px,9vw,145px);margin-bottom:35px}footer{padding:40px 6vw;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:10px;line-height:1.9;color:var(--muted);margin:0}footer p span{color:#566a77}footer>a:last-child{font-size:9px;letter-spacing:1px}.lightbox{max-width:95vw;max-height:95svh;padding:55px 15px 15px;border:1px solid #345463;background:#05080b;color:white}.lightbox::backdrop{background:#000e}.lightbox img{max-height:76svh;max-width:88vw;margin:auto;object-fit:contain}.lightbox p{text-align:center;margin:14px 0 0;font-size:12px;color:var(--muted)}.close-lightbox{position:absolute;right:15px;top:15px;background:transparent;font-size:11px;letter-spacing:1px;padding:5px}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.hero-copy{padding-top:180px}.hero-art{background-position:center 47%}}
@media(max-width:1000px){.hero{min-height:800px}.hero-copy{padding-top:170px}.hero-art{left:10%;opacity:.8}.hero-art:after{background:linear-gradient(90deg,#05080be0,transparent),linear-gradient(0deg,#05080b,transparent 40%)}.experience-grid{gap:5%}.section{padding:90px 5vw}.stage-caption{right:-12px}.shot-grid{gap:12px}.shot{height:440px}.shot-top,.shot-bottom{left:15px;right:15px}.shot-bottom strong{font-size:27px}.cloud-screens{height:590px}.closing{min-height:570px}.closing-copy{padding:140px 5vw}.nav nav{gap:20px}}
@media(max-width:700px){html{scroll-padding-top:20px}.nav{height:75px}.logo{width:118px}.menu-button{display:flex;gap:15px;background:transparent;font-size:10px;letter-spacing:1px;padding:15px 0}.nav nav{display:none;position:absolute;top:75px;left:0;right:0;padding:25px;background:#071016;flex-direction:column;align-items:stretch;gap:25px}.nav nav.open{display:flex}.hero{height:850px;min-height:0;max-height:none}.hero-art{inset:0;background-position:66% 50%;opacity:.85}.hero-art:after{background:linear-gradient(90deg,#05080bc0,transparent 95%),linear-gradient(0deg,#05080b 0%,transparent 50%,#05080b80 100%)}.hero-copy{padding:130px 6vw 70px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:28px}h1{font-size:clamp(78px,20vw,130px);margin-bottom:30px}.hero-description{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-coordinate{display:none}.hero-bottom{left:6vw;right:6vw;bottom:22px;font-size:7px;letter-spacing:1px}.hero-bottom>span:last-child{display:none}.ticker{padding:14px 0}.ticker div{font-size:15px}.section{padding:65px 6vw}.section-intro h2,.timer-heading h2,.cloud h2{font-size:clamp(40px,10vw,67px)}.section-intro>p:last-child,.timer-heading>p:last-child{font-size:13px}.experience-grid{display:flex;flex-direction:column;margin-top:35px;gap:35px}.experience-copy{width:100%}.mode strong{font-size:27px}.mode-description p{min-height:0;font-size:13px}.tiny-note{margin-top:20px}.replay-stage{width:100%;min-height:0;padding:0 18px}.video-shell{width:330px}.stage-caption{right:-6px}.shot-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.shot{height:350px}.shot-wide{grid-column:1/-1;height:420px}.shot-wide img{object-position:center 48%}.shot-top{font-size:7px}.shot-bottom strong{font-size:24px}.shot-bottom small{font-size:10px;line-height:1.5}.timer-heading{text-align:left}.device-film{margin-top:28px;margin-inline:-3vw}.window-bar{font-size:6px;padding:12px 10px}.film-caption{display:none}.feature-strip{grid-template-columns:1fr;gap:16px;margin-top:25px}.feature-strip>div{padding-top:20px}.feature-strip h3{margin:10px 0}.cloud{display:flex;flex-direction:column;gap:45px}.cloud-screens{width:100%;height:620px;max-width:430px}.cloud-copy{width:100%}.phone{width:60%}.phone-front{top:125px}.closing{min-height:650px}.closing>img{width:100%;height:100%;top:0;object-position:65% center;opacity:.65}.closing:after{background:linear-gradient(0deg,#05080b,transparent 90%),linear-gradient(90deg,#05080b99,transparent)}.closing-copy{padding:320px 6vw 60px}.closing h2{font-size:17vw;margin-bottom:25px}footer{flex-wrap:wrap;padding:30px 6vw}footer img{width:100px}footer>a:last-child{width:100%;border-top:1px solid var(--line);padding-top:20px;font-size:8px}}
@media(max-width:390px){.cloud-screens{height:550px}.shot{height:310px}.shot-wide{height:390px}.shot-bottom strong{font-size:21px}.hero{height:790px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

footer img{height:auto}
