.header{position:sticky;top:0;z-index:20;background:#101512;border-bottom:1px solid #29342c;height:80px}.header nav a{position:relative;padding:12px 0}.header nav a:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after{transform:scaleX(1)}html{scroll-padding-top:100px}.hero{overflow:hidden;height:calc(100svh - 165px);min-height:570px;max-height:820px}.hero-photo{object-position:center 65%}.hero-content{max-width:800px}.hero-statement{font-size:54px}.hero-actions{display:flex;gap:25px;align-items:center}.text-link{font-size:14px;text-underline-offset:6px;text-decoration:underline}.button svg,.header-link svg,.launch-mark a svg{transition:transform .25s}.button:hover svg{transform:translate(3px,3px)}.header-link:hover svg{transform:translate(3px,-3px)}.hero-bottom{bottom:22px}.platforms{padding:52px 6% 30px;background:#18211b;border-bottom:1px solid #334638}.platform-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:1268px;margin:auto}.platform-heading h2{font-size:30px}.platform-heading p{font-size:15px;line-height:1.7;color:#d0d9d1}.platform-heading p span{display:block;font-size:11px;color:#a8b7aa;margin-top:10px}.platform-logos{max-width:1268px;margin:38px auto 24px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.platform-logos li{display:flex;justify-content:center;align-items:center;gap:10px;height:75px;border-right:1px solid #38463c}.platform-logos li:last-child{border:0}.platform-logos img{object-fit:contain;transition:transform .3s}.platform-logos li:hover img{transform:translateY(-5px)}.platform-logos strong{font-size:23px;font-weight:600}.white-logo{filter:brightness(0) invert(1)}.brand-note{text-align:center;font-size:10px;color:#a8b7aa}.discovery{padding-bottom:30px}.discovery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.discovery-heading h2{font-size:48px}.modes{display:flex;gap:5px;border-bottom:1px solid #445348}.modes button{font:inherit;font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px;color:#b6beb8;background:none;border:0;border-bottom:2px solid transparent;padding:17px 20px;cursor:pointer;min-height:54px;transition:color .2s,border-color .2s}.modes button[aria-selected=true]{color:var(--lime);border-color:var(--lime)}.modes button:hover{color:white}.modes button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.mode-panel{position:relative;min-height:470px;isolation:isolate;overflow:hidden;background:#151c17}.mode-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;object-position:center 60%}.mode-panel:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a100be8,#0a100b99 50%,#0a100b15)}.mode-copy{padding:60px;max-width:560px}.mode-copy>span:first-child{font-size:11px;color:#d1dcd1}.mode-copy h3{font-size:56px;line-height:1.06;margin:25px 0 20px;font-weight:600}.mode-copy p{font-size:16px;line-height:1.7;color:#e0e6e0}.mode-status{display:block;margin-top:25px;font-size:11px;color:var(--lime)}.mode-symbol{position:absolute;right:35px;bottom:35px;color:var(--lime)}.mode-symbol svg{width:60px;height:60px}.intro{padding-top:85px}.photo-block{clip-path:inset(0);border-radius:0 80px 0 0}.photo-block img{transition:transform .8s cubic-bezier(.16,1,.3,1)}.photo-block:hover img{transform:scale(1.04)}.next{background:#cdf89e}.next em{color:#345724}.launch-mark{border-color:#97bc76}.next p{color:#354b2e}.launch-mark a{border-color:#718e57}.faq summary{transition:color .2s}.faq summary:hover{color:var(--lime)}summary svg{transition:transform .25s}details[open] p{animation:answer-in .25s ease-out}.footer .brand{font-size:45px}.hero-content{animation:opening .8s cubic-bezier(.16,1,.3,1)}.hero-photo{animation:cinema-open 1.4s cubic-bezier(.16,1,.3,1)}@keyframes opening{from{transform:translateY(20px);opacity:.6}to{transform:none;opacity:1}}@keyframes cinema-open{from{transform:scale(1.07);filter:brightness(.7)}to{transform:scale(1);filter:brightness(1)}}@keyframes answer-in{from{opacity:.4;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.header nav{gap:18px;font-size:12px}.hero-statement{font-size:47px}.platform-logos strong{font-size:18px}.platform-logos img{max-width:86px}.modes button{padding:15px 12px}.discovery-heading h2{font-size:40px}.mode-copy{padding:45px}}
@media(max-width:700px){.header{height:72px}.hero{height:calc(100svh - 155px);min-height:580px;padding-top:32px}.hero-statement{font-size:35px}.hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.hero-description{margin:20px 0}.hero .button{font-size:13px;padding:16px 18px;gap:16px}.coming{font-size:10px;margin-top:18px}.hero-bottom{font-size:8px}.platforms{padding:32px 23px 25px}.platform-heading{display:block}.platform-heading h2{font-size:29px}.platform-heading p{margin-top:18px;font-size:14px}.platform-heading p span{font-size:10px}.platform-logos{grid-template-columns:repeat(6,1fr);gap:16px 0;margin:23px 0}.platform-logos li{grid-column:span 2;height:60px}.platform-logos li:nth-child(3){border:0}.platform-logos li:nth-child(4){grid-column:2/span 2}.platform-logos strong{font-size:17px}.platform-logos li{gap:7px}.platform-logos li:first-child strong{font-size:14px}.platform-logos li:first-child img{width:18px}.platform-logos img{max-width:75px;max-height:32px}.brand-note{font-size:9px;line-height:1.6}.discovery-heading{display:block;margin-bottom:22px}.discovery-heading h2{font-size:36px}.modes{margin-top:27px;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:0}.modes button{font-size:11px;padding:12px 4px;gap:6px}.modes svg{width:16px;height:16px}.mode-panel{min-height:460px}.mode-copy{padding:35px 25px;max-width:100%}.mode-copy h3{font-size:44px}.mode-copy p{font-size:15px}.mode-symbol{right:23px;bottom:23px}.mode-symbol svg{width:38px;height:38px}.mode-panel:after{background:linear-gradient(90deg,#0a100bde,#0a100b65)}.intro{padding-top:60px}.photo-block{border-radius:0 55px 0 0}.footer .brand{font-size:33px}}
@media(prefers-reduced-motion:reduce){.hero-content,.hero-photo,details[open] p{animation:none}.photo-block:hover img{transform:none}.platform-logos li:hover img{transform:none}}
