:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;color:#eee8db;background:#171a17;--amber:#f4b655;--muted:#a3a99a}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--amber);outline-offset:6px}.skip{position:absolute;left:20px;top:-70px;background:var(--amber);color:#171a17;padding:12px;z-index:10}.skip:focus{top:10px}header{display:flex;justify-content:space-between;align-items:center;padding:28px 5.5%;gap:24px;border-bottom:1px solid #ffffff17}.studio{font-weight:750;letter-spacing:2.5px;font-size:16px}.studio span{display:block;font-weight:400;letter-spacing:.5px;font-size:10px;color:var(--muted);margin-top:6px}.header-link{font-size:13px;font-weight:600}.header-link span{color:var(--amber);margin-left:20px}main{position:relative;max-width:1700px;margin:auto;display:grid;grid-template-columns:1.03fr 1fr;min-height:720px}.intro{align-self:center;padding:72px 9% 74px 10.7%;position:relative;z-index:1}.eyebrow{display:flex;gap:10px;align-items:center;color:var(--amber);font-size:11px;font-weight:650;letter-spacing:2px;margin:0 0 35px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--amber)}h1{font-family:"Arial Black","Segoe UI",Arial,sans-serif;font-weight:900;font-style:italic;font-size:clamp(64px,7.1vw,110px);line-height:.92;letter-spacing:-6px;margin:0;position:relative}h1>span{color:var(--amber)}h1 i{position:absolute;font-size:clamp(44px,5vw,72px);right:0;top:-16px;color:var(--amber);font-style:normal}.tagline{font-size:27px;margin:38px 0 17px;font-weight:450;letter-spacing:-.5px}.description{color:#bcc1b3;line-height:1.8;font-size:16px;max-width:390px;margin:0}.actions{display:flex;align-items:center;gap:28px;margin-top:35px;flex-wrap:wrap}.button{display:flex;justify-content:space-between;align-items:center;gap:34px;padding:16px 22px;min-height:54px;background:var(--amber);color:#171a17;font-weight:700;font-size:15px;border-radius:3px;transition:background .15s}.button:hover{background:#ffca77}.back{font-size:12px;color:#c6ccbd;border-bottom:1px solid #76826b;padding:8px 0}.beta-note{color:#8c9584;font-size:11px;line-height:1.7;max-width:370px;margin:22px 0 0}.coast{margin:0;position:relative;overflow:hidden;min-width:0;background:#415c53}.coast svg{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.coast:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171a172b,transparent)}.coast figcaption{position:absolute;z-index:1;bottom:28px;left:26px;right:26px;display:flex;justify-content:space-between;gap:18px;font-size:8px;letter-spacing:1.5px;color:#e5e6d7}.features{display:grid;grid-template-columns:repeat(3,1fr);padding:35px 5.5%;gap:40px;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17}.features>div{position:relative;padding-left:35px}.features>div>span{position:absolute;top:3px;left:0;font-size:10px;color:var(--amber)}.features p{margin:0 0 9px;font-size:15px;font-weight:600}.features small{color:var(--muted);font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 5.5%;font-size:10px;color:var(--muted)}footer a:hover,.header-link:hover{color:var(--amber)}@media(min-width:1700px){main{min-height:850px}}@media(max-width:1000px){main{min-height:650px}.intro{padding:60px 9% 60px 10.7%}h1{letter-spacing:-4px;font-size:72px}h1 i{display:none}.tagline{font-size:24px}.coast figcaption{flex-direction:column}}@media(max-width:700px){header{padding:24px 7%}.studio{font-size:13px}.header-link{font-size:11px}.header-link span{margin-left:10px}main{grid-template-columns:1fr;min-height:0}.intro{padding:54px 7% 42px}.eyebrow{margin-bottom:28px;font-size:10px}h1{font-size:clamp(70px,18vw,120px);letter-spacing:-5px}h1 i{display:block;right:8%;font-size:58px;top:-4px}.tagline{margin-top:28px;font-size:25px}.description{font-size:15px}.actions{gap:22px;margin-top:28px}.coast{height:360px}.coast svg{object-position:center}.coast figcaption{flex-direction:row;font-size:7px;left:7%;right:7%;bottom:18px}.features{grid-template-columns:1fr;padding:30px 7%;gap:26px}.features>div{padding-left:33px}.features small{font-size:12px}footer{padding:25px 7%;gap:15px}footer span{width:100%;order:1}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
