:root { --paper:#ffffff; --ink:#4a4a4a; --orange:#f7941e; --orange-heading:#cf6e08; --brand-gray:#59636d; --line:#e2e5e7; }
* { box-sizing:border-box; }
html { background:var(--paper); color:var(--ink); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin:0; min-width:320px; }
.site-header, main, footer { width:min(1120px, calc(100% - 48px)); margin-inline:auto; }
.site-header { gap:12px; min-height:92px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.header-actions { display:flex; align-items:center; gap:24px; }
.language-switcher { display:inline-flex; gap:3px; padding:3px; border:1px solid #ddd; border-radius:8px; background:#f5f5f5; }
.language-switcher[hidden] { display:none; }
.language-switcher button { min-height:0; padding:3px 6px; border:0; border-radius:5px; background:transparent; font-family:Arial,sans-serif; font-size:20px; font-weight:400; line-height:1.1; cursor:pointer; filter:grayscale(.45); }
.language-flag { display:block; }
.language-switcher button:hover, .language-switcher button:focus-visible, .language-switcher button[aria-pressed="true"] { background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.18); filter:none; }
.language-switcher button:focus-visible { outline:2px solid var(--orange); outline-offset:1px; }
.brand { display:inline-flex; align-items:center; }
.brand img { display:block; width:142px; height:auto; }
.site-header p, .eyebrow, .product-number, footer { font-size:.7rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.site-header p { margin:0; color:var(--brand-gray); }
.hero { padding:clamp(56px, 7vw, 88px) 0 clamp(40px, 5vw, 60px); max-width:740px; }
.eyebrow { margin:0 0 19px; color:var(--brand-gray); display:flex; align-items:center; gap:10px; }
.eyebrow::before { content:""; width:24px; height:3px; background:var(--orange); }
h1, h2, p { margin-top:0; }
h1 { margin-bottom:24px; font-size:clamp(3.1rem, 6.4vw, 5.4rem); letter-spacing:-.075em; line-height:.89; font-weight:750; }
h1 em { color:var(--orange-heading); font-family:Georgia, serif; font-weight:400; }
.hero-copy { max-width:555px; color:#59636d; font-size:clamp(1rem, 1.7vw, 1.2rem); line-height:1.55; }
.products { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); border:1px solid var(--line); margin-bottom:74px; }
.product-card { min-height:290px; padding:28px; display:flex; flex-direction:column; border:solid var(--line); border-width:0 1px 1px 0; transition:background .2s ease, transform .2s ease; }
.product-card:nth-child(2n) { border-right:0; }
.product-card:last-child, .product-card:nth-last-child(2):nth-child(odd) { border-bottom:0; }
.product-card:last-child:nth-child(odd) { grid-column:1/-1; border-right:0; }
.product-card:hover { background:#f7f8f9; }
.card-top { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:28px; }
.product-number { color:#68717a; }
.product-icon { width:48px; height:48px; border-radius:50%; display:grid; place-items:center; background:var(--orange); color:#fff; }
.product-icon-image { background:transparent; overflow:hidden; }
.racefeed-icon { border-radius:13px; }
.product-icon img { width:48px; height:48px; object-fit:contain; }
.product-icon svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.raceflow-logo { position:relative; width:190px; height:48px; overflow:hidden; }
.raceflow-logo img { position:absolute; width:230px; height:115px; max-width:none; left:50%; top:50%; transform:translate(-50%,-50%); mix-blend-mode:multiply; }
h2 { margin-bottom:10px; font-size:1.55rem; letter-spacing:-.045em; }
.product-card > p { max-width:410px; margin-bottom:23px; color:#60666c; font-size:.96rem; line-height:1.55; }
.product-card:last-child:nth-child(odd) > p { max-width:640px; }
.app-link { display:inline-flex; gap:8px; align-items:center; margin-top:auto; width:max-content; color:var(--ink); font-size:.86rem; font-weight:750; text-decoration:none; border-bottom:1px solid var(--orange); padding-bottom:4px; }
.app-link:hover, .app-link:focus-visible { color:#a85400; }
a:focus-visible { outline:2px solid var(--brand-gray); outline-offset:5px; }
.app-link .link-arrow { color:var(--orange); font-size:1.1rem; }
.video-wrap { margin-top:24px; }
.video-label { margin:0 0 8px; color:#60666c; font-size:.75rem; font-weight:700; letter-spacing:.03em; }
.video-wrap video { display:block; width:100%; border-radius:8px; background:#202326; }
footer { display:flex; justify-content:space-between; gap:20px; padding:24px 0 30px; border-top:1px solid var(--line); color:#68717a; }
@media (max-width:680px) { .site-header, main, footer { width:min(100% - 32px, 1120px); } .site-header { min-height:76px; } .brand img { width:124px; } .site-header p { display:none; } .hero { padding-top:56px; } .products { grid-template-columns:1fr; } .product-card, .product-card:nth-last-child(2):nth-child(odd) { min-height:282px; border-right:0; border-bottom:1px solid var(--line); } .product-card:last-child { border-bottom:0; } footer { font-size:.62rem; } }
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior:auto !important; transition:none !important; } }