/* Compatibility bridge for detail pages that still use the v24 content markup.
 * This is intentionally loaded last and only on marketing_v3 pages using home-v2.
 * It removes the HUD treatment while preserving the existing detailed content.
 */

body.home-v2.marketing-v3-body {
  --legacy-bg: #0b0f14;
  --legacy-soft: #0f1620;
  --legacy-surface: #121a24;
  --legacy-surface-2: #16202c;
  --legacy-text: #edf2f7;
  --legacy-muted: #aab4bf;
  --legacy-line: rgba(170, 180, 191, .22);
  --legacy-line-strong: rgba(170, 180, 191, .36);
  --legacy-accent: #b6ff3b;
  color: var(--legacy-text);
  background: var(--legacy-bg) !important;
}

body.home-v2.marketing-v3-body,
body.home-v2.marketing-v3-body .site-main,
body.home-v2.marketing-v3-body .v24-page {
  background-image: none !important;
}

body.home-v2.marketing-v3-body .site-header--v2 {
  position: sticky;
  top: 0;
  z-index: 100;
  min-height: 0;
  background: rgba(11, 15, 20, .96) !important;
  border-bottom: 1px solid var(--legacy-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px);
}

body.home-v2.marketing-v3-body .header-v2__inner {
  min-height: 78px;
  align-items: center;
}

body.home-v2.marketing-v3-body .brand-v2__name { color: #fff !important; }
body.home-v2.marketing-v3-body .brand-v2__security { color: var(--legacy-muted) !important; }

body.home-v2.marketing-v3-body .nav-v2 a {
  color: #d5dde5 !important;
  text-shadow: none !important;
}

body.home-v2.marketing-v3-body .nav-v2 a:hover,
body.home-v2.marketing-v3-body .nav-v2 a:focus-visible,
body.home-v2.marketing-v3-body .nav-v2 a.is-active { color: #fff !important; }

body.home-v2.marketing-v3-body .market-header-cta,
body.home-v2.marketing-v3-body .v24-btn--accent {
  color: #0a100a !important;
  background: var(--legacy-accent) !important;
  border-color: var(--legacy-accent) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.home-v2.marketing-v3-body .v24-btn:not(.v24-btn--accent) {
  color: var(--legacy-text) !important;
  background: transparent !important;
  border-color: var(--legacy-line-strong) !important;
  box-shadow: none !important;
}

body.home-v2.marketing-v3-body .v24-page,
body.home-v2.marketing-v3-body .v24-hero,
body.home-v2.marketing-v3-body .v24-section,
body.home-v2.marketing-v3-body .v24-close {
  color: var(--legacy-text) !important;
  background: var(--legacy-bg) !important;
  box-shadow: none !important;
}

body.home-v2.marketing-v3-body .v24-hero {
  padding-top: clamp(64px, 8vw, 96px) !important;
  padding-bottom: clamp(58px, 7vw, 82px) !important;
  background: linear-gradient(180deg, #0b0f14 0%, #0e151e 100%) !important;
  border-bottom: 1px solid var(--legacy-line) !important;
}

body.home-v2.marketing-v3-body .v24-section {
  padding-top: clamp(64px, 7vw, 88px) !important;
  padding-bottom: clamp(64px, 7vw, 88px) !important;
  border-bottom: 1px solid var(--legacy-line) !important;
}

body.home-v2.marketing-v3-body .v24-section:nth-of-type(even) {
  background: var(--legacy-soft) !important;
}

body.home-v2.marketing-v3-body .v24-close {
  padding-top: clamp(64px, 7vw, 88px) !important;
  padding-bottom: clamp(64px, 7vw, 88px) !important;
  background: #111923 !important;
}

body.home-v2.marketing-v3-body .v24-hero__grid,
body.home-v2.marketing-v3-body .v24-section__grid,
body.home-v2.marketing-v3-body .v24-close__grid {
  gap: clamp(42px, 6vw, 82px) !important;
  align-items: center !important;
}

body.home-v2.marketing-v3-body .v24-kicker {
  color: var(--legacy-accent) !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
  letter-spacing: .15em !important;
  text-shadow: none !important;
}

body.home-v2.marketing-v3-body .v24-copy h1,
body.home-v2.marketing-v3-body .v24-title {
  color: #fff !important;
  letter-spacing: -.03em !important;
  text-shadow: none !important;
}

body.home-v2.marketing-v3-body .v24-copy h1 {
  font-size: clamp(2.8rem, 5.4vw, 5.1rem) !important;
  line-height: 1.04 !important;
}

body.home-v2.marketing-v3-body .v24-title {
  font-size: clamp(2.1rem, 4vw, 3.65rem) !important;
  line-height: 1.08 !important;
}

body.home-v2.marketing-v3-body .v24-accent { color: var(--legacy-accent) !important; }

body.home-v2.marketing-v3-body .v24-lead,
body.home-v2.marketing-v3-body .v24-copy p,
body.home-v2.marketing-v3-body .v24-linked-card p,
body.home-v2.marketing-v3-body .v24-process-step span,
body.home-v2.marketing-v3-body .v24-intake-step span,
body.home-v2.marketing-v3-body .v24-outcome span {
  color: var(--legacy-muted) !important;
  text-shadow: none !important;
}

body.home-v2.marketing-v3-body .v24-lead {
  font-size: clamp(1.12rem, 1.7vw, 1.38rem) !important;
  line-height: 1.55 !important;
}

body.home-v2.marketing-v3-body .v24-canvas {
  padding: clamp(22px, 3vw, 30px) !important;
  border: 1px solid var(--legacy-line-strong) !important;
  border-radius: 14px !important;
  background: var(--legacy-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

body.home-v2.marketing-v3-body .v24-canvas::before,
body.home-v2.marketing-v3-body .v24-canvas::after,
body.home-v2.marketing-v3-body .v24-linked-card::before,
body.home-v2.marketing-v3-body .v24-linked-card::after,
body.home-v2.marketing-v3-body .v24-process-step::before,
body.home-v2.marketing-v3-body .v24-process-step::after {
  display: none !important;
}

body.home-v2.marketing-v3-body .v24-canvas__label {
  display: block !important;
  margin-bottom: 20px !important;
  color: #dce5ed !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

body.home-v2.marketing-v3-body .v24-linked-grid {
  gap: 12px !important;
}

body.home-v2.marketing-v3-body .v24-linked-card,
body.home-v2.marketing-v3-body .v24-process-step,
body.home-v2.marketing-v3-body .v24-intake-step {
  border: 1px solid var(--legacy-line) !important;
  border-radius: 9px !important;
  background: var(--legacy-surface-2) !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

body.home-v2.marketing-v3-body .v24-linked-card {
  padding: 20px !important;
}

body.home-v2.marketing-v3-body .v24-process,
body.home-v2.marketing-v3-body .v24-intake {
  gap: 10px !important;
}

body.home-v2.marketing-v3-body .v24-process-step,
body.home-v2.marketing-v3-body .v24-intake-step {
  min-height: 0 !important;
  padding: 18px !important;
}

body.home-v2.marketing-v3-body .v24-linked-card strong,
body.home-v2.marketing-v3-body .v24-process-step strong,
body.home-v2.marketing-v3-body .v24-intake-step strong,
body.home-v2.marketing-v3-body .v24-outcome strong {
  color: #fff !important;
  text-shadow: none !important;
}

body.home-v2.marketing-v3-body .v24-linked-card__icon,
body.home-v2.marketing-v3-body .v24-process-step__icon,
body.home-v2.marketing-v3-body .v24-intake-step__icon {
  color: var(--legacy-accent) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.home-v2.marketing-v3-body .v24-outcome {
  margin-top: 14px !important;
  padding: 18px 20px !important;
  border: 1px solid var(--legacy-line-strong) !important;
  border-radius: 9px !important;
  background: #0d131b !important;
  box-shadow: none !important;
}

body.home-v2.marketing-v3-body .footer-v2 {
  background: #080b0f !important;
  border-top: 1px solid var(--legacy-line) !important;
  box-shadow: none !important;
}

body.home-v2.marketing-v3-body .footer-v2 a { color: #c8d0d8 !important; }
body.home-v2.marketing-v3-body .footer-v2 a:hover,
body.home-v2.marketing-v3-body .footer-v2 a:focus-visible { color: var(--legacy-accent) !important; }

body.home-v2.marketing-v3-body [class*="scanline"],
body.home-v2.marketing-v3-body [class*="radar"],
body.home-v2.marketing-v3-body [class*="hud"] { display: none !important; }

@media (max-width: 820px) {
  body.home-v2.marketing-v3-body .site-header--v2 { position: static; }
  body.home-v2.marketing-v3-body .header-v2__inner { min-height: 0; }
}