@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#07121e;--panel:#0e2030;--cyan:#58ebff;--orange:#ffad59;--text:#eff9ff;--muted:#9fb7c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,Arial,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(1170px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:10px;top:-100px;z-index:50;background:#fff;color:#000;padding:12px}.skip-link:focus{top:10px}.site-header{position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid #c7f3ff2b;background:linear-gradient(#061321cf,#06132130)}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:80px}.brand{display:inline-flex;align-items:center;gap:7px;font:800 24px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.5px}.brand-mark{color:var(--cyan);font-size:22px}.brand-num{color:var(--cyan);margin-left:3px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700}.site-header nav a:hover,.footer a:hover{color:var(--cyan)}.site-header .nav-cta{border:1px solid #7ceaff77;border-radius:5px;padding:11px 17px}.hero{position:relative;min-height:790px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-3;background:url('../images/hero.webp') center 52%/cover no-repeat}.hero-fade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#06121ff2 0%,#06121fe8 29%,#06121f85 56%,#06121f12 100%),linear-gradient(0deg,#07121e 0%,transparent 34%,#07121e38 100%)}.hero-inner{padding-top:115px;padding-bottom:125px}.eyebrow,.kicker{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:3px}.eyebrow{display:flex;align-items:center;gap:12px}.live-dot{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 12px var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2,.countdown-number{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif}h1{font-size:clamp(65px,8.5vw,126px);line-height:.91;letter-spacing:-1px;font-weight:900;margin:25px 0 26px;max-width:950px}h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 40px #03caff35}.hero p{color:#c2d6e4;font-size:17px;line-height:1.75;max-width:510px}.hero p strong{color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:35px 0 62px}.button{display:inline-flex;gap:27px;align-items:center;justify-content:space-between;border-radius:4px;padding:17px 23px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--cyan);color:#071525}.secondary{background:#0715258c;border:1px solid #9cdbeb7c}.hero-stats{display:flex;gap:48px}.hero-stats>div{display:flex;flex-direction:column}.hero-stats strong{font:800 40px 'Barlow Condensed',sans-serif}.hero-stats strong span{font-size:23px;color:var(--cyan)}.hero-stats small{font-size:10px;color:#92aebe;letter-spacing:2px;font-weight:700}.art-label{position:absolute;right:26px;bottom:25px;color:#b4ccdb;font-size:9px;letter-spacing:2px}.marquee{overflow:hidden;border-block:1px solid #2b6870;background:#10343f;white-space:nowrap;color:#c6f8ff}.marquee div{width:max-content;min-width:100%;font:800 20px 'Barlow Condensed',sans-serif;letter-spacing:5px;text-align:center;padding:14px}.marquee span{color:var(--orange);margin:0 28px}.section{padding-block:112px}.section-heading{max-width:760px;margin-bottom:47px}.section-heading h2,.countdown h2,.download h2{font-size:clamp(48px,6.2vw,83px);font-weight:900;line-height:.98;letter-spacing:.2px;margin:19px 0 19px}.section-heading h2 span,.countdown h2 span{color:var(--cyan)}.section-heading p,.countdown p,.download p{font-size:16px;line-height:1.75;color:var(--muted);max-width:550px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{padding:26px 22px 33px;border:1px solid #2e485a;background:linear-gradient(155deg,#122b3c,#091927);border-radius:8px}.feature-icon{font:700 38px 'Barlow Condensed',sans-serif;color:var(--cyan);height:62px}.feature h3{font:800 21px 'Barlow Condensed',sans-serif;letter-spacing:1.2px}.feature p{font-size:13px;line-height:1.75;color:#adc1d0;margin:0}.visual-section{padding:104px 0;background:linear-gradient(180deg,#0b1b2a,#07121e)}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.scene{margin:0;position:relative;overflow:hidden;border:1px solid #375466;border-radius:8px;aspect-ratio:4/5;background:#10202e}.scene:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#031019ee)}.scene img{width:100%;height:100%;object-fit:cover;object-position:center 38%;transition:transform .5s}.scene:hover img{transform:scale(1.04)}.scene figcaption{position:absolute;z-index:2;bottom:25px;left:24px;right:20px;display:flex;flex-direction:column;gap:6px}.scene figcaption span{color:var(--cyan);font-weight:800;letter-spacing:2px;font-size:12px}.scene figcaption strong{font:900 32px 'Barlow Condensed',sans-serif}.scene figcaption small{color:#c3d9e6;font-size:12px}.art-note{color:#819bab;font-size:11px;margin:17px 0 0}.countdown-panel{padding:55px;display:grid;grid-template-columns: .75fr 1fr;gap:58px;align-items:center;border:1px solid #33758b;background:radial-gradient(circle at 12% 50%,#133d53,#0c2132 57%,#091a2a)}.countdown-number{font-size:clamp(108px,17vw,210px);line-height:.9;font-weight:900;text-align:center;color:white;text-shadow:0 0 45px #2edfff66}.countdown-number span{color:var(--orange)}.countdown h2{font-size:clamp(44px,5vw,67px)}.download{text-align:center;background:radial-gradient(ellipse at 50% 65%,#114459 0,#0a1b2a 49%,#07121e 77%)}.download-inner{display:flex;flex-direction:column;align-items:center}.app-icon img{width:130px;height:130px;border-radius:28px;box-shadow:0 20px 60px #0008,0 0 40px #36d8fa33;margin-bottom:33px}.download h2{font-size:clamp(75px,11vw,135px);margin:10px 0}.download h2 span{color:var(--cyan)}.download p{margin-bottom:30px}.store-row{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.store-pill{display:flex;align-items:center;gap:14px;text-align:left;padding:12px 24px;min-width:190px;border:1px solid #84cfe082;background:#0a1c2b;border-radius:7px}.store-pill>span{font-size:30px;color:#fff}.store-pill div{display:flex;flex-direction:column;gap:3px}.store-pill small{font-size:10px;color:var(--cyan);letter-spacing:1px}.store-pill strong{font-size:19px}.download .availability{font-size:12px;color:#849eae;margin:17px 0 0}.footer{padding:33px 0;border-top:1px solid #264052;background:#06101a}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner>div{display:flex;flex-direction:column;gap:14px}.footer small{font-size:11px;color:#76909f}.footer-inner>a{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#b4ceda}@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:740px}.scene figcaption strong{font-size:25px}.countdown-panel{grid-template-columns:1fr;gap:25px}.countdown-number{text-align:left;font-size:150px}}@media(max-width:600px){.shell{width:min(100% - 32px,1170px)}.header-inner{min-height:69px}.site-header nav{gap:12px}.site-header nav>a:not(.nav-cta){display:none}.brand{font-size:20px}.hero{min-height:780px;align-items:flex-end}.hero-art{background-position:58% center}.hero-fade{background:linear-gradient(0deg,#07121e 0%,#07121eea 38%,#07121e65 73%,#07121e50 100%)}.hero-inner{padding:170px 0 78px}h1{font-size:clamp(54px,13vw,82px)}.hero p{font-size:15px}.hero-stats{gap:27px}.hero-stats strong{font-size:32px}.hero-stats small{letter-spacing:1px;font-size:9px}.hero-actions{margin-bottom:45px}.button{padding:15px 17px;font-size:11px}.section{padding-block:76px}.section-heading h2{font-size:50px}.feature-grid{grid-template-columns:1fr 1fr;gap:9px}.feature{padding:18px 15px 22px}.feature h3{font-size:19px}.feature p{font-size:12px}.visual-section{padding:70px 0}.scene-grid{grid-template-columns:1fr;gap:16px}.scene{aspect-ratio:1.1}.scene img{object-position:center 45%}.countdown-panel{padding:25px}.countdown-number{font-size:110px}.countdown h2{font-size:47px}.download h2{font-size:76px}.marquee div{font-size:16px;letter-spacing:3px}.marquee span{margin:0 12px}.footer-inner{align-items:flex-start}.art-label{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
