/* Gated MVT treatments. No grid, column, section, nav or post-hero redesign. */
.home-hero[data-mvt-render] {
  --mvt-field: #061426;
  --mvt-ink: #fff;
  --mvt-copy: #b9d7ff;
  --mvt-edge: #0079ff;
  --mvt-frame: #061c38;
  --mvt-focus: #00baff;
  --mvt-red: #ef001c;
  --mvt-cobalt: #0046f5;
  --mvt-background: none;
  color: var(--mvt-ink);
  background: var(--mvt-background), var(--mvt-field);
}
.home-hero[data-mvt-theme="light"] {
  --mvt-field: #fff;
  --mvt-ink: #061c46;
  --mvt-copy: #173c78;
  --mvt-edge: #0050dc;
  --mvt-focus: #0050dc;
}
.home-hero[data-mvt-render]::before { display: none; }
.home-hero[data-mvt-render] h1 { color: var(--mvt-ink); text-shadow: none; }
.home-hero[data-mvt-render] .marketing-lead { color: var(--mvt-copy); text-wrap: balance; }
.home-hero[data-mvt-render] .home-trial-note,
.home-hero[data-mvt-render] figcaption { color: var(--mvt-copy); }
.home-hero[data-mvt-render] .home-trial-note strong { color: var(--mvt-ink); }
.home-hero[data-mvt-render] .marketing-eyebrow { color: var(--mvt-ink); background: transparent; border-color: var(--mvt-red); }
.home-hero[data-mvt-render] .poker-link-btn.secondary { color: var(--mvt-ink); background: transparent; border-color: var(--mvt-edge); }
.home-hero[data-mvt-render] .home-hero-product-frame::before { display: none; }
.home-hero[data-mvt-render] .home-hero-product-frame { filter: none; }
.home-hero[data-mvt-render] .home-screenshot-button { background: var(--mvt-frame); border-color: var(--mvt-edge); box-shadow: 0 12px 24px #001a4633, 0 0 14px #0079ff33; }
.home-hero[data-mvt-render] .home-window-bar { color: #fff; }
.home-hero[data-mvt-render] .home-window-bar i { background: #00baff; }
.home-hero[data-mvt-render] .poker-link-btn:focus-visible,
.home-hero[data-mvt-render] .home-screenshot-button:focus-visible { outline: 3px solid var(--mvt-focus); outline-offset: 4px; }

/* Equal padding/border/arrow geometry across all six CTA executions. */
body.poker-modern.marketing-page .home-hero[data-mvt-render] .marketing-trial-cta {
  --mvt-cta-fill: linear-gradient(180deg, #e6001e, #b50010);
  --mvt-cta-border: #ff3448;
  --mvt-cta-text: #fff;
  --mvt-cta-glow: #f000284d;
  border: 2px solid var(--mvt-cta-border);
  border-radius: 999px;
  background: var(--mvt-cta-fill);
  color: var(--mvt-cta-text);
  box-shadow: 0 6px 18px var(--mvt-cta-glow), inset 0 0 0 1px #ffffff26;
  text-shadow: none;
}
body.poker-modern.marketing-page .home-hero[data-mvt-cta="professional_outline"] .marketing-trial-cta {
  --mvt-cta-fill: transparent;
  --mvt-cta-border: #ef001c;
  --mvt-cta-text: var(--mvt-ink);
  --mvt-cta-glow: transparent;
}
body.poker-modern.marketing-page .home-hero[data-mvt-cta="blue_confidence"] .marketing-trial-cta {
  --mvt-cta-fill: linear-gradient(180deg, #005aff, #002bcc);
  --mvt-cta-border: #00baff;
  --mvt-cta-glow: #0046f54d;
}
.home-hero[data-mvt-render] .marketing-trial-cta::before { content: none; }
.home-hero[data-mvt-render] .mvt-cta-arrow { flex: 0 0 auto; font-size: 22px; line-height: 1; }
.home-hero[data-mvt-cta="professional_outline"] .mvt-cta-arrow { color: #ef001c; }

/* One page palette derived from the existing exposed theme, never a second factor.
   Scoped to MVT homepages; no global preference or authenticated UI changes. */
body.poker-modern.marketing-page:has(.home-hero[data-mvt-render]) {
  --mvt-page-field: #061426;
  --mvt-page-surface: #07172b;
  --mvt-page-ink: #fff;
  --mvt-page-copy: #b9d7ff;
  --mvt-page-border: #173c78;
  --mvt-page-link: #00baff;
  --mvt-page-shadow: #00102640;
  --text: var(--mvt-page-ink);
  --muted: var(--mvt-page-copy);
  --surface: var(--mvt-page-surface);
  --border: var(--mvt-page-border);
  --color-link: var(--mvt-page-link);
  color: var(--mvt-page-ink);
  color-scheme: dark;
}
body.poker-modern.marketing-page:has(.home-hero[data-mvt-theme="light"]) {
  --mvt-page-field: #fff;
  --mvt-page-surface: #fff;
  --mvt-page-ink: #061c46;
  --mvt-page-copy: #173c78;
  --mvt-page-border: #173c78;
  --mvt-page-link: #0050dc;
  --mvt-page-shadow: #061c4614;
  background: var(--mvt-page-field);
  color-scheme: light;
}
/* Override a saved application light preference for a dark experiment too. */
html[data-theme="light"] body.poker-modern.marketing-page:has(.home-hero[data-mvt-theme="dark"]) { background: var(--mvt-page-field); }
body.poker-modern.marketing-page:has(.home-hero[data-mvt-theme="light"]) :is(.marketing-section:not(.home-hero), .marketing-footer),
html[data-theme="light"] body.poker-modern.marketing-page:has(.home-hero[data-mvt-theme="dark"]) :is(.marketing-section:not(.home-hero), .marketing-footer) {
  background: var(--mvt-page-field);
  border-color: var(--mvt-page-border);
}
body.poker-modern.marketing-page:has(.home-hero[data-mvt-theme="light"]) :is(.home-workflow-card, .home-reassurance-card, .marketing-faq, .marketing-final-cta),
html[data-theme="light"] body.poker-modern.marketing-page:has(.home-hero[data-mvt-theme="dark"]) :is(.home-workflow-card, .home-reassurance-card, .marketing-faq, .marketing-final-cta) {
  background: var(--mvt-page-surface);
  border-color: var(--mvt-page-border);
  box-shadow: 0 12px 28px var(--mvt-page-shadow);
}
body.poker-modern.marketing-page:has(.home-hero[data-mvt-theme="light"]) .marketing-section:not(.home-hero) .marketing-eyebrow {
  color: var(--mvt-page-ink);
  background: transparent;
  border-color: #ef001c;
}
/* Screenshot pixels stay untouched; only their surrounding frame follows PCA chrome. */
body.poker-modern.marketing-page:has(.home-hero[data-mvt-theme="light"]) .marketing-section:not(.home-hero) .home-screenshot-button {
  border-color: var(--mvt-page-border);
  box-shadow: 0 12px 28px var(--mvt-page-shadow);
}
body:has(.home-hero[data-mvt-theme="light"]) .marketing-footer .marketing-logo-dark,
body:has(.home-hero[data-mvt-theme="dark"]) .marketing-footer .marketing-logo-light { display: none !important; }
body:has(.home-hero[data-mvt-theme="light"]) .marketing-footer .marketing-logo-light,
body:has(.home-hero[data-mvt-theme="dark"]) .marketing-footer .marketing-logo-dark { display: block !important; }

/* Header palette only. Layout, links and other CTAs remain the structural control. */
body:has(.home-hero[data-mvt-theme="dark"]) > .marketing-header { background: #07172b; border-bottom-color: #173c78; }
body:has(.home-hero[data-mvt-theme="dark"]) .marketing-header nav a,
body:has(.home-hero[data-mvt-theme="dark"]) .marketing-header .secondary { color: #fff; }
body:has(.home-hero[data-mvt-theme="dark"]) .marketing-header .secondary { background: #07172b; border-color: #0079ff; }
body:has(.home-hero[data-mvt-theme="dark"]) .marketing-header .marketing-logo-dark { display: block !important; }
body:has(.home-hero[data-mvt-theme="dark"]) .marketing-header .marketing-logo-light { display: none !important; }
body:has(.home-hero[data-mvt-theme="light"]) > .marketing-header { background: #fff; border-bottom-color: #061c46; }
body:has(.home-hero[data-mvt-theme="light"]) .marketing-header nav a,
body:has(.home-hero[data-mvt-theme="light"]) .marketing-header .secondary { color: #061c46; }
body:has(.home-hero[data-mvt-theme="light"]) .marketing-header .secondary { background: #fff; border-color: #0050dc; }
body:has(.home-hero[data-mvt-theme="light"]) .marketing-header .marketing-logo-dark { display: none !important; }
body:has(.home-hero[data-mvt-theme="light"]) .marketing-header .marketing-logo-light { display: block !important; }

/* Existing public mobile breakpoint. Inactive factors render the unchanged baseline. */
.mvt-desktop-visual, .mvt-desktop-trust { display: none; }
@media (min-width: 721px) {
  .mvt-mobile-visual, .mvt-mobile-trust { display: none; }
  .mvt-desktop-visual { display: block; }
  .mvt-desktop-trust { display: inline; }
  .home-hero[data-mvt-background="poker_atmosphere"][data-mvt-theme="dark"] {
    --mvt-background: radial-gradient(ellipse at 4% 35%, #ae001b55, transparent 46%), linear-gradient(120deg, #071023, #071d46);
  }
  .home-hero[data-mvt-background="poker_atmosphere"][data-mvt-theme="light"] {
    --mvt-background: radial-gradient(ellipse 20% 85% at -12% 48%, #061c46 40%, #0046f5 68%, #0046f500 100%), linear-gradient(90deg, transparent calc(100% - 3px), #d90020 calc(100% - 3px));
  }
  .home-hero[data-mvt-background="focused_spotlight"][data-mvt-theme="dark"] {
    --mvt-background: radial-gradient(ellipse 36% 60% at 69% 44%, #0058dd88, transparent 80%), radial-gradient(ellipse 24% 40% at 25% 62%, #a0002633, transparent 90%);
  }
  .home-hero[data-mvt-background="focused_spotlight"][data-mvt-theme="light"] {
    /* Broad directional falloff across the field, not a bounded glow/object.
       White illumination stays dominant; navy depth is confined to the edges. */
    --mvt-background: linear-gradient(115deg, #061c4612 0%, #061c4600 30%, #fff 68%, #061c460a 100%);
  }
  /* Product First uses only the quiet theme field. */
  .home-hero[data-mvt-visual="multi_screen_proof"] .mvt-desktop-visual { position: relative; aspect-ratio: 16 / 9; padding-top: 30px; box-sizing: content-box; }
  .home-hero[data-mvt-visual="multi_screen_proof"] .mvt-screen { position: absolute; }
  .home-hero[data-mvt-visual="multi_screen_proof"] .mvt-screen-0 { width: 85%; left: 0; top: 0; }
  .home-hero[data-mvt-visual="multi_screen_proof"] .mvt-screen-1 { width: 46%; left: 8%; bottom: 0; }
  .home-hero[data-mvt-visual="multi_screen_proof"] .mvt-screen-2 { width: 39%; right: 0; bottom: 0; }
  .home-hero[data-mvt-visual="multi_screen_proof"] .mvt-screen:focus-visible { z-index: 2; }
}