:root { --bg:#080d12; --panel:#0e1620; --panel2:#131e2a; --line:#243241; --muted:#91a8bf; --white:#f4f8fb; --orange:#ff4b1f; --orange2:#ff7a1a; --green:#38e998; --aqua:#29d3e2; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--white); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
main { overflow:hidden; }
.site-header { height:76px; max-width:1440px; margin:auto; padding:0 34px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:12px; min-width:205px; }
.brand-mark { width:5px; height:31px; background:var(--orange); display:block; box-shadow:0 0 18px rgba(255,75,31,.45); }
.brand span:last-child { display:flex; flex-direction:column; }
.brand strong { font-size:20px; line-height:1; letter-spacing:-.5px; }
.brand small { font:8px/1.5 "Courier New",monospace; color:var(--muted); letter-spacing:1px; margin-top:4px; }
nav { display:flex; gap:34px; font:11px "Courier New",monospace; text-transform:uppercase; letter-spacing:.7px; color:#b8cadd; }
nav a:hover { color:var(--orange); }
.header-cta { border:1px solid #536476; padding:11px 17px; font:11px "Courier New",monospace; text-transform:uppercase; }

.hero { min-height:700px; max-width:1440px; margin:auto; padding:105px 5vw 85px; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:7vw; position:relative; }
.hero-grid { position:absolute; inset:0; opacity:.16; background-image:linear-gradient(#2f4152 1px,transparent 1px),linear-gradient(90deg,#2f4152 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to right,black,transparent 75%); pointer-events:none; }
.hero-copy,.hero-visual { position:relative; z-index:1; }
.eyebrow,.kicker { color:var(--orange); text-transform:uppercase; letter-spacing:1.4px; font:bold 11px "Courier New",monospace; }
.eyebrow { display:flex; gap:9px; align-items:center; }
.eyebrow span { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }
h1 { font-size:clamp(52px,6vw,88px); line-height:.96; letter-spacing:-4px; margin:26px 0; text-transform:uppercase; }
h1 em { color:transparent; -webkit-text-stroke:1px #8193a5; font-style:normal; }
.hero-copy>p { max-width:590px; font-size:18px; line-height:1.65; color:#a9bdd0; }
.hero-actions { display:flex; gap:12px; margin:34px 0 46px; }
.button { min-height:48px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; gap:14px; text-transform:uppercase; font:bold 11px "Courier New",monospace; letter-spacing:.5px; transition:.2s ease; }
.button:hover { transform:translateY(-2px); filter:brightness(1.08); }
.button-primary { background:var(--orange); box-shadow:0 12px 36px rgba(255,75,31,.18); }
.button-ghost { border:1px solid #3e4d5c; }
.button-aqua { background:var(--aqua); color:#061116; }
.hero-stats { display:flex; gap:32px; border-top:1px solid var(--line); padding-top:20px; color:#71889f; font:9px "Courier New",monospace; text-transform:uppercase; }
.hero-stats span { display:flex; flex-direction:column; gap:5px; }
.hero-stats strong { color:#d8e4ee; font-size:12px; }
.hero-visual { perspective:1000px; }
.hero-visual>img { display:block; width:115%; margin-left:-4%; border:1px solid #344454; border-radius:8px; box-shadow:0 35px 85px #000; transform:rotateY(-7deg) rotateX(2deg); }
.screen-glow { position:absolute; inset:10% 5%; background:var(--orange); filter:blur(100px); opacity:.12; }
.telemetry-card { position:absolute; padding:15px 18px; background:rgba(10,17,24,.94); border:1px solid #334353; display:flex; flex-direction:column; gap:7px; box-shadow:0 15px 35px #0009; }
.telemetry-card small { color:var(--orange); font:8px "Courier New",monospace; }
.telemetry-card strong { font:14px "Courier New",monospace; }
.telemetry-top { right:-7%; top:-7%; }.telemetry-top strong { color:var(--green); }.telemetry-top i { display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green); }
.telemetry-bottom { left:-8%; bottom:-8%; }

.products { max-width:1320px; margin:0 auto; padding:110px 32px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:48px; gap:30px; }
h2 { margin:12px 0 0; font-size:clamp(40px,5vw,66px); line-height:1; letter-spacing:-2.5px; text-transform:uppercase; }
.section-heading p { max-width:440px; margin:0; color:var(--muted); line-height:1.6; }
.product { min-height:520px; display:grid; grid-template-columns:1fr 1.05fr; border:1px solid var(--line); background:linear-gradient(125deg,#0d151e,#101a25); margin-bottom:28px; overflow:hidden; }
.product-studio { grid-template-columns:1.05fr 1fr; }
.product-copy { padding:58px; display:flex; flex-direction:column; align-items:flex-start; }
.product-meta { width:100%; display:flex; justify-content:space-between; color:#8ba0b5; font:11px "Courier New",monospace; }
.badge { color:var(--orange); border:1px solid #6d3528; padding:6px 9px; text-transform:uppercase; }.badge-aqua { color:var(--aqua); border-color:#22606b; }
.product h3 { font-size:42px; letter-spacing:-2px; text-transform:uppercase; margin:34px 0 12px; }.product h3 sup { color:var(--orange); font:12px "Courier New",monospace; vertical-align:top; }
.lead { color:#a5bace; font-size:17px; line-height:1.6; max-width:520px; margin:0 0 28px; }
.product ul { list-style:none; padding:0; margin:0 0 34px; display:grid; grid-template-columns:1fr 1fr; gap:15px 24px; color:#c3d1dd; font-size:13px; }
.product li { display:flex; align-items:center; gap:9px; }.check { color:var(--green); font-family:monospace; }
.download-row { display:flex; align-items:center; gap:20px; margin-top:auto; }.download-row>span { color:#72889d; font:9px "Courier New",monospace; text-transform:uppercase; }
.product-image { background:#05090d; display:flex; align-items:center; position:relative; overflow:hidden; }
.product-image:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 40% 50%,rgba(255,75,31,.18),transparent 48%); }
.product-image img { width:120%; max-width:none; margin-left:8%; border:1px solid #334252; box-shadow:0 35px 70px #000; transform:perspective(900px) rotateY(-9deg); position:relative; }
.studio-art { position:relative; background:#080e14; min-height:440px; overflow:hidden; }
.studio-pattern { width:100%; height:100%; object-fit:contain; object-position:center; opacity:.82; filter:saturate(.9) contrast(1.1); }
.studio-art:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#0d151e 0%,transparent 40%),linear-gradient(0deg,#081018 0%,transparent 55%); }
.studio-icon { position:absolute; z-index:2; width:104px; left:48px; bottom:64px; filter:drop-shadow(0 15px 25px #000); }
.studio-art div { position:absolute; z-index:2; left:175px; bottom:76px; display:flex; flex-direction:column; gap:8px; }.studio-art small { color:var(--aqua); font:9px "Courier New",monospace; }.studio-art strong { font:18px "Courier New",monospace; }

.race-control { max-width:1256px; margin:0 auto 110px; padding:0 32px; }.control-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.control-panel,.trust-grid>article { border:1px solid var(--line); background:#0b1219; padding:34px; }.panel-title { display:flex; align-items:end; justify-content:space-between; border-bottom:1px solid var(--line); padding-bottom:20px; margin-bottom:12px; }.panel-title span { color:var(--orange); font:9px "Courier New",monospace; text-transform:uppercase; }.panel-title h3,.trust-grid h3 { margin:0; font-size:27px; }
.release-entry { display:grid; grid-template-columns:1fr auto; gap:5px 18px; padding:17px 0; border-bottom:1px solid #1c2833; }.release-entry:last-child { border-bottom:0; }.release-entry span { color:#b8c8d6; }.release-entry strong { color:var(--orange); font:16px "Courier New",monospace; }.release-entry small { grid-column:1/-1; color:#708599; font:10px "Courier New",monospace; }
.roadmap-list>div { display:grid; grid-template-columns:58px 1fr; gap:15px; align-items:center; padding:16px 0; border-bottom:1px solid #1c2833; }.roadmap-list>div:last-child { border:0; }.roadmap-list b { font:9px "Courier New",monospace; }.status-live { color:#29e78d; }.status-build { color:var(--orange); }.status-plan { color:#70a0c7; }
.trust-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:18px; }.trust-grid h3 { margin:13px 0 22px; }.trust-grid dl { margin:0; }.trust-grid dl>div { display:flex; justify-content:space-between; gap:20px; padding:12px 0; border-bottom:1px solid #1c2833; }.trust-grid dt { color:#7890a4; }.trust-grid dd { margin:0; color:#dbe7ef; text-align:right; font:10px "Courier New",monospace; }.trust-grid ul { margin:0; padding-left:18px; color:#9db1c4; line-height:1.7; }.trust-grid li+li { margin-top:8px; }
.gallery { max-width:1256px; margin:0 auto 110px; padding:0 32px; }.gallery-heading { text-align:center; margin-bottom:38px; }.gallery-heading h2 { margin:14px 0 0; font-size:clamp(34px,4vw,52px); }.gallery-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:18px; }.gallery figure { margin:0; border:1px solid var(--line); background:#080d12; overflow:hidden; }.gallery img { width:100%; height:390px; object-fit:cover; display:block; }.gallery figure:last-child img { object-fit:contain; }.gallery figcaption { padding:15px 18px; color:#8298aa; font:10px "Courier New",monospace; text-transform:uppercase; border-top:1px solid var(--line); }
.early { max-width:1256px; margin:20px auto 120px; padding:80px 60px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:9vw; align-items:start; }
.early-copy>p { color:#9db1c4; font-size:18px; line-height:1.75; margin:0 0 35px; }
.early-points { display:grid; gap:17px; }.early-points span { border-bottom:1px solid #202d39; padding-bottom:17px; color:#ccdae5; font:12px "Courier New",monospace; }.early-points b { color:var(--orange); margin-right:18px; }
.community { max-width:1256px; margin:0 auto 70px; padding:15px 32px 70px; text-align:center; }
.community-heading h2 { font-size:clamp(32px,4vw,50px); margin-top:14px; }
.community-logos { margin-top:48px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); background:#0b1219; }
.community-logo { min-height:125px; padding:24px 38px; display:flex; align-items:center; justify-content:center; position:relative; }
.community-logo + .community-logo { border-left:1px solid var(--line); }
.community-logo:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at center,rgba(255,255,255,.045),transparent 62%); }
.community-logo img { position:relative; display:block; width:auto !important; height:auto !important; max-width:220px !important; max-height:58px !important; object-fit:contain; filter:drop-shadow(0 12px 22px #000); }
.on-track { max-width:1256px; margin:0 auto 90px; padding:10px 32px 30px; }
.on-track-heading { text-align:center; margin-bottom:38px; }.on-track-heading h2 { font-size:clamp(32px,4vw,50px); margin:14px 0 12px; }.on-track-heading p { color:var(--muted); margin:0; }
.youtube-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.youtube-channel { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:18px; align-items:center; padding:20px 22px; border:1px solid var(--line); background:linear-gradient(110deg,#0d151e,#0a1016); transition:border-color .2s ease,transform .2s ease,background .2s ease; }
.youtube-channel:hover { border-color:#ff3030; transform:translateY(-2px); background:linear-gradient(110deg,#141820,#0a1016); }
.youtube-channel-featured { grid-column:1/-1; min-height:108px; padding:25px 30px; border-color:rgba(255,75,31,.65); background:linear-gradient(105deg,rgba(255,75,31,.15),#0d151e 42%,#0a1016); position:relative; overflow:hidden; }
.youtube-channel-featured:after { content:"OFFICIAL"; position:absolute; right:70px; color:rgba(255,255,255,.025); font-size:76px; font-weight:900; letter-spacing:-4px; pointer-events:none; }
.youtube-channel-featured:hover { border-color:var(--orange); background:linear-gradient(105deg,rgba(255,75,31,.22),#0d151e 42%,#0a1016); }
.racecore-channel-mark { width:64px; height:64px; display:grid; place-items:center; border:1px solid var(--orange); background:#0a1016; color:var(--white); font:700 21px "Courier New",monospace; box-shadow:inset 5px 0 0 var(--orange),0 15px 30px rgba(0,0,0,.35); }
.youtube-channel-featured .youtube-copy small { color:var(--orange); }.youtube-channel-featured .youtube-copy strong { font-size:29px; }.youtube-channel-featured .youtube-action { color:var(--orange); }
.youtube-channel-streamer { grid-column:1/-1; border-color:rgba(42,211,230,.55); background:linear-gradient(105deg,rgba(42,211,230,.1),#0d151e 45%,#0a1016); grid-template-columns:auto minmax(0,1fr) auto auto; }.youtube-channel-streamer:hover { border-color:var(--aqua); background:linear-gradient(105deg,rgba(42,211,230,.17),#0d151e 45%,#0a1016); }.youtube-channel-streamer .youtube-copy small,.youtube-channel-streamer .youtube-action { color:var(--aqua); }.streamer-live { color:#dffcff; border:1px solid rgba(42,211,230,.35); padding:8px 10px; font:9px "Courier New",monospace; white-space:nowrap; }.streamer-live i { width:6px; height:6px; display:inline-block; margin-right:7px; border-radius:50%; background:var(--aqua); box-shadow:0 0 10px var(--aqua); }
.youtube-play { width:56px; height:40px; border-radius:10px; background:#f00; display:grid; place-items:center; box-shadow:0 12px 30px rgba(255,0,0,.2); }.youtube-play span { width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:14px solid #fff; margin-left:3px; }
.youtube-copy { display:flex; flex-direction:column; gap:5px; }.youtube-copy small { color:#ff4a4a; font:9px "Courier New",monospace; }.youtube-copy strong { color:var(--white); font-size:24px; }.youtube-copy>span { color:var(--muted); font-size:13px; }
.youtube-action { color:#ff4040; font:18px "Courier New",monospace; }
.support { max-width:1000px; margin:0 auto 100px; padding:20px 32px; }.support-heading { text-align:center; margin-bottom:38px; }.support-heading h2 { font-size:clamp(34px,4vw,52px); margin:14px 0 10px; }.support-heading p { color:var(--muted); }.faq-list { border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); background:#0a1118; }.faq-list summary { padding:22px 25px; cursor:pointer; color:#e7eef4; font-weight:700; list-style:none; }.faq-list summary:after { content:"+"; float:right; color:var(--orange); font:20px "Courier New",monospace; }.faq-list details[open] summary:after { content:"−"; }.faq-list details p { color:#96aabc; line-height:1.7; margin:0; padding:0 25px 24px; }.faq-list a { color:var(--orange); }.feedback-bar { margin-top:25px; border:1px solid rgba(255,75,31,.45); background:rgba(255,75,31,.06); padding:24px 26px; display:flex; align-items:center; justify-content:space-between; gap:25px; }.feedback-bar div { display:flex; flex-direction:column; gap:6px; }.feedback-bar span { color:var(--muted); font-size:13px; }
.latest-video { max-width:1256px; margin:0 auto 100px; padding:50px 32px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; align-items:center; }.latest-video h2 { font-size:clamp(34px,4vw,52px); margin:14px 0; }.latest-video p { color:var(--muted); margin-bottom:28px; }.video-frame { min-height:260px; border:1px solid #303d48; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; padding:30px; position:relative; background:linear-gradient(0deg,rgba(5,9,13,.96),rgba(5,9,13,.12)),url('racecore-hub-2.png') center/cover; overflow:hidden; }.video-frame .youtube-play { position:absolute; left:30px; top:30px; }.video-frame strong { color:#fff; font-size:25px; }.video-frame small { color:#ff5555; font:10px "Courier New",monospace; margin-top:8px; }
.live-stats { max-width:900px; margin:0 auto 100px; padding:28px 32px; display:grid; grid-template-columns:repeat(3,1fr) auto; gap:30px; align-items:center; border:1px solid var(--line); background:#091017; }.live-stats div { display:flex; flex-direction:column; }.live-stats span { color:var(--orange); font:25px "Courier New",monospace; }.live-stats small,.live-stats p { color:#71879a; font:9px "Courier New",monospace; text-transform:uppercase; }.live-stats p { margin:0; }
.cta-section { text-align:center; padding:80px 25px 115px; background:radial-gradient(circle at center bottom,rgba(255,75,31,.12),transparent 48%); }.cta-section p { color:var(--muted); margin:18px 0 30px; }.cta-section .button { min-width:230px; }
footer { max-width:1320px; margin:auto; min-height:160px; border-top:1px solid var(--line); padding:42px 32px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; color:#6f8498; font:10px "Courier New",monospace; text-transform:uppercase; }.footer-brand { color:var(--white); } footer>p { text-align:center; } footer>div { display:flex; justify-content:flex-end; gap:22px; } footer a:hover { color:var(--orange); }

@media (max-width:900px) {
  nav { display:none; }.site-header { padding:0 20px; }.header-cta { font-size:9px; }
  .hero { grid-template-columns:1fr; padding:70px 24px 90px; gap:85px; }.hero-copy { max-width:680px; }.hero-visual>img { width:105%; margin:0; transform:none; }.telemetry-top { right:0; }
  .section-heading,.early { grid-template-columns:1fr; display:grid; }.product,.product-studio { grid-template-columns:1fr; }.product-image,.studio-art { min-height:380px; }.product-studio .product-copy { order:1; }.product-studio .studio-art { order:2; }
  .control-grid,.trust-grid,.gallery-grid,.latest-video { grid-template-columns:1fr; }.gallery img { height:auto; max-height:460px; }.latest-video { gap:35px; }.live-stats { grid-template-columns:repeat(3,1fr); }.live-stats p { grid-column:1/-1; text-align:center; }
  footer { grid-template-columns:1fr; gap:25px; text-align:center; }.footer-brand { margin:auto; }footer>p{margin:0}footer>div{justify-content:center;}
  .community-logos { grid-template-columns:1fr; }.community-logo { min-height:190px; padding:40px; }.community-logo img { max-width:min(75vw,320px) !important; max-height:105px !important; }.community-logo + .community-logo { border-left:0; border-top:1px solid var(--line); }
  .youtube-grid { grid-template-columns:1fr; }
  .youtube-channel-featured { grid-column:auto; }
  .youtube-channel-streamer { grid-column:auto; grid-template-columns:auto minmax(0,1fr) auto; }.streamer-live { grid-column:2; width:max-content; }.youtube-channel-streamer .youtube-action { grid-column:3; grid-row:1; }
}
@media (max-width:580px) {
  .brand { min-width:0; }.brand strong { font-size:17px; }.header-cta { padding:9px 11px; }
  h1 { font-size:47px; letter-spacing:-2.7px; }.hero-actions { flex-direction:column; align-items:stretch; }.hero-stats { gap:15px; flex-wrap:wrap; }
  .products { padding:75px 15px; }.section-heading { margin-bottom:30px; }.product-copy { padding:34px 24px; }.product h3 { font-size:34px; }.product ul { grid-template-columns:1fr; }.download-row { align-items:flex-start; flex-direction:column; }.download-row .button { width:100%; }.product-image,.studio-art { min-height:280px; }.studio-icon { width:70px; left:24px; bottom:35px; }.studio-art div { left:112px; bottom:43px; }
  .early { margin-bottom:80px; padding:55px 24px; }.telemetry-card { display:none; }
  .on-track { padding-left:15px; padding-right:15px; }.youtube-channel { padding:22px 20px; gap:18px; }.youtube-play { width:58px; height:42px; border-radius:10px; }.youtube-copy strong { font-size:20px; }
  .youtube-channel-featured:after { display:none; }.youtube-channel-featured .youtube-copy strong { font-size:23px; }.racecore-channel-mark { width:54px; height:54px; font-size:18px; }
  .race-control,.gallery,.support,.latest-video { padding-left:15px; padding-right:15px; }.control-panel,.trust-grid>article { padding:25px 22px; }.panel-title { align-items:start; flex-direction:column; gap:8px; }.feedback-bar { align-items:stretch; flex-direction:column; }.feedback-bar .button { width:100%; }.live-stats { margin-left:15px; margin-right:15px; padding:22px 15px; gap:12px; }.live-stats span { font-size:20px; }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.button{transition:none} }