@font-face{font-family:Barlow;src:url('assets/barlow.ttf');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#101923;color:#f3e5ca;font-family:Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffc857;outline-offset:5px}h1,h2,h3,.eyebrow,.brand,.button,.stats,.showroom-label,.car-heading small,.track-info>span,.screens span,figcaption{font-family:Barlow,'Arial Narrow',sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:700;line-height:.98;letter-spacing:-1px}h1{font-size:clamp(58px,6.1vw,96px)}h2{font-size:clamp(44px,4.5vw,68px)}em{font-style:normal;color:#43e7ef}p{color:#b4c2cd}header{height:88px;padding:0 4%;display:flex;align-items:center;gap:40px;border-bottom:1px solid #43e7ef30;background:#101923ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{font-size:27px;display:flex;align-items:center;gap:12px;white-space:nowrap;letter-spacing:1px}.brand img{width:48px;height:48px;object-fit:contain}.brand small{font-size:12px;color:#43e7ef;letter-spacing:2px;padding-left:10px;border-left:1px solid #43e7ef55}nav{margin-left:auto;display:flex;gap:32px;font-size:14px}nav a:hover,.text-link:hover,footer a:hover{color:#43e7ef}.button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:12px 28px;border-radius:8px;font-size:23px;letter-spacing:.2px;font-weight:bold;border:1px solid #6de4ee;box-shadow:0 0 16px #43e7ef20;background:#111c27}.button.gold{background:#ffc857;color:#101923;border-color:#ffe19c;box-shadow:0 0 20px #ffc85725}.button:hover{filter:brightness(1.12);transform:translateY(-2px)}.button.compact{min-height:43px;font-size:18px;padding:8px 20px}.compact span{margin-left:4px}.hero{padding:30px 4% 0;background:radial-gradient(ellipse at 77% 40%,#23475888,transparent 48%),linear-gradient(110deg,#101923,#152331)}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:17px;color:#43e7ef;letter-spacing:2px}.version{font-size:11px;color:#ffc857;letter-spacing:1.3px}.hero-layout{display:grid;grid-template-columns: .85fr 1.3fr;gap:30px;align-items:center;padding:42px 0 26px}.hero-copy>p{max-width:370px;margin:24px 0 27px;font-size:16px}.download-note{display:block;font-size:11px;color:#a6b7c1;margin-top:12px}.text-link{display:inline-block;color:#f3e5ca;margin-top:28px;font-size:13px}.showroom{min-width:0;border:1px solid #43e7ef55;border-radius:16px;background:linear-gradient(#101923a8,#101923ef),url('assets/menu.webp') center/cover;box-shadow:0 0 40px #43e7ef0b;overflow:hidden;padding:20px 22px 12px}.showroom-label{display:flex;justify-content:space-between;font-size:16px;letter-spacing:1px;color:#43e7ef}#stage{height:315px;position:relative;perspective:900px;isolation:isolate}#scene{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.halo{position:absolute;width:85%;height:30%;border-radius:50%;border:2px solid #43e7ef;bottom:20px;left:7.5%;box-shadow:0 0 24px #43e7ef55,inset 0 0 30px #43e7ef20;transform:rotateX(35deg)}#car{position:absolute;width:90%;height:100%;left:5%;top:-5%;object-fit:contain;filter:drop-shadow(0 22px 15px #0009);transition:opacity .2s}.floor-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;letter-spacing:5px;color:#a2d9dc66}.car-heading{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:10px}.car-heading small{color:#43e7ef;letter-spacing:2px;font-size:12px}.car-heading h2{font-size:30px;margin-top:7px;letter-spacing:0}.arrows{display:flex;gap:8px}.arrows button{background:#101923;border:1px solid #43e7ef66;border-radius:7px;width:42px;height:42px}.arrows button:hover{background:#43e7ef;color:#101923}.hint{font-size:10px;margin:13px 0}#car-list{display:flex;overflow-x:auto;gap:8px;scrollbar-width:thin;scrollbar-color:#43e7ef #101923;padding:5px 2px 12px}#car-list button{min-width:88px;width:88px;height:64px;flex-shrink:0;border:1px solid #43e7ef44;background:#101923a0;border-radius:6px}#car-list button[aria-pressed=true]{border:2px solid #ffc857;background:#ffc85718;box-shadow:0 0 10px #ffc85722}#car-list img{width:100%;height:100%;object-fit:contain}.garage-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:10px;font-size:8px;letter-spacing:1px;color:#91a6b6}.garage-bottom button{background:none;border:0;color:#b4c2cd;font-size:10px}.stats{display:flex;border-top:1px solid #43e7ef30;padding:25px 0;align-items:center;gap:55px}.stats div{display:flex;align-items:center;gap:12px}.stats b{font-size:38px;color:#f3e5ca}.stats span{font-size:13px;color:#91a6b6;max-width:80px;line-height:1.15;letter-spacing:1px}.stats>a{margin-left:auto;font-size:14px}.stats>a span{color:#43e7ef;margin-left:24px}.section{padding:90px 5%;scroll-margin-top:0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-title h2{margin-top:15px}.section-title>p{max-width:340px;font-size:14px}.tracks{background:#0c141e}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.track{border:1px solid #43e7ef33;background:#14212d;border-radius:10px;overflow:hidden;position:relative}.track-art{width:100%;height:240px;object-fit:cover}.track-info{padding:22px;position:relative}.track-info>span{font-size:14px;color:#43e7ef;letter-spacing:1px}.track-info>img{height:75px;width:90px;object-fit:contain;float:right;margin:15px 0 0 8px}.track h3{font-size:27px;line-height:1.1;margin:12px 0}.track p{font-size:12px;line-height:1.6}.caption{font-size:10px;color:#8194a4;margin-top:17px}.game-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.screenshot{padding:0;display:block;background:none;border:1px solid #43e7ef33;overflow:hidden;border-radius:8px;width:100%;text-align:left}.screenshot:hover{border-color:#43e7ef;box-shadow:0 0 18px #43e7ef20}.screenshot img{display:block;width:100%}figcaption{color:#43e7ef;font-size:12px;letter-spacing:1px;margin-top:12px}.features article{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #43e7ef22}.features article>span{font-family:Barlow;font-size:22px;color:#43e7ef}.features h3{font-size:28px;margin-bottom:6px}.features p{font-size:13px}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.screens span{display:block;padding:15px 18px;font-size:15px;color:#43e7ef;letter-spacing:1px}.controls{background:#0b141d;border-block:1px solid #43e7ef22}.controls h2{margin:15px 0 35px}.control-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:45px}.control-grid h3{font-size:28px;margin-bottom:15px}.control-grid>div p{display:flex;align-items:center;border-bottom:1px solid #43e7ef22;min-height:45px;font-size:12px}.control-grid p>span{margin-left:auto}kbd{font-family:Arial;font-size:11px;border:1px solid #43e7ef55;border-radius:4px;padding:3px 7px;color:#f3e5ca;margin-right:6px}aside{border-left:2px solid #ffc857;padding:10px 0 0 28px}aside .eyebrow{color:#ffc857;font-size:13px}aside h3{margin-top:12px}aside p{font-size:13px}.download{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:radial-gradient(ellipse at bottom left,#25434b88,transparent 70%)}.download h2{margin:20px 0}.download>div>p{margin-bottom:25px}.download .download-note{margin-top:15px;margin-bottom:18px}.download-links{display:flex;gap:25px;font-size:12px;color:#43e7ef}.install{padding:25px 30px;border:1px solid #43e7ef44;border-radius:12px;background:#101923c9}.install h3{font-size:22px;letter-spacing:1px}.install ol{padding-left:25px}.install li{padding:10px 0 10px 12px;color:#43e7ef}.install b{font-family:Barlow;font-size:23px;color:#f3e5ca}.install p{font-size:12px;line-height:1.65}details{border-top:1px solid #43e7ef33;padding-top:15px}summary{cursor:pointer;font-size:12px;color:#f3e5ca}details p{padding-top:14px}details a{color:#43e7ef}footer{padding:35px 5%;border-top:1px solid #43e7ef22;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px}footer>div{display:flex;gap:25px;font-size:12px}footer>p{flex-basis:100%;font-size:10px;color:#718798}dialog{max-width:94vw;width:1200px;border:1px solid #43e7ef;border-radius:10px;background:#101923;padding:15px;color:#f3e5ca}dialog::backdrop{background:#000d}dialog>img{width:100%;display:block}dialog>button{float:right;background:#152b38;border:1px solid #43e7ef88;border-radius:4px;padding:7px 15px;margin-bottom:12px}.skip{position:fixed;top:-100px;z-index:100;background:#ffc857;color:#101923;padding:15px}.skip:focus{top:0}@media(min-width:1600px){.hero,.section,footer{padding-left:max(5%,calc((100vw - 1450px)/2));padding-right:max(5%,calc((100vw - 1450px)/2))}}@media(max-width:1000px){header{gap:20px}nav{gap:18px}.brand small{display:none}.hero-layout{grid-template-columns:.8fr 1fr;gap:20px}h1{font-size:64px}.stats{gap:25px}.stats>a{display:none}#stage{height:270px}.track-info{padding:16px}.track-info>img{width:65px}.track h3{font-size:25px}.game-grid{gap:25px}.control-grid{gap:25px}.download{gap:35px}}@media(max-width:720px){header{height:72px;padding:0 5%;gap:10px;justify-content:space-between}.brand{font-size:22px;gap:7px}.brand img{width:36px;height:36px}nav{display:none}.compact span{display:none}.button.compact{font-size:17px;padding:7px 14px}.hero{padding:24px 5% 0}.hero-top .eyebrow{font-size:12px;letter-spacing:1px}.version{display:none}.hero-layout{display:flex;flex-direction:column;align-items:stretch;padding-top:26px;gap:35px}.hero-copy h1{font-size:68px}.hero-copy>p{font-size:15px;max-width:350px}.showroom{padding:18px 15px 10px}#stage{height:300px}.car-heading h2{font-size:28px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:24px 0}.stats b{font-size:35px}.section{padding:60px 5%}.section-title{display:block}.section-title>p{margin-top:22px}.section-title h2,h2{font-size:49px}.eyebrow{font-size:14px}.track-grid,.game-grid,.screens,.control-grid,.download{grid-template-columns:1fr}.track-art{height:220px}.track h3{font-size:30px}.track-info{padding:22px}.track-info>img{width:85px}.screens{gap:18px}.control-grid{gap:35px}.control-grid>div p{font-size:14px}.download{gap:35px}.download-links{flex-wrap:wrap;gap:12px 20px}.install{padding:22px}.hero .text-link{margin-top:20px}footer>div{flex-wrap:wrap;gap:18px}#car-list button{width:78px;min-width:78px}.garage-bottom{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Showroom: the game's skyline, cyan/gold dais and magenta light pillars. */
.hero{background:linear-gradient(90deg,#08131ff5,#08131fa8 42%,#10223440),url('assets/garage-skyline.png') center top/cover}.hero-layout{grid-template-columns:.75fr 1.4fr;gap:30px;padding-top:32px}.hero-copy h1{font-size:clamp(50px,5.1vw,83px)}.hero-copy>p{color:#d0dce4;text-shadow:0 2px 6px #000}.showroom{position:relative;padding:20px 24px 16px;background:linear-gradient(0deg,#08111ef5 0%,#10192340 60%,#09152750),url('assets/garage-skyline.png') center 25%/cover;border-color:#78eaff88;box-shadow:0 0 45px #43e7ef25,inset 0 0 30px #43e7ef0d;overflow:hidden}#stage{height:430px;margin:0 -24px;overflow:hidden;background:linear-gradient(0deg,#303748b0,transparent 40%)}#car{width:78%;height:78%;left:11%;top:6%;object-fit:contain;z-index:3;filter:drop-shadow(0 28px 15px #0008) drop-shadow(0 0 15px #43e7ef20)}.halo{bottom:14px;height:37%;width:94%;left:3%;background:radial-gradient(ellipse at 70% 50%,#43e7ef35,transparent 55%),radial-gradient(ellipse at 25% 50%,#cb5cff35,transparent 55%),#343948;border:5px solid #a7f8ff;outline:4px solid #ffe5a0;box-shadow:0 0 30px #43e7ef99,inset 0 0 30px #43e7ef22;transform:rotateX(40deg);z-index:0}.floor-label{z-index:4;bottom:22px;color:#c0fbff99}.neon-pillar{position:absolute;top:0;bottom:65px;width:5px;background:#f3b0ff;box-shadow:0 0 18px #f085ff,0 0 45px #d44cff;z-index:0}.neon-pillar.left{left:8%;transform:rotate(-5deg)}.neon-pillar.right{right:7%;background:#a4fbff;box-shadow:0 0 18px #43e7ef,0 0 45px #43e7ef;transform:rotate(4deg)}#scene{z-index:1;opacity:.45}#particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.showroom-label{position:relative;z-index:6;text-shadow:0 2px 5px #000;font-size:19px;font-style:italic}.car-heading h2{text-transform:uppercase;font-size:34px;font-style:italic}.car-heading{position:relative;z-index:7}#car-list button{min-width:105px;width:105px;height:78px;background:linear-gradient(#162d3ab8,#07111eeb);box-shadow:inset 0 0 18px #43e7ef0a}#car-list button[aria-pressed=true]{border-color:#43e7ef;background:#43e7ef18;box-shadow:0 0 14px #43e7ef33}.stats{background:#08131fc0;margin:0 -4.35%;padding:22px 4.35%}.couch{position:relative;isolation:isolate;min-height:570px;display:flex;align-items:center;overflow:hidden;background:#071225}.couch>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.couch:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061224f5 0%,#061224e0 26%,#06122450 65%,transparent);z-index:-1}.couch>div{max-width:500px}.couch h2{margin:20px 0}.couch p{max-width:390px;color:#cfdae4}.promise{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.promise span{font-family:Barlow;font-size:15px;letter-spacing:1px;border:1px solid #43e7ef77;background:#08131fa0;border-radius:4px;padding:7px 12px;color:#43e7ef}.couch small{display:block;margin-top:18px;color:#aab8c8;font-size:10px}@media(max-width:1000px){.hero-layout{grid-template-columns:.8fr 1fr}.hero-copy h1{font-size:58px}#stage{height:370px}.showroom-label{font-size:15px}}@media(max-width:720px){.hero-layout{display:flex}.hero-copy h1{font-size:63px}.hero{background-position:60% top}.showroom{padding:18px 15px 12px}#stage{height:350px;margin:0 -15px}#car{width:88%;left:6%;height:74%;top:9%}.car-heading h2{font-size:29px}.halo{bottom:24px;height:34%;border-width:3px;outline-width:2px}.stats{margin:0 -5.55%;padding:25px 5.55%}.couch{min-height:680px;align-items:flex-start}.couch>img{object-position:65% center}.couch:after{background:linear-gradient(#061224ed,#061224bd 47%,#06122422)}.couch>div{max-width:100%}.couch p{max-width:360px}}
