﻿/* extracted verbatim 2026-08-28 estate speed sweep. New content = new filename. */

    /* ============================================================
       MLP = MLB Parlays namespace — zero collision with master CSS.
       Money-picks archetype: PICKS lead, explainer/FAQ demoted below.
       Tokens are mapped onto the locked master system (Site.Master);
       no master token is redefined here.
       ============================================================ */
    :root {
        --mlp-bg:        var(--void);
        --mlp-surface:   var(--panel);
        --mlp-surface2:  var(--panel-2);
        --mlp-border:    var(--line);
        --mlp-border2:   var(--line-strong);
        --mlp-accent:    var(--action);
        --mlp-accent-h:  var(--action-hi);
        --mlp-green:     var(--model);   /* MONEY GREEN — units/ROI/edge/wins only */
        --mlp-red:       var(--book);
        --mlp-gold:      var(--gold);
        --mlp-text:      var(--ink);
        --mlp-muted:     var(--ink-dim);
        --mlp-dim:       var(--ink-faint);
        --mlp-font-ui:   var(--ui);
        --mlp-font-data: var(--mono);
        --mlp-radius:    0.5em;
        --mlp-radius-lg: 0.85em;
    }

    .mlp-wrapper {
        width: 100%;
        max-width: 1180px;
        margin: 0 auto;
        padding: 1.5em 5%;
        box-sizing: border-box;
        content-visibility: auto;
        contain-intrinsic-size: 1px 900px;
    }

    /* --- BREADCRUMB --- */
    .mlp-breadcrumb {
        display: flex; flex-wrap: wrap; gap: 0.4em; align-items: center;
        margin-bottom: 1.25em;
        font-family: var(--mlp-font-data);
        font-size: 0.72em; color: var(--mlp-dim);
        text-transform: uppercase; letter-spacing: 0.05em;
    }
    .mlp-breadcrumb a      { color: var(--mlp-muted); text-decoration: none; transition: color 0.15s; }
    .mlp-breadcrumb a:hover,
    .mlp-breadcrumb a:focus-visible { color: var(--mlp-accent-h); }
    .mlp-breadcrumb .sep   { color: var(--mlp-border2); }

    /* --- POP WRAP --- */
    .mlp-pop-wrap { margin-bottom: 1.5em; }

    /* ============================================================
       HERO — one value-stating H1, scannable subhead, direct jump
       to the picks. Highest-value content sits at the top.
       ============================================================ */
    .mlp-hero {
        position: relative;
        margin-bottom: 1.25em;
        padding-bottom: 1.5em;
        border-bottom: 1px solid var(--mlp-border);
    }
    .mlp-badges { display: flex; flex-wrap: wrap; gap: 0.5em; margin-bottom: 0.9em; }
    .mlp-badge {
        display: inline-flex; align-items: center; gap: 0.4em;
        background: rgba(70,140,255,0.12);
        color: var(--mlp-accent-h);
        font-family: var(--mlp-font-data);
        font-size: 0.66em; font-weight: 700;
        padding: 0.35em 0.8em;
        border-radius: 2em;
        border: 1px solid var(--card-edge);
        text-transform: uppercase; letter-spacing: 0.06em;
    }
    .mlp-badge i { color: var(--mlp-accent-h); }
    .mlp-h1 {
        font-family: var(--display);
        font-size: clamp(1.7rem, 4.2vw, 2.6rem);
        font-weight: 800;
        color: var(--ink);
        letter-spacing: -0.025em;
        line-height: 1.1;
        margin: 0 0 0.45em;
        max-width: 16ch;
    }
    .mlp-h1 .mlp-accent {
        background: var(--accent-grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent; color: var(--action-hi);
    }
    .mlp-desc {
        font-size: clamp(1rem, 1.6vw, 1.12rem);
        color: var(--mlp-muted);
        max-width: 60ch;
        line-height: 1.6;
        margin: 0 0 1.25em;
    }
    .mlp-desc strong { color: var(--mlp-text); }

    .mlp-hero-actions { display: flex; flex-wrap: wrap; gap: 0.65em; align-items: center; }
    /* Primary CTA — gradient, where intent peaks */
    .mlp-cta-primary {
        display: inline-flex; align-items: center; gap: 0.55em;
        min-height: 48px;
        padding: 0 1.4em;
        background: var(--accent-grad);
        color: #fff;
        font-family: var(--mlp-font-ui);
        font-size: 0.98em; font-weight: 800;
        border-radius: 2em;
        text-decoration: none;
        box-shadow: 0 14px 30px -12px var(--accent-glow);
        transition: transform 0.15s ease, box-shadow 0.15s ease;
    }
    .mlp-cta-primary:hover { transform: translateY(-1px); box-shadow: 0 18px 38px -12px var(--accent-glow); }
    .mlp-cta-primary i { transition: transform 0.18s ease; }
    .mlp-cta-primary:hover i { transform: translateX(3px); }
    /* Secondary chips */
    .mlp-cta-ghost {
        display: inline-flex; align-items: center; gap: 0.4em;
        min-height: 48px;
        padding: 0 1.1em;
        border-radius: 2em;
        background: rgba(70,140,255,0.08);
        border: 1px solid var(--card-edge);
        color: var(--mlp-text);
        font-size: 0.9em; font-weight: 700;
        text-decoration: none;
        transition: background 0.12s, border-color 0.12s;
    }
    .mlp-cta-ghost:hover { background: rgba(70,140,255,0.16); border-color: var(--mlp-accent); }
    .mlp-cta-ghost i { color: var(--mlp-accent-h); }

    .mlp-hero-actions a:focus-visible,
    .mlp-quick-link:focus-visible,
    .mlp-proof:focus-visible,
    .mlp-link:focus-visible { outline: 2px solid var(--mlp-accent-h); outline-offset: 2px; border-radius: 0.4em; }

    /* --- PROOF STRIP -> /results (credibility next to the decision) --- */
    .mlp-proof {
        position: relative;
        display: flex; flex-wrap: wrap; align-items: center;
        gap: 1.25em 1.75em;
        margin: 0 0 1.5em;
        padding: 1.05em 1.4em;
        background: var(--panel);
        border: 1px solid var(--card-edge);
        border-radius: var(--mlp-radius-lg);
        box-shadow: 0 20px 42px -26px var(--accent-glow);
        overflow: hidden;
        text-decoration: none;
        transition: border-color 0.18s ease, transform 0.18s ease;
    }
    .mlp-proof::after {
        content: '';
        position: absolute; inset: 0;
        background: radial-gradient(120% 140% at 0% 0%, rgba(70,140,255,0.14), transparent 60%);
        pointer-events: none;
    }
    .mlp-proof:hover { border-color: var(--mlp-accent); transform: translateY(-1px); }
    .mlp-proof-stat { position: relative; display: flex; flex-direction: column; gap: 0.2em; }
    .mlp-proof-num {
        font-family: var(--mlp-font-data);
        font-size: 1.4rem; font-weight: 800; line-height: 1;
        color: var(--mlp-text);
        font-variant-numeric: tabular-nums;
    }
    .mlp-proof-num.is-money { color: var(--mlp-green); }
    .mlp-proof-label {
        font-family: var(--mlp-font-data);
        font-size: 0.62rem; text-transform: uppercase; letter-spacing: 0.08em;
        color: var(--mlp-dim);
    }
    .mlp-proof-cta {
        position: relative; margin-left: auto;
        display: inline-flex; align-items: center; gap: 0.5em;
        font-weight: 800; font-size: 0.92em;
        color: var(--mlp-accent-h);
        min-height: 44px;
    }
    .mlp-proof-cta i { transition: transform 0.18s ease; }
    .mlp-proof:hover .mlp-proof-cta i { transform: translateX(3px); }
    /* Upsell bridge variant — money-forward */
    .mlp-proof.is-upsell { box-shadow: 0 20px 44px -24px var(--accent-glow); }
    @media (max-width: 620px) {
        .mlp-proof { gap: 1em 1.25em; }
        .mlp-proof-cta { margin-left: 0; flex-basis: 100%; }
    }

    .mlp-quick-links { display: flex; flex-wrap: wrap; gap: 0.5em; }
    .mlp-quick-link {
        display: inline-flex; align-items: center; gap: 0.4em;
        min-height: 44px; padding: 0.5em 0.95em;
        border-radius: 2em;
        background: rgba(70,140,255,0.08);
        border: 1px solid var(--card-edge);
        color: var(--mlp-text);
        font-size: 0.84em; font-weight: 700;
        text-decoration: none;
        transition: background 0.12s, border-color 0.12s;
    }
    .mlp-quick-link:hover { background: rgba(70,140,255,0.16); border-color: var(--mlp-accent); }
    .mlp-quick-link i { color: var(--mlp-accent-h); }

    /* ============================================================
       SECTION LEAD — heading above the picks list
       ============================================================ */
    .mlp-section-lead {
        display: flex; align-items: baseline; justify-content: space-between;
        flex-wrap: wrap; gap: 0.4em 1em;
        margin: 0 0 1.1em;
    }
    .mlp-section-lead h2 {
        margin: 0;
        font-family: var(--display);
        font-size: clamp(1.25rem, 2.6vw, 1.6rem);
        font-weight: 800; letter-spacing: -0.015em;
        color: var(--ink);
    }
    .mlp-section-sub {
        display: inline-flex; align-items: center; gap: 0.5em;
        font-family: var(--mlp-font-data);
        font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.06em;
        color: var(--mlp-dim);
    }
    .mlp-section-sub .mlp-live-dot {
        width: 7px; height: 7px; border-radius: 50%;
        background: var(--mlp-green);
        box-shadow: 0 0 0 3px rgba(52,211,153,0.18);
    }

    /* --- LOADING STATE --- */
    .mlp-loading {
        background: var(--mlp-surface2);
        border: 1px solid var(--mlp-border2);
        padding: 2em;
        border-radius: var(--mlp-radius-lg);
        text-align: center;
        margin-bottom: 1.5em;
    }

    /* ============================================================
       PARLAY CARDS — ambient-lift (system card)
       ============================================================ */
    .parlay-tip-row {
        position: relative;
        background: var(--panel);
        border: 1px solid var(--card-edge);
        border-radius: var(--mlp-radius-lg);
        padding: 1.35em;
        margin-bottom: 1.15em;
        box-shadow: 0 20px 42px -24px var(--accent-glow);
        overflow: hidden;
        transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    }
    .parlay-tip-row::after {
        content: '';
        position: absolute; inset: 0;
        background: radial-gradient(120% 90% at 0% 0%, rgba(70,140,255,0.10), transparent 55%);
        pointer-events: none;
    }
    .parlay-tip-row:hover {
        border-color: var(--mlp-accent);
        box-shadow: 0 26px 52px -22px var(--accent-glow);
        transform: translateY(-2px);
    }
    .parlay-topbar { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 0.75em; margin-bottom: 1em; padding-bottom: 0.85em; border-bottom: 1px solid var(--mlp-border); }
    .parlay-title { font-family: var(--display); font-size: 1.1rem; font-weight: 800; letter-spacing: -0.01em; color: var(--ink); }
    .parlay-time  { font-family: var(--mlp-font-data); font-size: 0.78rem; color: var(--mlp-dim); }
    .parlay-logos img { height: 26px; margin-right: 8px; }
    .sgp-badge { background: var(--accent-grad); color: #fff; padding: 0.3em 0.6em; border-radius: 2em; font-family: var(--mlp-font-data); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.05em; }
    .parlay-timeline { position: relative; margin: 0 0 0.5em; }
    .timeline-line { position: absolute; left: 8px; top: 0; bottom: 0; width: 2px; background: var(--mlp-border2); }
    .parlay-legs { position: relative; margin-left: 1.35em; }
    .parlay-leg-item { position: relative; padding: 0.85em 0; border-bottom: 1px dashed rgba(255,255,255,0.06); }
    .parlay-leg-item:last-child { border-bottom: none; }
    .leg-item-dot { position: absolute; left: -1.85em; top: 1.1em; width: 12px; height: 12px; background: var(--mlp-accent); border-radius: 50%; border: 2px solid var(--mlp-surface2); box-shadow: 0 0 0 3px rgba(70,140,255,0.18); z-index: 2; }
    .leg-info strong { display: block; margin-bottom: 0.3em; font-size: 0.95em; font-weight: 700; color: var(--ink); }
    .leg-odds-stats { display: flex; gap: 1em; align-items: center; margin-top: 0.5em; font-family: var(--mlp-font-data); font-size: 0.82em; flex-wrap: wrap; color: var(--mlp-muted); font-variant-numeric: tabular-nums; }
    .stat-item { display: flex; align-items: center; gap: 0.4em; }
    .stat-value { color: var(--mlp-green); font-weight: 800; }  /* edge / probability = money green */
    .leg-icon { color: var(--mlp-dim); font-size: 0.78em; }
    .bookmaker-leg-logo { height: 16px; width: auto; opacity: 0.85; }

    .parlay-reasoning { position: relative; margin-top: 1em; padding-top: 1em; border-top: 1px solid var(--mlp-border); }
    .reason-toggle { display: flex; justify-content: space-between; align-items: center; gap: 1em; width: 100%; min-height: 44px; padding: 0.7em 0.95em; background: var(--mlp-surface2); border: 1px solid var(--card-edge); border-radius: var(--mlp-radius); cursor: pointer; font-family: var(--mlp-font-ui); font-weight: 700; font-size: 0.88em; color: var(--mlp-text); transition: background 0.15s, border-color 0.15s; }
    .reason-toggle:hover { background: rgba(70,140,255,0.1); border-color: var(--mlp-accent); }
    .reason-toggle:focus-visible { outline: 2px solid var(--mlp-accent-h); outline-offset: 2px; }
    .reason-text { max-height: 0; overflow: hidden; transition: max-height 0.28s ease; padding: 0 0.75em; font-size: 0.9em; line-height: 1.7; color: var(--mlp-muted); }
    .reason-text.expanded { max-height: 4000px; padding: 0.75em; }

    /* --- LOCKED TEASE / UNLOCK CTA --- */
    .unlock-bet-container { position: relative; text-align: center; padding: 0.75em 0 0.15em; }
    .btn-unlock { display: inline-flex; align-items: center; gap: 0.5em; min-height: 44px; padding: 0.65em 1.4em; background: var(--accent-grad); color: #fff; border-radius: 2em; font-weight: 800; font-size: 0.9em; text-decoration: none; box-shadow: 0 12px 26px -12px var(--accent-glow); transition: transform 0.15s; }
    .btn-unlock:hover { transform: translateY(-1px); }

    /* ============================================================
       EXPLAINER CLUSTER (demoted below picks) — divider + label
       ============================================================ */
    .mlp-learn-divider {
        display: flex; align-items: center; gap: 1em;
        margin: 2.5em 0 1.5em;
    }
    .mlp-learn-divider::before,
    .mlp-learn-divider::after { content: ''; flex: 1; height: 1px; background: var(--mlp-border); }
    .mlp-learn-divider span {
        font-family: var(--mlp-font-data);
        font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.12em;
        color: var(--mlp-dim);
    }

    /* --- AEO ANSWER CAPSULE --- */
    .mlp-aeo-panel {
        position: relative;
        background: var(--mlp-surface);
        border: 1px solid var(--mlp-border2);
        border-radius: var(--mlp-radius-lg);
        padding: 1.6em 1.75em;
        margin: 0 0 1.25em;
        overflow: hidden;
    }
    .mlp-aeo-panel::before {
        content: '';
        position: absolute; inset: 0;
        background: radial-gradient(circle at 18% 8%, rgba(70,140,255,0.12), transparent 55%);
        pointer-events: none;
    }
    .mlp-aeo-grid {
        position: relative;
        display: grid;
        grid-template-columns: 1.15fr 0.85fr;
        gap: 1.5em;
        align-items: start;
    }
    @media (max-width: 900px) { .mlp-aeo-grid { grid-template-columns: 1fr; } }
    .mlp-kicker {
        font-family: var(--mlp-font-data);
        color: var(--mlp-accent-h);
        font-size: 0.66em; text-transform: uppercase; letter-spacing: 0.09em;
        margin: 0 0 0.6em; display: block;
    }
    .mlp-answer { font-size: 0.94em; color: var(--mlp-muted); line-height: 1.7; margin: 0 0 0.85em; max-width: 64ch; }
    .mlp-answer strong { color: var(--mlp-text); }
    .mlp-def-cards { display: grid; gap: 0.65em; }
    .mlp-def-card {
        background: var(--mlp-surface2);
        border: 1px solid var(--mlp-border);
        border-radius: var(--mlp-radius);
        padding: 0.9em 1em;
    }
    .mlp-def-title { display: flex; align-items: center; justify-content: space-between; gap: 0.5em; margin: 0 0 0.4em; font-size: 0.9em; font-weight: 800; color: var(--ink); }
    .mlp-def-pill { font-family: var(--mlp-font-data); font-size: 0.62em; border: 1px solid var(--card-edge); color: var(--mlp-accent-h); border-radius: 2em; padding: 0.22em 0.6em; }
    .mlp-def-card p { margin: 0; font-size: 0.85em; color: var(--mlp-muted); line-height: 1.55; }

    /* --- COMPARE TABLE --- */
    .mlp-compare {
        background: var(--mlp-surface);
        border: 1px solid var(--mlp-border);
        border-radius: var(--mlp-radius-lg);
        overflow: hidden;
        margin: 0 0 1.25em;
    }
    .mlp-compare-head { padding: 1em 1.15em; border-bottom: 1px solid var(--mlp-border); }
    .mlp-compare-head h2 { margin: 0; font-family: var(--display); font-size: 1.05em; font-weight: 800; color: var(--ink); }
    .mlp-compare-table { width: 100%; border-collapse: collapse; font-size: 0.88em; }
    .mlp-compare-table th {
        text-align: left; font-size: 0.7em; font-family: var(--mlp-font-data);
        letter-spacing: 0.08em; color: var(--mlp-dim); text-transform: uppercase;
        background: var(--mlp-surface2);
        padding: 0.7em 0.95em;
        border-bottom: 1px solid var(--mlp-border2);
    }
    .mlp-compare-table td {
        padding: 0.8em 0.95em;
        border-bottom: 1px solid var(--mlp-border);
        color: var(--mlp-muted); vertical-align: top; font-size: 0.95em; line-height: 1.55;
    }
    .mlp-compare-table tr:last-child td { border-bottom: none; }
    .mlp-compare-table strong { color: var(--mlp-text); }

    /* --- HOW TO BUILD --- */
    .mlp-howto {
        background: var(--mlp-surface2);
        border: 1px solid var(--mlp-border);
        border-radius: var(--mlp-radius-lg);
        padding: 1.6em;
        margin: 0 0 1.25em;
    }
    .mlp-howto h2 { margin: 0 0 0.85em; font-family: var(--display); font-size: 1.1em; font-weight: 800; color: var(--ink); }
    .mlp-howto ol { margin: 0; padding-left: 1.25em; color: var(--mlp-muted); }
    .mlp-howto li { margin-bottom: 0.6em; font-size: 0.9em; line-height: 1.65; }
    .mlp-howto li::marker { color: var(--mlp-accent-h); font-family: var(--mlp-font-data); font-weight: 700; }
    .mlp-howto li strong { color: var(--mlp-text); }
    .mlp-note {
        margin-top: 1em; padding: 0.9em 1.05em;
        background: var(--mlp-surface);
        border: 1px solid var(--mlp-border);
        border-left: 3px solid var(--mlp-accent);
        border-radius: 0 var(--mlp-radius) var(--mlp-radius) 0;
        color: var(--mlp-muted); font-size: 0.87em; line-height: 1.6;
    }
    .mlp-link { color: var(--action-hi); text-decoration: none; font-weight: 700; }
    .mlp-link:hover { color: var(--mlp-accent-h); text-decoration: underline; }

    /* --- TRUST STRIP --- */
    .mlp-trust-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.7em; margin: 0 0 1.25em; }
    @media (max-width: 900px) { .mlp-trust-strip { grid-template-columns: 1fr; } }
    .mlp-trust-card {
        background: var(--mlp-surface);
        border: 1px solid var(--mlp-border);
        border-radius: var(--mlp-radius);
        padding: 1.1em;
    }
    .mlp-trust-title { margin: 0 0 0.45em; font-weight: 800; font-size: 0.9em; color: var(--ink); display: flex; align-items: center; gap: 0.5em; }
    .mlp-trust-title i { color: var(--mlp-accent-h); }
    .mlp-trust-card p { margin: 0; color: var(--mlp-muted); font-size: 0.85em; line-height: 1.55; }

    /* ============================================================
       SUBSCRIPTION SECTION (server controls preserved)
       ============================================================ */
    .all-access-pro-section { background: linear-gradient(135deg, var(--panel) 0%, var(--panel-2) 100%); padding: 3.25em 5%; margin-top: 2.5em; border-top: 1px solid var(--mlp-border); }
    .all-access-pro-content { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2.5em; align-items: center; }
    .all-access-pro-headline { font-family: var(--display); font-size: clamp(1.6rem, 3vw, 2.1rem); font-weight: 800; margin-bottom: 0.65em; line-height: 1.15; letter-spacing: -0.02em; color: var(--ink); }
    .all-access-pro-features { list-style: none; padding: 0; margin-bottom: 1.75em; }
    .all-access-pro-features li { padding: 0.8em 0; border-bottom: 1px solid var(--mlp-border); display: flex; align-items: center; gap: 0.75em; color: var(--mlp-text); font-size: 0.95em; }
    .all-access-pro-features i { color: var(--mlp-green); font-size: 1.05em; }  /* value checks = money green */
    .all-access-pro-button { display: block; width: 100%; min-height: 52px; padding: 1em; background: var(--accent-grad); color: #fff; border: none; border-radius: 2em; font-family: var(--mlp-font-ui); font-size: 1.05em; font-weight: 800; cursor: pointer; text-align: center; box-shadow: 0 14px 30px -12px var(--accent-glow); transition: transform 0.15s; }
    .all-access-pro-button:hover { transform: translateY(-1px); }
    .plan-selection { list-style: none; padding: 0; margin: 1.25em 0; }
    .plan-option { padding: 1em 1.1em; background: var(--mlp-surface2); border: 1.5px solid var(--mlp-border2); border-radius: var(--mlp-radius); margin-bottom: 0.7em; cursor: pointer; position: relative; color: var(--mlp-text); font-size: 0.9em; transition: border-color 0.15s, background 0.15s; }
    .plan-option:hover { border-color: var(--mlp-accent); }
    .plan-option.active { border-color: var(--mlp-accent); background: rgba(70,140,255,0.1); }
    .plan-badge { position: absolute; top: -10px; right: 12px; background: var(--mlp-green); color: var(--void); padding: 0.25em 0.75em; border-radius: 2em; font-family: var(--mlp-font-data); font-size: 0.68em; font-weight: 800; }
    @media (max-width: 768px) { .all-access-pro-content { grid-template-columns: 1fr; gap: 1.75em; } }

    /* --- STATS SECTION --- */
    .persuasive-stats-container { margin: 2.5em auto; }
    .persuasive-stats-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.1em; }
    .stat-card { background: var(--mlp-surface); padding: 1.85em 1.5em; border-radius: var(--mlp-radius-lg); border: 1px solid var(--mlp-border); text-align: center; }
    .stat-number { font-size: 2.6rem; font-weight: 800; color: var(--mlp-text); display: block; margin-bottom: 0.3em; font-family: var(--mlp-font-data); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
    .stat-label  { color: var(--mlp-accent-h); font-weight: 700; text-transform: uppercase; font-size: 0.82rem; letter-spacing: 0.06em; display: block; margin-bottom: 0.6em; }
    .stat-text   { color: var(--mlp-muted); font-size: 0.9rem; line-height: 1.55; }

    /* --- EMAIL SIGNUP --- */
    .full-width-email-signup { background: var(--panel-2); color: var(--ink); padding: 2.75em 5%; margin-top: 2.5em; border-top: 1px solid var(--mlp-border); }
    .mlp-email-wrap { max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.75em; }
    .mlp-email-text { flex: 1 1 380px; }
    .mlp-email-title { font-family: var(--display); font-size: clamp(1.4rem, 2.6vw, 1.85rem); font-weight: 800; margin: 0 0 0.4em; letter-spacing: -0.015em; }
    .mlp-email-desc  { font-size: 1em; color: var(--mlp-muted); margin: 0; }
    .mlp-email-desc strong { color: var(--mlp-text); }
    .mlp-email-form  { flex: 1 1 320px; display: flex; flex-direction: column; gap: 0.7em; align-items: center; position: relative; }
    .mlp-email-row   { display: flex; gap: 0.6em; width: 100%; }
    .mlp-email-input { flex-grow: 1; min-height: 48px; padding: 0.75em 0.9em; border-radius: var(--mlp-radius); border: 1px solid var(--mlp-border2); background: var(--mlp-surface); color: var(--ink); font-size: 1em; }
    .mlp-email-input:focus-visible { outline: 2px solid var(--mlp-accent-h); outline-offset: 1px; }
    .mlp-signup-btn  { background: var(--accent-grad); color: #fff; font-weight: 800; min-height: 48px; padding: 0.75em 1.3em; border-radius: var(--mlp-radius); border: none; cursor: pointer; flex-shrink: 0; box-shadow: 0 12px 26px -12px var(--accent-glow); transition: transform 0.15s; }
    .mlp-signup-btn:hover { transform: translateY(-1px); }
    .mlp-email-disclaimer { font-size: 0.82em; color: var(--mlp-dim); text-align: center; width: 100%; }
    .mlp-email-disclaimer a { color: var(--mlp-accent-h); text-decoration: underline; }
    @media (max-width: 768px) { .mlp-email-row { flex-direction: column; } }

    /* --- SEO CONTENT --- */
    .mlp-seo { color: var(--mlp-muted); margin: 2.5em auto; max-width: 1180px; padding: 0 5%; }
    .mlp-seo h2 { color: var(--mlp-text); margin-top: 1.75em; font-family: var(--display); font-size: 1.2em; font-weight: 800; letter-spacing: -0.01em; }
    .mlp-seo h3 { color: var(--mlp-text); margin-top: 1.25em; font-size: 1em; font-weight: 700; }
    .mlp-seo p  { margin-bottom: 1em; line-height: 1.75; font-size: 0.92em; }
    .mlp-seo a  { color: var(--mlp-accent-h); text-decoration: none; font-weight: 700; }
    .mlp-seo a:hover { text-decoration: underline; }
    .mlp-seo strong { color: var(--mlp-text); }
    .mlp-callout {
        background: var(--mlp-surface);
        border: 1px solid var(--mlp-border);
        border-left: 3px solid var(--mlp-accent);
        border-radius: 0 var(--mlp-radius) var(--mlp-radius) 0;
        padding: 0.95em 1.05em; margin: 1.25em 0;
        font-size: 0.9em; color: var(--mlp-muted); line-height: 1.6;
    }
    .mlp-callout strong { color: var(--mlp-text); }

    /* --- FAQ --- */
    .mlp-faq { background: var(--mlp-surface); border: 1px solid var(--mlp-border); border-radius: var(--mlp-radius-lg); overflow: hidden; margin-top: 1.25em; }
    .mlp-faq-head { padding: 1.1em 1.25em; border-bottom: 1px solid var(--mlp-border); display: flex; align-items: center; justify-content: space-between; gap: 0.75em; }
    .mlp-faq-head h2 { margin: 0; font-family: var(--display); font-size: 1.1em; font-weight: 800; color: var(--ink); }
    .mlp-faq-meta { font-family: var(--mlp-font-data); font-size: 0.66em; text-transform: uppercase; letter-spacing: 0.08em; color: var(--mlp-dim); }
    .mlp-faq-list { padding: 0.5em; }
    .mlp-faq-item { border: 1px solid var(--mlp-border); background: var(--mlp-surface2); border-radius: var(--mlp-radius); margin: 0.55em 0; overflow: hidden; transition: border-color 0.15s; }
    .mlp-faq-item[open] { border-color: var(--card-edge); }
    .mlp-faq-item summary { padding: 0.95em 1.05em; cursor: pointer; font-weight: 700; font-size: 0.9em; color: var(--ink); display: flex; justify-content: space-between; align-items: center; list-style: none; gap: 1em; min-height: 44px; box-sizing: border-box; }
    .mlp-faq-item summary::-webkit-details-marker { display: none; }
    .mlp-faq-item summary::after { content: '+'; font-family: var(--mlp-font-data); color: var(--mlp-accent-h); flex-shrink: 0; font-size: 1.1em; }
    .mlp-faq-item[open] summary::after { content: '\2212'; }
    .mlp-faq-item summary:focus-visible { outline: 2px solid var(--mlp-accent-h); outline-offset: -2px; }
    .mlp-faq-answer { padding: 0 1.05em 0.95em; font-size: 0.88em; line-height: 1.75; color: var(--mlp-muted); }
    .mlp-faq-answer p { margin: 0.2em 0 0; color: var(--mlp-muted); }
    .mlp-faq-answer a { color: var(--mlp-accent-h); text-decoration: none; font-weight: 700; }

    /* Reduced motion */
    @media (prefers-reduced-motion: reduce) {
        .parlay-tip-row, .btn-unlock, .reason-text, .mlp-cta-primary, .mlp-proof, .all-access-pro-button, .mlp-signup-btn { transition: none !important; }
        .parlay-tip-row:hover, .mlp-cta-primary:hover, .mlp-proof:hover { transform: none; }
    }

    /* sr-only / noselect */
    .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
    .noselect { user-select: none; }

    /* light-theme fixes (dark rules untouched; accent buttons/badges keep #fff) */
    :root[data-theme="light"] :is(.mlp-h1,.mlp-section-lead h2,.parlay-title,.leg-info strong,.mlp-def-title,.mlp-compare-head h2,.mlp-howto h2,.mlp-trust-title,.all-access-pro-headline,.mlp-faq-head h2,.mlp-faq-item summary,.mlp-email-input,.full-width-email-signup){color:var(--ink);}
    @media (prefers-color-scheme:light){
        :root:not([data-theme="dark"]):not([data-theme="light"]) :is(.mlp-h1,.mlp-section-lead h2,.parlay-title,.leg-info strong,.mlp-def-title,.mlp-compare-head h2,.mlp-howto h2,.mlp-trust-title,.all-access-pro-headline,.mlp-faq-head h2,.mlp-faq-item summary,.mlp-email-input,.full-width-email-signup){color:var(--ink);}
    }
