@import url("site-theme.css");
:root{--ink:#eef8ff;--muted:#9bb7c9;--line:#28445a;--cyan:#8fe9ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#07111c;color:var(--ink);font:16px/1.7 system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ffe18f;outline-offset:5px}a:hover{color:#b5f3ff}.skip{position:absolute;top:-100px;z-index:20;background:#fff;color:#07111c;padding:12px}.skip:focus{top:0}.drive-header{height:84px;padding:0 4vw;display:flex;align-items:center;gap:40px;background:#091523eF;border-bottom:1px solid #31526a;position:relative;z-index:3}.brand{display:flex;gap:12px;align-items:center;font-size:15px;font-weight:900;letter-spacing:.16em}.drive-header nav{display:flex;gap:25px;margin-left:auto;font-size:12px;font-weight:650}.drive-header nav a[aria-current]{color:var(--cyan)}.header-download{border:1px solid #52768e;border-radius:6px;padding:9px 14px;font-size:12px;white-space:nowrap}.ambience-scene{position:relative;isolation:isolate;overflow:hidden;background:#1a415d url('semadrive-coast.png') center/cover}.ambience-scene canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#051324e8 0%,#071622bd 33%,#07162235 72%),linear-gradient(0deg,#06121ce8,transparent 40%);z-index:-1}.drive-hero{min-height:720px;height:min(900px,87vh);padding:72px 7vw 120px;display:flex;align-items:center}.hero-copy{max-width:760px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em;color:#a6dbe8}.status-light{display:inline-block;width:7px;height:7px;border-radius:50%;background:#98f3db;box-shadow:0 0 12px #7ef3e2;margin-right:7px}.drive-logo{width:245px;height:auto;filter:drop-shadow(0 8px 18px #001121);margin:14px 0 0}h1{font-size:clamp(48px,6.3vw,92px);line-height:1.03;letter-spacing:-.06em;font-weight:750;margin:20px 0 26px}h1 em{font-style:normal;color:#a9efff;text-shadow:0 0 45px #46c3ed42}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#c9e2ec;text-shadow:0 2px 12px #001727}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:34px}.button{display:inline-flex;gap:25px;align-items:center;background:linear-gradient(155deg,#e5fcff,#9edcec);color:#092a3e!important;border:1px solid #dcfaff;border-radius:7px;padding:15px 23px;font-weight:750;font-size:13px;box-shadow:0 5px 24px #001c3480,inset 0 1px white;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #67cbe033}.quiet-link{font-size:12px;border-bottom:1px solid #91b8c8;padding:8px 0}.scene-bottom{position:absolute;bottom:30px;left:7vw;right:5vw;display:flex;justify-content:space-between;align-items:end;gap:20px}.scene-caption{font-size:9px;font-weight:750;letter-spacing:.13em}.scene-caption>span{opacity:.4;margin:0 8px}.scene-caption small{display:block;font-size:10px;letter-spacing:0;font-weight:400;color:#a8c4d1;margin-top:7px}.scene-controls{display:flex;gap:5px;background:#081c2dcc;backdrop-filter:blur(12px);padding:5px;border:1px solid #6d94aa70;border-radius:7px}.scene-controls button{font-size:10px;border:0;border-radius:3px;background:transparent;color:#bdd6e4;padding:8px 11px}.scene-controls button[aria-pressed=true]{background:#2b5067;color:white}.chapter-strip{display:flex;justify-content:space-between;gap:20px;padding:25px 7vw;border-bottom:1px solid var(--line);color:#85a7ba;font:9px/1.4 ui-monospace,monospace;letter-spacing:.1em}.chapter-strip a{color:var(--cyan)}.drive-section{max-width:1280px;margin:auto;padding:100px 6vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px}.drive-section h2,.sound-section h2,.get-section h2{font-size:clamp(34px,3.6vw,54px);line-height:1.12;letter-spacing:-.045em;margin:15px 0 26px}.large-copy{font-size:21px;line-height:1.6;color:#d9edf4}.drive-section p,.sound-section p,.get-section p{color:#a9c0ce}.drive-section .eyebrow,.sound-section .eyebrow,.get-section .eyebrow{color:#8bd4e9}.inline-link{display:inline-block;color:#a7e6fb;border-bottom:1px solid #578a9d;margin-top:16px;font-size:13px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading>p{font-size:13px;text-align:right;margin-bottom:29px}.frame-study{border:1px solid #42657e;border-radius:12px;overflow:hidden;box-shadow:0 30px 70px #0005}.wide-study{height:275px;position:relative;background:linear-gradient(#05263830,#05263830),url('semadrive-coast.png') center 55%/cover;display:flex;align-items:center;justify-content:space-between;padding:20px}.native-outline{position:absolute;inset:0 27%;border-left:1px solid #e0faff;border-right:1px solid #e0faff;box-shadow:0 0 0 200px #07162245;display:flex;align-items:end;justify-content:center;padding:18px}.native-outline span,.extension-label{background:#051c2ec9;padding:7px 10px;font:8px ui-monospace,monospace;letter-spacing:.13em;z-index:1}.study-caption{padding:18px 22px;background:#122436;display:flex;justify-content:space-between;gap:20px;font-size:11px}.study-caption span{font-size:10px;color:#8fabbe}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:38px 0 65px}.principles article{border-top:1px solid #416078;padding-top:22px}.principles article>span{font:11px ui-monospace,monospace;color:#70b3cd}.principles h3{font-size:18px;letter-spacing:-.02em}.principles p{font-size:13px;line-height:1.9}.game-marquee{padding:42px;background:radial-gradient(at 10% 0,#22485d,#102333 65%);border:1px solid #3a5e75;border-radius:14px}.game-marquee h3{font-size:31px;margin:12px 0}.game-marquee>p:not(.eyebrow):not(.fine){font-size:19px;line-height:2}.fine{font-size:11px!important;line-height:1.8;color:#8ba7bb!important;max-width:750px}.game-marquee .fine{margin-bottom:0}.sound-section{max-width:1280px;margin:auto;padding:85px 6vw;display:grid;grid-template-columns:.9fr 1fr;gap:80px;background:radial-gradient(at 20% 40%,#194253,#0b1b2a 55%);border-block:1px solid #2b485d}.sound-art{align-self:center;position:relative;padding-bottom:45px}.record{width:100%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#101e28 0 3px,#293d49 4px,#07141f 5px 7px);box-shadow:18px 25px 55px #0008;display:grid;place-items:center;border:1px solid #4d697c;position:relative}.record:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#badfeb25,transparent 24%,transparent 45%,#badfeb25,transparent 75%)}.record-label{background:linear-gradient(140deg,#387f93,#102b4a);width:40%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:24px;font-weight:900;line-height:1.1;letter-spacing:-.04em;text-align:center;border:1px solid #7ebfd0}.record-label small{font:6px ui-monospace,monospace;letter-spacing:.1em;margin-top:12px}.equalizer{display:flex;align-items:end;justify-content:center;gap:8px;height:65px;margin-top:-10px;position:relative}.equalizer i{height:calc(var(--bar)*.6px);width:9px;border-radius:2px;background:linear-gradient(#d1fff5,#4596ad);box-shadow:0 0 12px #70d9e433}.sound-levels{display:flex;gap:25px;padding:20px 0;border-block:1px solid #34556b;font:9px ui-monospace,monospace;color:#c3e7ee}.sound-levels span{display:flex;align-items:center;gap:12px}.sound-levels i{height:3px;width:55px;background:#8bdbe6;box-shadow:0 0 9px #75d8e755}.controls-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.key-pair{display:flex;gap:30px;margin-top:30px;font-size:12px}.key-pair kbd{display:inline-block;border:1px solid #58768d;border-bottom:3px solid #365267;border-radius:5px;padding:8px 12px;margin-right:10px;font:12px ui-monospace,monospace;background:#152c3d}.menu-preview{border:1px solid #5c849e;border-radius:12px;background:linear-gradient(145deg,#234057,#0e2133);box-shadow:0 30px 60px #0007;padding:25px;transform:perspective(1200px) rotateY(-5deg);}.menu-title{display:flex;align-items:center;gap:7px;letter-spacing:.12em;font-size:10px;padding-bottom:25px}.menu-title small{margin-left:auto;color:#8db7cf;font-size:8px}.menu-row{display:flex;justify-content:space-between;padding:16px 10px;border-block-end:1px solid #42647a;color:#c5e4f0;font-size:13px}.menu-row:first-of-type{background:#4a839b30}.menu-row b{color:#87bdd5}.menu-preview>p{font-size:9px;text-align:center;letter-spacing:.1em;margin:22px 0 0}.get-section{text-align:center;padding:100px 25px;background:radial-gradient(ellipse at 50% 100%,#18445b,transparent 70%);border-top:1px solid #29485d}.get-section>p{max-width:610px;margin:22px auto}.get-section .button{margin:10px 0}footer{display:flex;justify-content:space-between;gap:35px;padding:40px 5vw;border-top:1px solid #315066;font-size:10px;color:#8eafc0}footer nav{display:flex;gap:20px}footer .brand{font-size:12px}footer .brand span{font-weight:400;font-size:10px;letter-spacing:0}footer p{margin:0}@media(max-width:950px){.drive-header{gap:15px;padding:0 20px}.drive-header nav{gap:12px;font-size:10px}.header-download{display:none}.intro,.controls-section{gap:35px}.sound-section{gap:40px}.scene-bottom{align-items:start;flex-direction:column}.drive-hero{padding-bottom:160px}.chapter-strip span:nth-child(3){display:none}.extension-label{font-size:6px}.menu-preview{transform:none}}@media(max-width:650px){.drive-header{height:auto;min-height:95px;flex-wrap:wrap;padding:16px 20px;gap:12px}.drive-header nav{margin:0;width:100%;justify-content:space-between;gap:8px}.drive-header .brand img{width:25px;height:25px}.drive-hero{height:760px;min-height:0;padding:35px 24px 150px;align-items:center}.scene-shade{background:linear-gradient(90deg,#051324e0,#05132480),linear-gradient(0deg,#06121c,transparent 65%)}.drive-logo{width:195px}h1{font-size:52px}.hero-copy>p:not(.eyebrow){font-size:15px}.eyebrow{font-size:8px}.hero-actions{flex-wrap:wrap;gap:18px}.scene-bottom{left:24px;bottom:22px}.chapter-strip{padding:20px 24px;font-size:8px}.chapter-strip span:nth-child(2){display:none}.drive-section{padding:65px 24px}.intro,.controls-section,.sound-section{grid-template-columns:1fr;gap:25px}.section-heading{display:block}.section-heading>p{text-align:left}.wide-study{height:190px}.extension-label{display:none}.study-caption{display:block}.study-caption span{display:block;margin-top:7px}.principles{grid-template-columns:1fr;gap:12px;margin-bottom:35px}.principles h3{margin:10px 0}.game-marquee{padding:25px}.game-marquee>p:not(.eyebrow):not(.fine){font-size:16px}.sound-section{padding:50px 24px}.sound-art{max-width:280px;margin:auto;width:100%;padding:0}.sound-section .large-copy{font-size:19px}.key-pair{gap:15px}footer{display:block;padding:30px 24px}footer p{margin:18px 0}footer nav{flex-wrap:wrap}.large-copy{font-size:19px}.get-section{padding:65px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}