*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--void:#0a0a0c;--bg:var(--void);--panel:#0a0f0f;--surface:#0b0b0e;--surface2:#121218;--surface3:#1a1a22;--ink:#ececec;--dim:#ececec73;--faint:#ececec24;--text:var(--ink);--muted:var(--dim);--dimmed:var(--faint);--border:#ececec1a;--border-red:#e1060059;--red:#e10600;--red-rgb:225, 6, 0;--teal:#2ee6c8;--teal-rgb:46, 230, 200;--yellow:#f5d033;--gold:var(--yellow);--red-dim:#e1060026;--signal-red:var(--red);--green:#00c853;--amber:#ffb020;--silver:silver;--bronze:#cd7f32;--display:"Syne", sans-serif;--sans:"Space Grotesk", sans-serif;--mono:"JetBrains Mono", monospace;--glass-base:#0a0c106b;--glass-blur:22px;--glass-sat:170%;--glass-radius:20px;--glass-radius-row:13px;--hud-line:#ececec29;--rim-top:inset 0 1px 0 #ffffff24;--rim-bottom:inset 0 -1px 0 #00000040;--z-chrome:40}@media (hover:none),(pointer:coarse){:root{--glass-blur:12px;--glass-sat:150%}}html{scroll-behavior:smooth;background:var(--bg)}#root{background:0 0}body{color:var(--text);font-family:var(--sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;background-color:var(--void);background-image:radial-gradient(ellipse 75vw 62vh at 50% -8vh, rgba(var(--red-rgb), .14), transparent 70%);background-repeat:no-repeat;background-attachment:fixed;overflow-x:hidden}body:before{content:"";z-index:80;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");width:220%;height:220%;animation:.9s steps(10,end) infinite grainShift;position:fixed;inset:-60%}@keyframes grainShift{0%{transform:translate(0)}10%{transform:translate(-3%,-6%)}20%{transform:translate(-8%,3%)}30%{transform:translate(5%,-9%)}40%{transform:translate(-3%,8%)}50%{transform:translate(-9%,-4%)}60%{transform:translate(4%)}70%{transform:translateY(7%)}80%{transform:translate(2%,11%)}90%{transform:translate(-7%,4%)}to{transform:translate(0)}}body:after{content:"";z-index:81;pointer-events:none;opacity:.25;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 3px,#00000024 3px 4px);position:fixed;inset:0}#root:before{content:"";z-index:60;pointer-events:none;background:radial-gradient(130% 90% at 50% 15%,#0000 50%,#000000b3 100%);position:fixed;inset:0}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:#e1060026}::selection{background:var(--red);color:#fff}:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:2px}.dropdown-panel input:focus{border-bottom-color:#e1060099!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@keyframes pageSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes sweepLine{0%{opacity:1;width:0}to{opacity:0;width:100%}}@keyframes staggerIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrow{0%{width:0!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes countUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scanline{0%{opacity:.06;top:-10%}to{opacity:0;top:110%}}@keyframes flash{0%,to{background:0 0}50%{background:#e1060014}}@keyframes glowPulse{0%,to{box-shadow:0 0 #e1060000}50%{box-shadow:0 0 16px 2px #e1060026}}@keyframes loadingSweep{0%{width:35%;left:-35%}50%{width:40%;left:100%}to{width:40%;left:100%}}@keyframes skeletonSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-block{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:4px;animation:1.4s ease-in-out infinite skeletonSweep}.loading-bar{background:#ffffff14;border-radius:2px;height:2px;position:relative;overflow:hidden}.loading-bar:after{content:"";background:var(--red);height:100%;animation:1.3s ease-in-out infinite loadingSweep;position:absolute;top:0}.loading-bar.amber:after{background:var(--amber)}.page-enter{animation:.25s cubic-bezier(.25,.46,.45,.94) both pageFadeUp}@keyframes pageFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sweep-line{background:linear-gradient(90deg, transparent, var(--red), transparent);z-index:9999;pointer-events:none;height:2px;animation:.4s ease-out both sweepLine;position:fixed;top:0;left:0}.stagger-item{animation:.3s backwards staggerIn;animation-delay:min(calc(var(--i,0) * 30ms + 30ms), .45s)}.chart-enter{animation:.35s cubic-bezier(.25,.46,.45,.94) backwards staggerIn}.stat-card-enter{animation:.4s backwards countUp}.prob-bar{animation:.7s cubic-bezier(.25,.46,.45,.94) both barGrow;animation-delay:min(calc(var(--i,0) * 30ms + .1s), .52s);border-radius:2px}.stat-card{animation:.4s backwards countUp}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.glass-panel{position:relative;overflow:hidden}.hud-bracket{pointer-events:none;z-index:1;border:0 solid #0000;width:9px;height:9px;position:absolute}.hud-bracket.tl{border-top-width:1px;border-left-width:1px;border-top-left-radius:4px;top:7px;left:7px}.hud-bracket.tr{border-top-width:1px;border-right-width:1px;border-top-right-radius:4px;top:7px;right:7px}.hud-bracket.bl{border-bottom-width:1px;border-left-width:1px;border-bottom-left-radius:4px;bottom:7px;left:7px}.hud-bracket.br{border-bottom-width:1px;border-right-width:1px;border-bottom-right-radius:4px;bottom:7px;right:7px}.glass-panel>:not(.hud-bracket):not(.glass-sweep-wrap){z-index:2;position:relative}.glass-sweep-wrap{z-index:3;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.glass-sweep-band{opacity:0;background:linear-gradient(115deg,#0000 30%,#ffffff24 46%,#ffffff0d 56%,#0000 72%);width:65%;height:180%;position:absolute;top:-40%;left:0;transform:translate(-140%)}.glass-sheen{position:relative;overflow:hidden}.glass-sheen:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff1a 48%,#ffffff08 52%,#0000 60%);transition:transform .8s;position:absolute;inset:-40%;transform:translate(-60%)}.glass-sheen:hover:before{transform:translate(60%)}.glass-sheen>*{z-index:2;position:relative}.card-lift{transition:translate .4s cubic-bezier(.2,.8,.3,1),box-shadow .4s,border-color .4s}.card-lift:hover{translate:0 -4px;border-color:rgba(var(--tone-rgb,236,236,236), .4)!important;box-shadow:var(--rim-top), var(--rim-bottom), 0 32px 70px -26px #000000bf!important}.data-row{transition:background .15s,transform .15s,filter .15s;position:relative}.data-row.glass-panel{border-radius:var(--glass-radius-row)!important}.data-row:hover{filter:brightness(1.12);transform:translate(2px)}.data-row:not(.glass-panel):hover{background:#ffffff0f!important}.data-row.glass-panel:hover{filter:brightness(1.22)}.data-row.clickable{cursor:pointer}.data-row.clickable:hover{border-left-color:var(--red)!important}.hud-title{font-family:var(--display);letter-spacing:-.01em;font-weight:800}.live-pulse{animation:3s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 5px)}}.live-pulse-bar{animation:3s ease-in-out infinite livePulseBar}@keyframes livePulseBar{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 7px}}.hud-countdown{font-family:var(--mono);font-variant-numeric:tabular-nums;filter:none;text-shadow:0 1px 10px #0000008c;-webkit-font-smoothing:antialiased}.telemetry-traces{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.telemetry-traces .trace{fill:none;stroke-width:1.1px;vector-effect:non-scaling-stroke;stroke-dasharray:260 1400;animation:7s linear infinite traceFlow}.telemetry-traces .trace-2{opacity:.7;animation-duration:9.5s;animation-delay:-2s}.telemetry-traces .trace-3{opacity:.45;animation-duration:12s;animation-delay:-5s}@keyframes traceFlow{0%{stroke-dashoffset:1660px}to{stroke-dashoffset:0}}.chrome-sticky{z-index:var(--z-chrome);position:sticky;top:0}.topbar-glass{-webkit-backdrop-filter:blur(18px)saturate(160%);border-bottom:1px solid var(--faint);background:#0a0a0c8c}.nav-glass{-webkit-backdrop-filter:blur(14px)saturate(150%);border-bottom:1px solid var(--faint);background:#0a0a0c66}button{font-family:var(--sans);transition:opacity .12s,transform .12s}button:active{transform:scale(.97)}.nav-tab{transition:color .15s,background .15s,border-color .15s}.nav-tab:hover{color:var(--text)!important;background:#ffffff0a!important}.nav-tab:active{transform:none}.pill-tab{background:#ffffff08;border:1px solid #0000;border-radius:30px;transition:color .25s,background .25s,border-color .25s,box-shadow .25s}.pill-tab:hover:not(.pill-active){color:var(--text)!important;background:#ffffff0f!important}.pill-tab.pill-active{-webkit-backdrop-filter:blur(10px)saturate(150%);box-shadow:0 0 20px rgba(var(--red-rgb), .2), var(--rim-top);background:rgba(var(--red-rgb), .18)!important;border-color:rgba(var(--red-rgb), .4)!important;color:#fff!important}.btn-primary{transition:filter .15s,transform .12s,box-shadow .15s}.btn-primary:hover{filter:brightness(1.15);box-shadow:0 4px 16px #e1060059}.btn-ghost{transition:background .15s,border-color .15s,transform .12s}.btn-ghost:hover{background:#ffffff38!important;border-color:#ffffff73!important}.glass-control{background:linear-gradient(155deg, #ffffff0d, #ffffff04 60%), var(--glass-base);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--hud-line);box-shadow:var(--rim-top), var(--rim-bottom);border-radius:14px;transition:border-color .2s,box-shadow .2s,background .2s}.glass-control:hover{box-shadow:var(--rim-top), var(--rim-bottom), 0 14px 34px -22px #000c;border-color:#ececec47}.glass-control.is-open{border-color:var(--red);box-shadow:var(--rim-top), var(--rim-bottom), 0 0 22px -6px rgba(var(--red-rgb), .45)}.glass-button{border:1px solid var(--hud-line);background:linear-gradient(155deg, #ffffff0f, #ffffff03 60%), var(--glass-base);-webkit-backdrop-filter:blur(14px)saturate(150%);box-shadow:var(--rim-top), var(--rim-bottom);border-radius:14px;transition:border-color .2s,box-shadow .2s,background .2s,filter .2s}.glass-button.is-armed{background:linear-gradient(155deg, rgba(var(--red-rgb), .55), rgba(var(--red-rgb), .3) 70%);box-shadow:var(--rim-top), 0 16px 40px -22px rgba(var(--red-rgb), .8);border-color:#ffffff2e}.glass-button.is-armed:hover{filter:brightness(1.12)}.dropdown-option:active{background:#e1060033!important}.mono{font-family:var(--mono)}.telemetry{font-family:var(--display);letter-spacing:-.02em;font-size:1.6rem;font-weight:700;line-height:1.1}.section-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.6rem;font-weight:500}.stat-card .section-label{letter-spacing:.15em;opacity:.8;font-size:9.5px}.accent-strip{background:linear-gradient(155deg, rgba(var(--red-rgb), .55), rgba(var(--red-rgb), .32));-webkit-backdrop-filter:blur(20px)saturate(180%);box-shadow:inset 0 1px 0 #ffffff40, 0 24px 60px -26px rgba(var(--red-rgb), .5);color:#fff;border:1px solid #ffffff24;border-radius:18px;padding:1.15rem 1.5rem;position:relative;overflow:hidden}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-panel{animation:.15s ease-out both dropdownOpen}.dropdown-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--red) transparent;flex:1;min-height:0;overflow-y:auto}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:0 0}.dropdown-list::-webkit-scrollbar-thumb{background:var(--red);border-radius:3px}.dropdown-option:hover{border-left-color:var(--red)!important;background:#ffffff14!important}@media (width<=768px){.dropdown-list{max-height:60vh}}.driver-list-item{border-radius:9px;transition:background .12s,color .12s,padding-left .12s}.driver-list-item:hover:not(.driver-list-active){color:var(--text)!important;background:#ffffff12!important;padding-left:.8rem!important}body.wf-dragging,body.wf-dragging *{cursor:grabbing!important}body.wf-dragging .data-row{will-change:transform}body.wf-dragging .data-row:hover{filter:none;transform:none}.data-row.wf-drag-active{box-shadow:var(--rim-top), 0 18px 44px #000000b3, 0 0 0 1px rgba(var(--red-rgb), .35)!important;filter:none!important;background:linear-gradient(155deg,#ffffff21,#ffffff0a 60%),#0e1016f2!important}.data-row.wf-drop-target{box-shadow:inset 3px 0 0 0 rgba(var(--red-rgb), .8)!important}.scanline-overlay{position:relative;overflow:hidden}.scanline-overlay:after{content:"";pointer-events:none;background:linear-gradient(#0000,#ffffff05,#0000);height:40px;animation:4s linear infinite scanline;position:absolute;left:0;right:0}.home-stats{flex-wrap:nowrap}.home-stats .stat-card{text-align:center;min-width:0!important;padding:.95rem .7rem!important}.home-stats .telemetry{font-size:1.25rem!important}.home-canvas-section:after{content:"";background:linear-gradient(to bottom, transparent, var(--void));pointer-events:none;z-index:2;height:120px;position:absolute;bottom:0;left:0;right:0}@keyframes scrollIndicatorBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.home-scroll-indicator{color:#ffffff4d;margin-top:1.5rem;font-size:24px;animation:2s ease-in-out infinite scrollIndicatorBounce;display:none}@media (width<=768px){.home-scroll-indicator{display:block}.hide-mobile{display:none!important}.drivers-grid,.compare-grid{grid-template-columns:1fr!important}.stat-cards-row{flex-direction:column!important}nav button{padding:.75rem .6rem!important;font-size:.66rem!important}main{padding:1rem 1rem 4rem!important}.whatif-grid{grid-template-columns:1fr!important}.home-canvas-section{height:40vh!important}.home-text-section{padding:24px 16px!important}.home-stats{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;display:grid!important}.how-it-works-steps{flex-direction:column!important;gap:24px!important}.accuracy-grid{grid-template-columns:88px 1fr 1fr 32px 32px!important}}@media (width<=480px){.canada-hero{flex-direction:column!important}.landing-headline{font-size:2.2rem!important}.pred-metric{width:60px!important}.next-race-metric{min-width:56px!important}.standings-bar{width:56px!important}.row-gap-tight{gap:.5rem!important}.accuracy-grid{grid-template-columns:64px 1fr 1fr 26px 26px!important}}.nav-scroll::-webkit-scrollbar{height:3px}.nav-scroll::-webkit-scrollbar-track{background:0 0}.nav-scroll::-webkit-scrollbar-thumb{background:var(--red)}
