/* Landing pages — VSL + headline + post-delay CTA */

body.landing-vsl-page .site-header--static {
  position: static;
  top: auto;
}

body.landing-vsl-page .logo {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  color: #ffffff;
  filter: none;
}

body.landing-vsl-page .logo span {
  background: linear-gradient(135deg, #fef9c3 0%, #fcd34d 45%, #f59e0b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.landing-vsl-page.product-theme--sugar .logo span {
  background: linear-gradient(135deg, #fdf4ff 0%, #f0abfc 42%, #e879f9 78%, #c026d3 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.landing-vsl-page.product-theme--neuro .logo span {
  background: linear-gradient(135deg, #faf5ff 0%, #c4b5fd 42%, #a78bfa 78%, #7c3aed 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.landing-vsl-page.product-theme--boost .logo span {
  background: linear-gradient(135deg, #fffbeb 0%, #e5c089 42%, #c9975c 78%, #8a5a2d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Niche headline — visible on mobile AND desktop */
body.landing-vsl-page .vsl-headline-wrap {
  display: block !important;
  background: #050505;
  padding: 2rem 1.25rem 0.5rem;
  text-align: center;
}

body.landing-vsl-page .vsl-teaser {
  display: none !important;
}

/* VSL always visible (desktop + mobile) */
body.landing-vsl-page #vsl-section.vsl-section--mobile-only {
  display: flex !important;
  min-height: unset;
  padding: 1rem 0 0.5rem;
}

@media (min-width: 769px) {
  body.landing-vsl-page .vsl-headline-wrap {
    padding: 2.5rem 1.5rem 0.75rem;
  }

  body.landing-vsl-page .vsl-headline {
    font-size: clamp(1.75rem, 3.2vw, 2.45rem);
    max-width: 22ch;
    margin-left: auto;
    margin-right: auto;
  }

  body.landing-vsl-page .vsl-headline-sub {
    max-width: 42ch;
    font-size: 1.05rem;
  }

  body.landing-vsl-page #vsl-section.vsl-section--mobile-only {
    padding: 1.25rem 1.5rem 0.75rem;
    align-items: center;
  }

  body.landing-vsl-page #vsl-section.vsl-section--mobile-only .vsl-wrap {
    max-width: min(960px, 92vw);
  }
}

body.landing-vsl-page.product-theme--sugar .vsl-headline em {
  color: #f0abfc;
}

body.landing-vsl-page.product-theme--neuro .vsl-headline em {
  color: #c4b5fd;
}

body.landing-vsl-page.product-theme--boost .vsl-headline em {
  color: #e5c089;
}

/* Checkout CTA under VSL — only after delay */
.vsl-checkout-cta {
  display: none;
  background: #050505;
  padding: 1rem 1.25rem 1.75rem;
  text-align: center;
}

html.vsl-revealed body.landing-vsl-page .vsl-checkout-cta {
  display: block;
}

.vsl-checkout-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: min(100%, 22rem);
  padding: 1rem 1.75rem;
  font-family: "Montserrat", var(--font-display), sans-serif;
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing: 0.02em;
  text-decoration: none;
  border-radius: 999px;
  color: #1c1308;
  background: linear-gradient(145deg, var(--gold-rich) 0%, var(--gold) 38%, var(--accent) 72%, var(--gold-deep) 100%);
  box-shadow: 0 0 0 0 rgba(234, 179, 8, 0.45), 0 10px 28px rgba(0, 0, 0, 0.35);
  animation: vsl-cta-pulse 1.8s ease-in-out infinite;
}

body.product-theme--sugar .vsl-checkout-cta__btn {
  color: #1a0514;
  background: linear-gradient(145deg, #f0abfc 0%, #e879f9 40%, #c026d3 75%, #86198f 100%);
  box-shadow: 0 0 0 0 rgba(232, 121, 249, 0.5), 0 10px 28px rgba(0, 0, 0, 0.35);
  animation-name: vsl-cta-pulse-sugar;
}

body.product-theme--neuro .vsl-checkout-cta__btn {
  color: #1e1b4b;
  background: linear-gradient(145deg, #c4b5fd 0%, #a78bfa 40%, #7c3aed 75%, #5b21b6 100%);
  box-shadow: 0 0 0 0 rgba(167, 139, 250, 0.5), 0 10px 28px rgba(0, 0, 0, 0.35);
  animation-name: vsl-cta-pulse-neuro;
}

body.product-theme--boost .vsl-checkout-cta__btn {
  color: #1c1308;
  background: linear-gradient(145deg, #e5c089 0%, #c9975c 40%, #b87333 75%, #8a5a2d 100%);
  box-shadow: 0 0 0 0 rgba(201, 151, 92, 0.5), 0 10px 28px rgba(0, 0, 0, 0.35);
  animation-name: vsl-cta-pulse-boost;
}

@keyframes vsl-cta-pulse {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(234, 179, 8, 0.45), 0 10px 28px rgba(0, 0, 0, 0.35);
  }
  50% {
    transform: scale(1.045);
    box-shadow: 0 0 0 14px rgba(234, 179, 8, 0), 0 14px 36px rgba(234, 179, 8, 0.35);
  }
}

@keyframes vsl-cta-pulse-sugar {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(232, 121, 249, 0.5), 0 10px 28px rgba(0, 0, 0, 0.35);
  }
  50% {
    transform: scale(1.045);
    box-shadow: 0 0 0 14px rgba(232, 121, 249, 0), 0 14px 36px rgba(232, 121, 249, 0.4);
  }
}

@keyframes vsl-cta-pulse-neuro {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(167, 139, 250, 0.5), 0 10px 28px rgba(0, 0, 0, 0.35);
  }
  50% {
    transform: scale(1.045);
    box-shadow: 0 0 0 14px rgba(167, 139, 250, 0), 0 14px 36px rgba(167, 139, 250, 0.4);
  }
}

@keyframes vsl-cta-pulse-boost {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(201, 151, 92, 0.5), 0 10px 28px rgba(0, 0, 0, 0.35);
  }
  50% {
    transform: scale(1.045);
    box-shadow: 0 0 0 14px rgba(201, 151, 92, 0), 0 14px 36px rgba(201, 151, 92, 0.4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .vsl-checkout-cta__btn {
    animation: none !important;
  }
}

/* During pitch delay: only headline + video */
html.vsl-delay-active body.landing-vsl-page .site-header,
html.vsl-delay-active body.landing-vsl-page .ambient-layer,
html.vsl-delay-active body.landing-vsl-page #page-after-vsl,
html.vsl-delay-active body.landing-vsl-page .vsl-checkout-cta {
  display: none !important;
}

html.vsl-delay-active body.landing-vsl-page {
  background: #050505;
}

html.vsl-delay-active body.landing-vsl-page .vsl-headline-wrap {
  display: block !important;
}

html.vsl-delay-active body.landing-vsl-page #vsl-section.vsl-section--mobile-only {
  min-height: calc(100vh - 10rem);
  padding: 0.75rem 0.65rem 1.25rem;
  align-items: center;
}

@media (min-width: 769px) {
  html.vsl-delay-active body.landing-vsl-page #vsl-section.vsl-section--mobile-only {
    min-height: calc(100vh - 12rem);
    padding: 1.5rem;
  }
}

@media (max-width: 768px) {
  html.vsl-delay-active body.landing-vsl-page .site-header {
    display: none !important;
  }

  body.landing-vsl-page .vsl-headline-wrap {
    padding: 1.35rem 1rem 0.35rem;
  }
}