:root{color-scheme:dark;--bg:#08090d;--ink:#f1f1f4;--muted:#989ba8;--line:#ffffff18;--silver:#d9dce7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 'Segoe UI',Arial,sans-serif;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:2px solid #c5cfff;outline-offset:6px}.skip-link{position:fixed;left:20px;top:-80px;z-index:10;background:#fff;color:#111;padding:10px}.skip-link:focus{top:10px}.shell{width:min(1280px,calc(100% - 96px));margin-inline:auto}.ambient{position:absolute;top:0;left:0;width:100%;height:1600px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 28%,#30344335,transparent 50%),radial-gradient(ellipse at 90% 0,#27334725,transparent 35%)}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:4}.studio{display:inline-flex;align-items:center;gap:4px}.studio img{width:76px;height:76px;object-fit:contain}.wordmark{font-size:16px;letter-spacing:4px;font-weight:500;line-height:1.5}.wordmark small{display:block;letter-spacing:5.6px;font-size:8px;color:var(--muted)}nav{display:flex;align-items:center;gap:35px}nav>a{font-size:12px;color:#b0b2bf;transition:color .2s}nav>a:hover{color:white}.button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:34px;min-height:54px;padding:16px 27px;border-radius:50px;border:1px solid #f4f5fb;background:#e9ebf2;color:#11131b;text-transform:uppercase;font-size:10px;letter-spacing:1.7px;font-weight:650;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 32px #c6d4ff1c;background:white}.button span{font-size:17px;line-height:1}.button.small{min-height:42px;padding:11px 20px;gap:20px}.button.secondary{background:#ffffff03;color:#d9dce7;border-color:#ffffff30}.button.secondary:hover{background:#ffffff0b}.hero{position:relative;padding-top:65px;padding-bottom:50px;text-align:center}.hero-copy{max-width:720px;margin:auto;position:relative;z-index:2}.eyebrow{font-size:9px;letter-spacing:2.8px;text-transform:uppercase;color:#b5bacb;font-weight:500;margin:0 0 22px}.eyebrow>span{display:inline-block;width:5px;height:5px;background:#c5cfff;border-radius:50%;margin-right:8px;box-shadow:0 0 9px #ccd5ff55}.logo{width:230px;height:auto;display:block;margin:0 auto 24px}h1,h2,h3{font-weight:400;line-height:1.05;margin:0}h1{font-size:clamp(62px,7vw,100px);font-weight:450;letter-spacing:-5px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:#b9bdca;font-style:italic;letter-spacing:-3px}.intro{max-width:480px;margin:25px auto 28px;color:#a8aab7;font-size:14px;line-height:1.85}.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.demo-note{font-size:10px;color:#787d8d;margin:17px 0 0}.hero-stage{position:relative;max-width:1000px;margin:68px auto 0}.stage-caption,.stage-bottom{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:2px;color:#8b91a4;margin:0 6px 15px}.stage-bottom{margin:20px 6px 0;font-size:8px}.hero-media{border:1px solid #ffffff30;border-radius:14px;overflow:hidden;position:relative;z-index:1;background:#0e1016;box-shadow:0 35px 100px #0009,0 0 65px #828bb00a}.hero-media>img{display:block;width:100%;height:auto;aspect-ratio:144/100;object-fit:contain}.media-heading,.media-foot{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;font-size:8px;letter-spacing:1.7px;color:#aeb3c3}.media-foot a{margin-left:auto;color:#e1e4ef}.live-dot{height:4px;width:4px;border-radius:50%;background:#d1d8ec;display:inline-block;margin-right:8px}.orbit{position:absolute;width:115%;height:80%;left:-7.5%;top:8%;border:1px solid #afb7d519;border-radius:50%;transform:rotate(-22deg);pointer-events:none}.orbit-two{transform:rotate(22deg);width:110%;left:-5%;border-color:#ffffff08}.orbit-one:after{content:'';position:absolute;left:14%;top:12%;width:7px;height:7px;border-radius:50%;background:#cbd1e3;box-shadow:0 0 18px #9eabd6;animation:star-breathe 5s ease-in-out 2}.stat-strip{margin-top:25px;border-block:1px solid var(--line);background:linear-gradient(90deg,transparent,#ffffff03,transparent)}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding-block:32px}.stats>div{text-align:center;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong{display:block;font-size:30px;font-weight:350;letter-spacing:-1px;color:#e0e2eb}.stats span{font-size:9px;color:#8c91a0;letter-spacing:.7px}.section{padding-block:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:clamp(38px,4vw,57px);letter-spacing:-2px}.section-heading>p{color:#888e9e;font-size:13px;line-height:1.9;margin:0}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 30px}.card{border:1px solid #ffffff13;background:linear-gradient(140deg,#171a2380,#0b0d12);border-radius:13px;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}.card:hover{border-color:#ffffff40;transform:translateY(-5px);box-shadow:0 18px 45px #0004}.video-wrap{position:relative;aspect-ratio:35/18;background:#030407;overflow:hidden}.video-wrap video{display:block;width:100%;height:100%;object-fit:contain}.watch{position:absolute;bottom:18px;left:18px;display:flex;align-items:center;gap:11px;border:1px solid #ffffff40;border-radius:30px;padding:10px 16px;background:#0b0d16dc;backdrop-filter:blur(10px);color:#edf0fa;font-size:10px;transition:background .2s}.watch:hover{background:#303645}.watch span{font-size:9px}.clip-state{position:absolute;top:0;left:0;min-width:90px;min-height:32px;padding:8px 10px;background:#11131b;color:#c2c7d5;font-size:8px;text-transform:uppercase;letter-spacing:1.2px;pointer-events:none}.playing .watch{display:none}.card-copy{display:flex;gap:20px;padding:27px 25px 30px}.number{font-size:9px;color:#6a738a;padding-top:5px;letter-spacing:1px}h3{font-size:22px;letter-spacing:-.5px}.card-copy p{color:#9398a7;font-size:12px;line-height:1.85;margin:13px 0 0}.video-note{font-size:10px;color:#727a8a;margin-top:30px}.info-section{position:relative;border-block:1px solid var(--line);background:radial-gradient(ellipse at 10% 0,#282e432b,transparent 70%);padding-block:90px}.info-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.info-description{color:#969bab;max-width:380px;font-size:14px;margin:27px 0}.tags{display:flex;flex-wrap:wrap;gap:9px;max-width:400px}.tags span{border:1px solid #ffffff1d;color:#a7adbd;padding:6px 13px;border-radius:25px;font-size:10px}.facts{margin:0}.facts>div{display:grid;grid-template-columns:135px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.facts dt{color:#777f92;font-size:11px}.facts dd{margin:0;font-size:12px;color:#ced3e0;overflow-wrap:anywhere}.facts small{display:block;font-size:9px;color:#727c90}.final-cta{position:relative;text-align:center;padding-block:75px 100px}.closing-mark{width:150px;height:150px;margin:auto;position:relative}.closing-mark img{width:100%;height:100%;object-fit:contain}.closing-mark:after{content:'';position:absolute;inset:12px;border:1px solid #dce1ff15;border-radius:50%;transform:scale(1.2)}.final-cta .eyebrow{margin:20px 0}.final-cta>p:not(.eyebrow){font-size:13px;color:#969baa;margin-top:22px}.final-cta .button{margin-top:20px}.launch-error:empty{display:none}.launch-error{color:#f0b2a2!important;font-size:13px}footer{border-top:1px solid var(--line);padding-block:24px 35px}.footer-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.footer-line>a{font-size:10px;color:#9aa1b4}footer p{color:#687083;font-size:10px;margin:4px 0}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}@keyframes star-breathe{50%{opacity:.35;transform:scale(.65)}}@media(min-width:1100px){.hero-copy{animation:hero-enter .9s ease both}@keyframes hero-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:1000px){.shell{width:calc(100% - 56px)}.info-layout{gap:50px}.hero-stage{max-width:850px}.hero{padding-top:48px}.section{padding-block:80px}}@media(max-width:650px){.shell{width:calc(100% - 36px)}.header{height:84px}.studio img{width:58px;height:58px}.wordmark{font-size:12px;letter-spacing:2.5px}.wordmark small{font-size:6px;letter-spacing:4px}nav>a{display:none}nav{gap:0}.button.small{padding:10px 16px;gap:12px;font-size:9px}.hero{padding-top:36px;padding-bottom:30px}.logo{width:185px;margin-bottom:22px}.eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:63px;letter-spacing:-3px}h1 em{letter-spacing:-3px}.intro{font-size:12px;max-width:335px;margin-top:22px}.button{font-size:9px;gap:22px;padding:14px 20px;min-height:48px}.hero-stage{margin-top:40px}.hero-media{border-radius:8px}.stage-caption,.stage-bottom{font-size:6px;letter-spacing:1px}.media-heading,.media-foot{font-size:6px;padding:11px 10px;letter-spacing:.8px}.orbit{width:104%;left:-2%}.orbit-two{width:100%;left:0}.stats{grid-template-columns:1fr 1fr;row-gap:25px;padding-block:25px}.stats>div:nth-child(2){border:0}.stats strong{font-size:26px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:24px;font-size:12px}h2{font-size:41px}h2 em{letter-spacing:-2px}.cards{grid-template-columns:1fr;gap:24px}.card-copy{padding:22px 18px;gap:13px}h3{font-size:22px}.info-section{padding-block:55px}.info-layout{grid-template-columns:1fr;gap:30px}.facts>div{grid-template-columns:105px 1fr;gap:12px}.final-cta{padding-block:45px 65px}.footer-line .studio img{width:50px;height:50px}.watch{bottom:12px;left:12px}.closing-mark{width:125px;height:125px}}@media(max-width:360px){.shell{width:calc(100% - 28px)}.header .wordmark{font-size:10px;letter-spacing:1.7px}.header .studio img{width:45px;height:45px}h1{font-size:56px}.button.small{padding-inline:12px}.actions{gap:8px}.actions .button{padding-inline:16px;gap:12px}}@media(max-height:500px) and (orientation:landscape){.header{height:70px}.hero{padding-top:25px}.hero-copy{max-width:580px}.logo{width:160px;margin-bottom:14px}h1{font-size:56px;letter-spacing:-2px}.intro{margin:18px auto;font-size:12px}.hero-stage{margin-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}
.hero{overflow:clip}.info-layout>*{min-width:0}
