:root { --ink:#14213a; --muted:#60708a; --line:#d7e0ed; --bg:#f4f7fb; --panel:#ffffff; --navy:#0b2046; --blue:#155dc2; --blue-soft:#eaf2ff; --green:#0b7a52; --green-soft:#dcf7e9; --amber:#9a5a00; --amber-soft:#fff1d8; --red:#b42318; --red-soft:#fde9e7; --slate:#55657d; --slate-soft:#edf1f6; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--bg); font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.product-hero { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(250px,.75fr); gap:28px; align-items:end; margin-bottom:18px; padding:30px; border-radius:18px; color:#fff; background:linear-gradient(135deg,#071831 0%,#123d78 65%,#176b89 100%); box-shadow:0 12px 30px #07183120; }.product-hero h2 { margin:0; font-size:clamp(30px,5vw,54px); line-height:1.02; letter-spacing:-.04em; }.product-lede { max-width:650px; margin:14px 0 0; color:#dbeafe; font-size:17px; }.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:15px; margin-top:22px; }.hero-actions .button { background:#f5b920; color:#16233d; }.text-link { color:#fff; font-weight:800; text-decoration:none; }.hero-proof { display:grid; gap:9px; padding:17px; border:1px solid #ffffff35; border-radius:13px; background:#ffffff12; }.hero-proof strong { font-size:17px; }.hero-proof span { color:#d5e5fb; font-size:13px; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.price-card { position:relative; display:flex; flex-direction:column; min-height:310px; padding:20px; border:1px solid var(--line); border-radius:14px; background:#fbfdff; }.price-card.featured { border:2px solid #1b68bc; background:linear-gradient(160deg,#eff7ff,#fff); box-shadow:0 10px 24px #155dc220; }.price-card h3 { margin:0; font-size:27px; }.price-card h3 small,.price small { font-size:13px; color:var(--muted); font-weight:650; }.price { margin:8px 0; font-size:32px; font-weight:850; }.price-note { min-height:38px; margin:2px 0 7px; color:var(--muted); font-size:13px; }.price-card ul { display:grid; gap:7px; margin:8px 0 18px; padding-left:18px; color:#40516d; font-size:13px; }.price-action { margin-top:auto; text-align:center; }.popular { position:absolute; top:12px; right:12px; padding:4px 8px; border-radius:999px; color:#6c4b00; background:#ffe7a4; font-size:10px; font-weight:850; text-transform:uppercase; }.billing-note { margin:14px 0 0; padding:11px 13px; border-radius:9px; color:#536275; background:#f6f8fb; font-size:12px; }.journey-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.journey-grid > div { padding:16px; border-top:3px solid #155dc2; background:#fbfdff; }.journey-grid span { color:#155dc2; font-size:12px; font-weight:850; }.journey-grid h3 { margin:7px 0 4px; font-size:16px; }.journey-grid p { margin:0; color:var(--muted); font-size:13px; }.trust-panel { margin-bottom:18px; border:1px solid var(--line); border-radius:15px; background:#fff; box-shadow:0 3px 16px #16233d0a; }.trust-panel summary { display:flex; justify-content:space-between; gap:15px; padding:17px 19px; cursor:pointer; list-style:none; }.trust-panel summary::-webkit-details-marker { display:none; }.trust-panel summary span { color:var(--muted); font-size:12px; }.trust-panel > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; padding:0 19px 15px; border-top:1px solid var(--line); }.trust-panel p { color:#536275; font-size:13px; }
.auth-controls { min-height:32px; display:flex; justify-content:flex-end; align-items:center; gap:8px; font-size:12px; }
.auth-button { display:inline-flex; padding:7px 11px; border-radius:9px; background:#f8fafc; color:#0f172a; font-weight:800; text-decoration:none; }
.auth-button-secondary { background:#334155; color:#f8fafc; }.auth-user { color:#f8fafc; font-weight:700; }
button, input, select { font:inherit; }
.site-header { color:#fff; background:linear-gradient(115deg,#071831,#104b9f 65%,#155dc2); }
.header-inner, .page-shell { width:min(1220px,calc(100% - 32px)); margin:0 auto; }
.header-inner { padding:18px 0 30px; }
.primary-nav { display:flex; gap:8px; margin-bottom:38px; }
.primary-nav a { border:1px solid #ffffff55; border-radius:999px; padding:7px 11px; color:#fff; text-decoration:none; font-size:13px; font-weight:700; }
.primary-nav a:hover, .primary-nav a[aria-current="page"] { background:#fff; color:#0b2046; }
.primary-nav span { padding:1px 5px; border-radius:999px; background:#ffe7a4; color:#5e4200; font-size:10px; text-transform:uppercase; }
.hero-copy { max-width:800px; }.hero-copy h1 { margin:0; font-size:clamp(30px,5vw,48px); line-height:1.08; letter-spacing:-.035em; }.hero-copy p:not(.eyebrow) { max-width:760px; margin:10px 0 0; color:#e0ebff; }
.eyebrow { margin:0 0 6px; color:#bfdaff; font-size:11px; font-weight:800; letter-spacing:.105em; text-transform:uppercase; }.eyebrow.dark { color:#3564a8; }
.header-actions { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:22px; }.share-status { width:100%; min-height:20px; margin:0; color:#d8e8ff; font-size:13px; }
.button { appearance:none; border:1px solid transparent; border-radius:9px; padding:10px 13px; color:#fff; background:var(--blue); font-weight:750; cursor:pointer; }.button:hover { filter:brightness(.93); }.button:focus-visible, select:focus-visible, input:focus-visible, summary:focus-visible { outline:3px solid #f5b920; outline-offset:3px; }.button-secondary { border-color:#ffffff99; background:#ffffff20; }
.file-button { display:inline-flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid #ffffff99; border-radius:9px; color:#fff; background:#ffffff20; font-size:13px; font-weight:750; cursor:pointer; }.file-button input { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }.source-unavailable { border-color:#e2b2ad; background:#fff6f5; }.source-unavailable code { font-size:11px; }
.capture-targets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }.capture-target { display:flex; gap:8px; align-items:start; padding:11px; border:1px solid var(--line); border-radius:10px; background:#fbfdff; }.capture-target input { margin-top:4px; }.capture-target strong,.capture-target small { display:block; }.capture-target small { color:var(--muted); font-size:11px; }.capture-actions { display:flex; flex-wrap:wrap; align-items:center; gap:11px; margin-top:14px; }.capture-results { display:grid; gap:7px; margin-top:13px; }.capture-result { padding:10px; border:1px solid var(--line); border-radius:9px; background:#fbfdff; }.capture-result strong { margin-right:8px; }.capture-result a { overflow-wrap:anywhere; }
.page-shell { padding:24px 0 48px; }.section, .caveat-panel, .safety-banner { margin-bottom:18px; border:1px solid var(--line); border-radius:15px; background:var(--panel); box-shadow:0 3px 16px #16233d0a; }.section { padding:19px; }.safety-banner { display:grid; gap:6px; padding:15px 17px; border-color:#f0c878; border-left:5px solid #d88c00; background:#fffaed; color:#5d430c; }.section-heading, .comparison-heading { display:flex; align-items:start; justify-content:space-between; gap:18px; margin-bottom:15px; }.section-heading h2, .comparison-heading h2, .caveat-panel h2 { margin:0; font-size:20px; line-height:1.25; }.subtle { max-width:500px; margin:2px 0 0; color:var(--muted); font-size:13px; }
.source-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }.source-card { min-width:0; padding:13px; border:1px solid var(--line); border-radius:11px; background:#fbfdff; }.source-card h3 { margin:0 0 5px; font-size:15px; }.source-card p { margin:3px 0; color:var(--muted); font-size:12px; overflow-wrap:anywhere; }.status { display:inline-flex; align-items:center; gap:5px; border-radius:999px; padding:3px 7px; font-size:11px; font-weight:800; }.status::before { content:""; width:7px; height:7px; border-radius:50%; background:currentColor; }.fresh { color:var(--green); background:var(--green-soft); }.stale { color:var(--amber); background:var(--amber-soft); }.local { color:#365e99; background:var(--blue-soft); }.excluded { color:var(--slate); background:var(--slate-soft); }.best { color:var(--green); background:var(--green-soft); }.alert { color:var(--red); background:var(--red-soft); }
.comparison-controls { display:grid; grid-template-columns:minmax(0,1fr) 270px; align-items:end; gap:15px; }.comparison-controls .section-heading { grid-column:1/-1; margin-bottom:0; }.field-label { display:grid; gap:5px; color:var(--muted); font-size:12px; font-weight:750; }.field-label select, .field-label input { width:100%; min-width:0; padding:10px; border:1px solid #bbc9dd; border-radius:9px; color:var(--ink); background:#fff; }.market-overview { display:flex; flex-wrap:wrap; gap:7px; align-items:center; }.market-chip { flex:1 1 190px; min-width:190px; border:1px solid var(--line); border-radius:10px; padding:8px 10px; color:var(--ink); background:#f8fbff; text-align:left; cursor:pointer; }.market-chip:hover { border-color:#7ba4db; }.market-chip[aria-pressed="true"] { border-color:#155dc2; box-shadow:inset 0 0 0 1px #155dc2; background:#edf5ff; }.market-chip strong,.market-chip span { display:block; }.market-chip strong { font-size:12px; }.market-chip span { margin-top:2px; color:var(--muted); font-size:11px; }
.fixture-strip { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px; border-radius:12px; background:#0e2752; color:#fff; }.fixture-strip h2 { margin:0; font-size:23px; line-height:1.18; }.fixture-strip p { margin:4px 0 0; color:#c9dcff; font-size:13px; }.fixture-tag { display:inline-block; padding:5px 8px; border:1px solid #ffffff55; border-radius:999px; color:#e5efff; font-size:11px; font-weight:800; }.summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; margin:14px 0 20px; }.summary-card { padding:14px; border:1px solid var(--line); border-radius:12px; background:#fbfdff; }.summary-card span,.summary-card small { display:block; }.summary-card span { color:var(--muted); font-size:12px; font-weight:750; }.summary-card strong { display:block; margin:3px 0; font-size:25px; line-height:1.15; }.summary-card small { color:var(--muted); font-size:11px; }.summary-positive strong { color:var(--red); }.summary-negative strong { color:var(--green); }.summary-even strong { color:#3564a8; }
.table-scroll { overflow-x:auto; border:1px solid var(--line); border-radius:12px; }.odds-table { width:100%; min-width:825px; border-collapse:collapse; }.odds-table th,.odds-table td { padding:10px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }.odds-table th { color:#e9f1ff; background:#153865; font-size:12px; }.odds-table tr:last-child td { border-bottom:0; }.odds-table td:first-child { min-width:170px; font-weight:750; }.outcome-meta { display:block; margin-top:3px; color:var(--muted); font-size:11px; font-weight:500; }.quote-cell { min-width:175px; }.quote-odds { display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:19px; font-weight:850; }.quote-change { display:block; margin-top:4px; color:var(--muted); font-size:11px; }.quote-note { display:block; margin-top:4px; color:var(--muted); font-size:11px; }.best-cell { background:#effaf4; }.no-quote { color:var(--muted); font-size:12px; }
.calculator-section { background:linear-gradient(145deg,#f9fbff,#eff5ff); }.calculator-form { display:grid; grid-template-columns:1fr auto; gap:14px; align-items:end; }.calculator-inputs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }.calculator-result { margin-top:15px; min-height:64px; padding:14px; border:1px solid var(--line); border-radius:12px; background:#fff; }.calculator-result h3 { margin:0 0 8px; font-size:15px; }.accumulator-list { display:grid; gap:7px; margin:0; padding:0; list-style:none; }.accumulator-list li { display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid var(--line); }.accumulator-list li:first-child { border-top:0; }.accumulator-list span { color:var(--muted); font-size:12px; }.calc-warning { margin-top:11px; padding:9px 10px; border-radius:8px; background:var(--amber-soft); color:#6b4700; font-size:12px; }
.evidence-panel { padding:0; overflow:hidden; }.evidence-panel summary { display:flex; align-items:center; justify-content:space-between; padding:16px 19px; list-style:none; cursor:pointer; }.evidence-panel summary::-webkit-details-marker { display:none; }.evidence-panel summary small { display:block; margin-top:2px; color:var(--muted); }.evidence-content { border-top:1px solid var(--line); padding:17px 19px; }.evidence-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; }.evidence-item { padding:11px; border:1px solid var(--line); border-radius:10px; background:#fbfdff; }.evidence-item strong,.evidence-item span { display:block; }.evidence-item strong { margin-bottom:4px; font-size:13px; }.evidence-item span { color:var(--muted); font-size:12px; overflow-wrap:anywhere; }.evidence-list { margin:12px 0 0; padding-left:20px; color:var(--muted); font-size:13px; }
.caveat-panel { padding:18px; border-left:5px solid #245ca9; background:#f1f6ff; }.caveat-panel p { max-width:1030px; margin:7px 0 0; color:#40516d; }.site-footer { padding:22px 16px 32px; color:#71809a; text-align:center; font-size:12px; }
@media (max-width:900px) { .source-grid { grid-template-columns:1fr; }.comparison-controls { grid-template-columns:1fr; }.calculator-form { grid-template-columns:1fr; }.calculator-inputs { grid-template-columns:repeat(2,minmax(0,1fr)); }.fixture-strip { align-items:start; flex-direction:column; }.summary-grid { grid-template-columns:1fr; } }
@media (max-width:900px) { .product-hero,.pricing-grid,.journey-grid { grid-template-columns:1fr; }.product-hero { padding:23px; }.trust-panel > div { grid-template-columns:1fr; } }
@media (max-width:900px) { .capture-targets { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { body { font-size:14px; }.header-inner,.page-shell { width:min(100% - 24px,1220px); }.header-inner { padding-top:13px; }.primary-nav { margin-bottom:26px; }.primary-nav a { font-size:12px; }.section { padding:14px; }.section-heading,.comparison-heading { flex-direction:column; gap:5px; }.hero-copy h1 { font-size:32px; }.market-overview { display:grid; grid-template-columns:1fr; }.market-chip { min-width:0; }.calculator-inputs { grid-template-columns:1fr; }.odds-table { min-width:700px; }.table-scroll { margin-right:-1px; }.summary-card strong { font-size:23px; } }
@media (max-width:620px) { .capture-targets { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto !important; transition:none !important; } }
/* Sportsbook matchday skin */
.premium-strip { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:18px; padding:15px 17px; border:1px solid #4c456d; border-radius:12px; background:#17162a; }.premium-strip strong,.premium-strip p { display:block; margin:4px 0; }.premium-strip .button { flex:0 0 auto; }
.matchday-bar { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:20px; padding-top:13px; border-top:1px solid #ffffff1f; }.matchday-live { display:inline-flex; align-items:center; gap:6px; margin-right:8px; color:#b9f227; font-size:11px; font-weight:850; letter-spacing:.08em; }.matchday-live i { width:7px; height:7px; border-radius:50%; background:#b9f227; box-shadow:0 0 0 4px #b9f22722; }.matchday-tab { min-height:34px; padding:6px 12px; border:1px solid #ffffff25; border-radius:999px; color:#dce7f4; background:#ffffff0b; font-size:12px; cursor:pointer; }.matchday-tab.active,.matchday-tab:hover { color:#07100b; background:#b9f227; border-color:#b9f227; }.matchday-time { margin-left:auto; color:#91a1b7; font-size:11px; }
.page-shell > .product-hero { border-radius:10px; background:#101b2b; box-shadow:none; }.page-shell > .pricing-section { border-top:2px solid #25364e; }
.page-shell > .product-hero,.page-shell > .pricing-section,.page-shell > .journey-section { display:none; }
:root { --ink:#f5f7fb; --muted:#91a1b7; --line:#25364e; --bg:#080d16; --panel:#111a28; --navy:#0b1321; --blue:#b9f227; --blue-soft:#20331f; --green:#b9f227; --green-soft:#18351f; --amber:#ffb547; --amber-soft:#3a2b13; --red:#ff5d73; --red-soft:#3d1d2a; --slate:#91a1b7; --slate-soft:#1b293d; }
body { background:#080d16; color:var(--ink); }.site-header { background:#0b1321; border-bottom:1px solid #25364e; }.primary-nav a { color:#dce7f4; border-color:#30415c; }.primary-nav a:hover,.primary-nav a[aria-current=page] { color:#07100b; background:#b9f227; }.primary-nav span { color:#152000; background:#b9f227; }
.section,.caveat-panel,.safety-banner { background:#111a28; border-color:#25364e; box-shadow:0 8px 24px #0004; }.safety-banner { border-color:#805f25; border-left-color:#ffb547; background:#241d12; color:#f6d590; }.source-card,.capture-target,.capture-result,.summary-card,.market-chip,.evidence-item,.calculator-result { color:#e8eef7; background:#162235; border-color:#2b405c; }.source-card p,.subtle,.summary-card small,.quote-change,.quote-note,.capture-target small { color:#91a1b7; }
.fixture-strip { background:#0f243b; border:1px solid #29435f; }.market-chip { color:#e8eef7; }.market-chip[aria-pressed=true] { color:#0b1321; border-color:#b9f227; background:#b9f227; }.field-label { color:#91a1b7; }.field-label select,.field-label input { color:#f5f7fb; background:#0c1522; border-color:#334a67; }.button { color:#07100b; background:#b9f227; }.button-secondary { color:#e8eef7; border-color:#3b516c; background:#22324a; }.odds-table th { color:#dce7f4; background:#1b2a40; }.odds-table td { border-color:#25364e; }.odds-table tr:hover td { background:#17273c; }.best-cell { background:#18351f; }.best { color:#07100b; background:#b9f227; }.fresh { color:#b9f227; background:#18351f; }.stale { color:#ffb547; background:#3a2b13; }.alert { color:#ff8797; background:#3d1d2a; }.caveat-panel { color:#d9e5f3; background:#111a28; border-left-color:#b9f227; }.caveat-panel p { color:#91a1b7; }.site-footer { color:#71839b; }

/* OddsJam-inspired data-dense SA analysis layer. */
body { color:#e2e8f0; background:#0f172a; }
.site-header { background:linear-gradient(120deg,#0b1222,#172554 70%,#0f766e); }
.page-shell { max-width:1420px; }.section,.caveat-panel { border-color:#334155; background:#1e293b; box-shadow:0 8px 24px #02061755; }.safety-banner { border-color:#a16207; background:#3b2b0a; color:#fde68a; }.subtle,.field-label,.source-card p,.summary-card span,.summary-card small,.quote-change,.quote-note,.outcome-meta,.evidence-item span { color:#94a3b8; }.eyebrow.dark { color:#fbbf24; }.section-heading h2,.comparison-heading h2,.caveat-panel h2 { color:#f8fafc; }
.primary-nav a { border-color:#64748b; }.primary-nav a:hover,.primary-nav a[aria-current="page"] { color:#0f172a; }.button { background:#10b981; color:#052e25; }.button-secondary,.file-button { border-color:#64748b; background:#334155; color:#f8fafc; }.field-label select,.field-label input { border-color:#475569; color:#f8fafc; background:#0f172a; }.source-card,.summary-card,.evidence-item,.market-chip,.capture-target,.capture-result { border-color:#475569; background:#273449; color:#e2e8f0; }.source-card h3,.evidence-item strong { color:#f8fafc; }.market-chip[aria-pressed="true"] { border-color:#10b981; box-shadow:inset 0 0 0 1px #10b981; background:#064e3b; }.fixture-strip { background:#020617; }.odds-table th { color:#f8fafc; background:#334155; border-color:#475569; }.odds-table td { border-color:#334155; }.odds-table tr:hover td { background:#24344d; }.best-cell { background:#064e3b !important; }.best { color:#052e25; background:#10b981; }.fresh { color:#064e3b; background:#fbbf24; }.stale { color:#fff7ed; background:#b45309; }.local { color:#dbeafe; background:#1d4ed8; }.summary-positive strong { color:#fbbf24; }.summary-negative strong { color:#10b981; }.summary-even strong { color:#f8fafc; }.calculator-section { background:#172554; }.calculator-result { border-color:#475569; background:#0f172a; }.evidence-content,.evidence-panel summary { color:#f8fafc; }.caveat-panel { background:#172554; border-left-color:#10b981; }.caveat-panel p { color:#cbd5e1; }.site-footer { color:#94a3b8; }
.filter-strip { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(130px,1fr)) minmax(250px,2fr) auto; gap:10px; padding:12px; border:1px solid #475569; border-radius:11px; background:#334155; }.sportsbook-filter { min-width:0; }.checkbox-row { display:flex; flex-wrap:wrap; gap:5px; }.checkbox-pill { display:inline-flex; align-items:center; gap:4px; padding:4px 7px; border:1px solid #64748b; border-radius:999px; color:#cbd5e1; background:#1e293b; font-size:11px; }.checkbox-pill input { accent-color:#10b981; }.density-toggle { display:flex; align-items:end; flex-wrap:wrap; gap:4px; }.density-toggle span { width:100%; color:#94a3b8; font-size:12px; font-weight:750; }.density-toggle button { padding:7px 8px; border:1px solid #64748b; border-radius:7px; color:#cbd5e1; background:#1e293b; cursor:pointer; font-size:11px; }.density-toggle button[aria-pressed="true"] { border-color:#10b981; color:#052e25; background:#10b981; }.odds-table.compact th,.odds-table.compact td { padding:6px 8px; }.odds-table.compact .quote-note { display:none; }
.evidence-drawer { position:fixed; z-index:10; top:0; right:0; width:min(480px,100%); height:100vh; padding:18px; overflow:auto; color:#e2e8f0; background:#0f172a; border-left:1px solid #475569; box-shadow:-10px 0 30px #02061799; }.evidence-drawer[hidden] { display:none; }.drawer-header { display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid #334155; padding-bottom:12px; margin-bottom:14px; }.drawer-header h2 { margin:0; color:#f8fafc; font-size:20px; }.drawer-quote { margin:10px 0; padding:11px; border:1px solid #475569; border-radius:9px; background:#1e293b; }.drawer-quote img { width:100%; margin-top:9px; border-radius:7px; }.drawer-quote code { color:#fbbf24; overflow-wrap:anywhere; }
@media (max-width:900px) { .filter-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }.density-toggle { align-items:center; } }
@media (max-width:620px) { .filter-strip { grid-template-columns:1fr; }.checkbox-row { max-height:100px; overflow:auto; }.evidence-drawer { width:100%; } }