:root{--surface-primary: #111114;--surface-card: #1a1a1e;--surface-elevated: #222228;--border-subtle: #2a2a2e;--border-focus: #3a3a40;--text-primary: #e8e8ec;--text-secondary: #8a8a94;--text-muted: #5a5a64;--accent-lime: #bfc648;--accent-lime-dim: #8a8e34;--accent-purple: #8c48c6;--accent-purple-dim: #6a3696;--score-high: var(--accent-lime);--score-mid: #d4a843;--score-low: #c44d4d;--missing: var(--text-muted);--chart-1: #bfc648;--chart-2: #8c48c6;--chart-3: #4897c6;--chart-4: #c6488c;--chart-5: #c68c48;--font-display: "Futura PT", "Futura", "Century Gothic", "Futura-Medium", system-ui, sans-serif;--font-body: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Cascadia Code", monospace;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 40px;--sp-2xl: 64px;--sp-3xl: 80px;--radius-card: 8px;--radius-pill: 100px;--radius-button: 6px}@media(max-width:767px){:root{--sp-xl: 24px;--sp-2xl: 16px;--sp-3xl: 32px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--text-primary);background:var(--surface-primary)}#root{min-height:100vh}@media(max-width:767px){body{font-size:14px}}.display-hero{font-family:var(--font-display);font-size:72px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}@media(max-width:767px){.display-hero{font-size:48px}}.display-card{font-family:var(--font-display);font-size:36px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.1}@media(max-width:767px){.display-card{font-size:28px}}.heading-1{font-family:var(--font-display);font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;line-height:1.3}@media(max-width:767px){.heading-1{font-size:18px}}.heading-2{font-family:var(--font-display);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;line-height:1.3}@media(max-width:767px){.heading-2{font-size:15px}}.body-default{font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.5}@media(max-width:767px){.body-default{font-size:14px}}.body-small{font-family:var(--font-body);font-size:13px;font-weight:400;letter-spacing:.01em;line-height:1.5}@media(max-width:767px){.body-small{font-size:12px}}.label{font-family:var(--font-display);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;line-height:1.3}@media(max-width:767px){.label{font-size:10px}}.mono-data{font-family:var(--font-mono);font-size:13px;font-weight:400;line-height:1.5}@media(max-width:767px){.mono-data{font-size:12px}}.mono-handle{font-family:var(--font-mono);font-size:15px;font-weight:500;line-height:1.4}@media(max-width:767px){.mono-handle{font-size:14px}}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--sp-md)}.card:hover{border-color:var(--border-focus)}.eyebrow{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-lime)}.app-toolbar{max-width:1440px;margin:0 auto;padding:var(--sp-2xl) var(--sp-2xl) 0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,440px);gap:var(--sp-lg);align-items:end}.app-toolbar__copy h1{margin:var(--sp-sm) 0 var(--sp-md);font-family:var(--font-display);font-size:54px;line-height:.95;letter-spacing:-.04em}.toolbar-text{max-width:64ch;color:var(--text-secondary)}.fetch-form{display:flex;flex-direction:column;gap:var(--sp-sm)}.fetch-form__label{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary)}.fetch-form__row{display:grid;grid-template-columns:1fr auto;gap:var(--sp-sm)}.fetch-form__input{width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-primary);color:var(--text-primary);font:inherit;padding:12px 14px}.fetch-form__input:focus{outline:2px solid var(--accent-lime);outline-offset:2px}.fetch-form__button{border:0;border-radius:var(--radius-card);background:var(--accent-lime);color:var(--surface-primary);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:0 16px;cursor:pointer}.fetch-form__button:disabled{opacity:.6;cursor:wait}.fetch-form__helper{color:var(--text-secondary);font-size:12px}.notice-banner{max-width:1440px;margin:var(--sp-md) auto 0;padding:0 var(--sp-2xl);display:flex;flex-wrap:wrap;gap:var(--sp-sm) var(--sp-md);align-items:center;color:var(--text-secondary)}.notice-banner--live{color:var(--accent-lime)}.notice-banner--fixture{color:#f2d28d}.notice-banner__error{color:#e78b8b}.page-shell{max-width:1440px;margin:0 auto;padding:var(--sp-3xl) var(--sp-2xl);display:flex;flex-direction:column;gap:var(--sp-xl)}@media(min-width:768px)and (max-width:1119px){.page-shell{padding-left:32px;padding-right:32px}.app-toolbar{padding-left:32px;padding-right:32px;grid-template-columns:1fr;align-items:stretch}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-lg)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-lg)}@media(max-width:1119px){.grid-4{grid-template-columns:1fr 1fr}}@media(max-width:767px){.grid-2{grid-template-columns:1fr}.app-toolbar{padding:var(--sp-xl) var(--sp-md) 0;grid-template-columns:1fr;align-items:stretch}.app-toolbar__copy h1{font-size:40px}.fetch-form__row{grid-template-columns:1fr}.fetch-form__button{min-height:48px}.notice-banner{padding:0 var(--sp-md)}}.demo-banner{max-width:1440px;margin:0 auto;padding:var(--sp-lg) var(--sp-2xl);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-sm) var(--sp-md)}.demo-banner__sub{color:var(--text-secondary);font-size:14px}.demo-banner__home{margin-left:auto;color:var(--accent-lime);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.demo-banner__home:hover{text-decoration:underline}@media(max-width:767px){.demo-banner{padding:var(--sp-md) var(--sp-md)}.demo-banner__home{margin-left:0}}.landing-section{max-width:1440px;margin:0 auto;padding:var(--sp-3xl) var(--sp-2xl)}.landing-section__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-lg)}@media(max-width:767px){.landing-section{padding:var(--sp-xl) var(--sp-md)}.landing-section__inner{grid-template-columns:1fr}}.landing-card{display:flex;flex-direction:column;gap:var(--sp-md)}.landing-card__title{font-family:var(--font-display);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary)}.landing-card__steps{list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:var(--sp-sm)}.landing-card__steps li{counter-increment:step;display:flex;gap:var(--sp-sm);align-items:flex-start;color:var(--text-secondary);font-size:14px;line-height:1.5}.landing-card__steps li:before{content:counter(step);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--surface-elevated);color:var(--accent-lime);font-family:var(--font-mono);font-size:11px;font-weight:600}.landing-card__text{color:var(--text-secondary);font-size:14px;line-height:1.6}.landing-card__cta{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--sp-sm);padding:10px 20px;border-radius:var(--radius-card);background:var(--accent-lime);color:var(--surface-primary);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer}.landing-card__cta:hover{opacity:.9}.inline-link{color:var(--accent-lime);text-decoration:underline;text-underline-offset:3px}.inline-link:hover{opacity:.85}.notice-banner--error{color:#e78b8b}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:var(--surface-elevated);border-radius:var(--radius-card);animation:skeleton-pulse 1.8s ease-in-out infinite}.hero-desktop{display:block}.hero-mobile{display:none}@media(max-width:767px){.hero-desktop{display:none}.hero-mobile{display:block}}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-lg)}@media(max-width:1119px){.charts-grid{grid-template-columns:1fr}}.sticky-header{display:none}@media(max-width:767px){.sticky-header{display:flex!important}}