/* Motorsport identity: condensed race signage, timing data, orange controls. */
.track-scene{height:390px}
.session-label b{font-weight:500;border-left:1px solid #4a4a53;margin-left:7px;padding-left:7px}
.camera-console{background:#111418;border-top:1px solid #34343b;padding:14px 20px}
.camera-modes,.car-switch{display:flex;gap:7px;flex-wrap:wrap}
.camera-console button,.radio-play{border:1px solid #50515a;border-radius:4px;background:#20232a;color:#e9e9ed;font:500 12px Figtree,sans-serif;padding:9px 12px;min-height:40px;cursor:pointer}
.camera-console button[aria-pressed="true"],.radio-play{background:#ff985a;color:#111418;border-color:#ff985a}
.camera-console button:disabled{opacity:.45;cursor:default}
.car-switch{margin-top:10px}.camera-console p{font-family:'Space Grotesk',sans-serif;font-size:10px;color:#b9bdc7;margin:12px 0 0;line-height:1.5}
.radio-audio{padding:15px 24px 20px;border-top:1px solid #34343b;display:flex;gap:14px;align-items:center}
.radio-audio p{font-size:11px;line-height:1.6;margin:0;max-width:240px}
.radio-play{flex-shrink:0;min-width:120px}.radio-play:disabled{opacity:.5;cursor:default}
@media(max-width:520px){.track-scene{height:280px}.camera-console{padding:12px}.camera-modes{display:grid;grid-template-columns:1fr 1fr}.camera-console button{font-size:12px}.radio-audio{padding:16px;align-items:flex-start;flex-direction:column}.session-label{font-size:7px}.scene-top{padding-inline:12px}}
.brand-logo{display:block;width:48px;height:48px;flex-shrink:0;object-fit:contain}
.demo-logo{display:block;width:88px;height:88px;object-fit:contain}
.chat-line.engineer .avatar-logo{background:transparent;border:0;padding:0;flex-shrink:0}
.avatar-logo img{display:block;width:40px;height:40px;max-width:100%;object-fit:contain}
@media(max-width:520px){.brand-logo{width:38px;height:38px}.demo-logo{width:68px;height:68px}}
:root{--display:Barlow,'Arial Narrow',Impact,sans-serif;--line:#34343b;--cyan:#ff965e}
h1,h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.015em;font-weight:700}
em{background:none;color:#ff985a;-webkit-text-fill-color:currentColor;font-style:italic;padding-right:.08em}
.race-copy h1{font-size:clamp(60px,6.9vw,98px);line-height:1.08;letter-spacing:-.015em}
.race-hero{padding-top:58px;gap:38px}
.hero-tag{font-family:'Space Grotesk',monospace;font-size:11px;letter-spacing:.08em;margin-bottom:24px}
.hero-tag span{font-size:10px}
.race-copy .hero-lead{font-weight:400;color:#c9c9d2;max-width:32ch;font-size:18px}
.race-playground{border-radius:8px;border-top:3px solid #ff985a;background:radial-gradient(ellipse at 70% 10%,#a4533529,transparent 70%),#17171c;box-shadow:0 24px 70px #0005}
.scene-top,.race-facts,.radio-chat-footer,.channel-label,.challenge-top{font-family:'Space Grotesk',monospace;font-variant-numeric:tabular-nums}
.scene-top{padding-top:20px;font-size:10px}
.session-label{border-radius:2px;color:#d6d6df;border-color:#4a4a53}
.race-facts{background:#101014;border-top:1px solid #38383e;padding-block:18px}
.race-facts strong{font-family:Barlow,'Arial Narrow',sans-serif;font-size:43px;font-weight:600}
.race-facts small{font-family:Figtree,sans-serif;font-size:11px}
.scene-note{padding-block:12px;margin:0;font-size:11px}
.button,.nav-download{border-radius:4px;background:#ff985a;box-shadow:none}
.button:hover{background:#ffb27d}
.button.secondary{background:#17171b;border-color:#55555d}
.button{font-family:'Space Grotesk',sans-serif;font-size:13px;letter-spacing:.015em}
.radio-station{position:relative}
.station-mark{font-family:Barlow,'Arial Narrow',sans-serif;line-height:.9;letter-spacing:.02em;font-size:86px;color:#ff985a;opacity:.5}
.radio-game{border-radius:8px;border-color:#484850;box-shadow:0 18px 50px #0003}
.radio-chat{background:linear-gradient(120deg,#1b1b22,#16161c);border-top:2px solid #ff985a}
.channel-label{font-size:11px;letter-spacing:.12em}
.channel-label:before{content:'';display:inline-block;width:19px;height:19px;margin-right:10px;vertical-align:middle;background:#ff985a;mask:url('/icons/headset.svg') center/contain no-repeat}
.chat-line.engineer .avatar{border-radius:4px;background:#ff985a;color:#151519}
.crew-tile,.challenge-card,.demo-slot{border-radius:8px;background-color:#19191f}
.crew-tile{border-color:#3e3e46}
.crew-tile h3{font-size:21px}
.crew-tile p{font-size:14px}
.overline{font-family:'Space Grotesk',sans-serif;letter-spacing:.1em}
.garage-steps article{border-top:2px solid #ff985a}
.garage-steps article>span{font-family:'Space Grotesk',sans-serif}
.story-number{font-family:Barlow,'Arial Narrow',sans-serif;font-weight:700}
.race-finale{position:relative;overflow:hidden;border-radius:8px;border-top:3px solid #ff985a;background:radial-gradient(ellipse at 100% 100%,#99451b30,transparent 65%),#19191f}
.race-finale:after{content:'';position:absolute;right:0;top:0;width:96px;height:64px;background:conic-gradient(#ffffff09 25%,transparent 0 50%,#ffffff09 0 75%,transparent 0) 0 0/32px 32px;pointer-events:none}
.race-finale>.overline:before{content:'';display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background:#ff985a;mask:url('/icons/flag-check.svg') center/contain no-repeat}
.race-finale h2{font-size:clamp(50px,6.5vw,90px);line-height:1.1}
.crew-intro h2,.station-heading h2,.demo-heading h2,.challenge-copy h2,.garage-heading h2,.human-story h2,.home-faq h2{line-height:1.1}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#ff985a}
@media(max-width:1100px){.race-copy h1{font-size:70px}.station-mark{font-size:65px}}
@media(max-width:800px){.race-copy h1{font-size:clamp(62px,10vw,88px)}.race-hero{padding-top:40px}.race-copy .hero-lead{max-width:40ch}.station-mark{font-size:58px}}
@media(max-width:520px){.race-copy h1{font-size:clamp(49px,13.2vw,68px);line-height:1.1}.hero-tag{font-size:9px;gap:9px}.hero-tag span{font-size:8px}.race-copy .hero-lead{font-size:16px}.race-hero{padding-top:30px}.station-mark{font-size:40px}.scene-top{font-size:8px}.race-facts strong{font-size:34px}.crew-tile p{font-size:13px}.crew-tile h3{font-size:18px}.race-finale h2{font-size:48px}.channel-label{letter-spacing:.04em}}
/* plans after the beta (13 Oct 2026) */
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}.plan-card{padding:32px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,#252329,#1a1b20)}.plan-card.closed{opacity:.78}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.plan-top h3{margin:0}.plan-price{font-family:var(--display);font-size:44px;line-height:1.2;margin:16px 0 4px}.plan-price span{font-size:15px;color:var(--muted);margin-left:6px}.counted{margin:14px 0 0;padding-left:18px;line-height:1.7}.counted li{margin-bottom:8px}.plan-notes{margin-top:28px}.plan-notes p{margin:6px 0}@media(max-width:760px){.plan-grid{grid-template-columns:1fr}}

/* the demo is the vertical race short (13 Oct 2026) */
.demo-slot.vertical{aspect-ratio:9/16;width:min(100%,calc(80vh*9/16));margin-inline:auto}.demo-slot.vertical video{object-fit:cover}

/* real pictures from the app on the features page (13 Oct 2026) */
.proof-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin:48px 0;align-items:start}.proof-grid figure{margin:0}.proof-grid img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--line)}.proof-grid figcaption{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.6}@media(max-width:760px){.proof-grid{grid-template-columns:1fr}}

/* Home hero (14 Oct): the real race clip with Apex's calls popping up over it */
.real-race .race-clip{position:relative;aspect-ratio:16/10;overflow:hidden;background:#07070a}
.real-race .race-clip video{display:block;width:100%;height:100%;object-fit:cover}
.real-race .radio-pop{position:absolute;left:14px;right:14px;bottom:14px;display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:8px;border:1px solid #ff985a40;border-left:3px solid #ff985a;background:#0e0e13e8;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s;pointer-events:none}
.real-race .radio-pop.on{opacity:1;transform:none}
.real-race .radio-pop .avatar{flex:none;width:32px;height:32px}
.real-race .radio-pop .avatar img{width:32px;height:32px}
.real-race .radio-pop .speaker{display:block;font-size:11px;letter-spacing:.12em;color:#ff985a;margin-bottom:3px}
.real-race .radio-pop p{margin:0;font-size:15px;line-height:1.45;color:#f4f1ee}
.real-race .scene-note{margin:0;padding:12px 18px;font-size:12px;color:var(--muted)}
@media(max-width:760px){.real-race .radio-pop{left:8px;right:8px;bottom:8px;padding:9px 11px}.real-race .radio-pop p{font-size:13px}}

/* 14 Oct: a decorative glow pushed the page 45 px wider than a 1280 px window (sideways scrollbar) */
html{overflow-x:clip}
