/* Compact, natural landing rhythm below the hero. */
.premium-home .premium-proof {
  padding: 34px 0;
}

.premium-home .premium-section {
  padding: 68px 0;
}

.premium-home .premium-final {
  padding: 58px 0 68px;
}

.premium-home .premium-heading {
  margin-bottom: 32px;
}

.premium-home .premium-heading .premium-kicker {
  margin-bottom: 12px;
}

.premium-home .premium-heading p {
  margin-top: 14px;
}

.premium-home .premium-step {
  padding: 26px;
}

.premium-home .premium-step-number {
  margin-bottom: 18px;
}

.premium-home .premium-benefits {
  gap: 46px;
}

.premium-home .premium-price {
  padding: 32px;
}

.premium-home .premium-final-card {
  padding: 42px;
}

/* JS adds reveal-enabled only after every target has been prepared. */
html.reveal-enabled .landing-reveal {
  opacity: 0;
  transform: translate3d(0, 24px, 0) scale(0.985);
  transition:
    opacity 680ms ease,
    transform 760ms cubic-bezier(0.2, 0.75, 0.25, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}

html.reveal-enabled .landing-reveal.reveal-from-left {
  transform: translate3d(-24px, 0, 0) scale(0.99);
}

html.reveal-enabled .landing-reveal.reveal-from-right {
  transform: translate3d(24px, 0, 0) scale(0.99);
}

html.reveal-enabled .landing-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

html.reveal-enabled .premium-step.landing-reveal::before,
html.reveal-enabled .premium-benefit.landing-reveal::before {
  position: absolute;
  top: 0;
  left: 20px;
  width: 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, #ff2bd6, #824dff, #2ac5ff);
  box-shadow: 0 0 12px rgba(130, 77, 255, 0.32);
  transition: width 700ms cubic-bezier(0.2, 0.75, 0.25, 1);
  transition-delay: calc(var(--reveal-delay, 0ms) + 180ms);
}

html.reveal-enabled .premium-step.landing-reveal,
html.reveal-enabled .premium-benefit.landing-reveal {
  position: relative;
  overflow: hidden;
}

html.reveal-enabled .premium-step.landing-reveal.is-visible::before,
html.reveal-enabled .premium-benefit.landing-reveal.is-visible::before {
  width: 52px;
}

@media (max-width: 650px) {
  .premium-home .premium-proof {
    padding: 24px 0;
  }

  .premium-home .premium-section {
    padding: 48px 0;
  }

  .premium-home .premium-final {
    padding: 42px 0 50px;
  }

  .premium-home .premium-heading {
    margin-bottom: 24px;
  }

  .premium-home .premium-benefits {
    gap: 26px;
  }

  .premium-home .premium-final-card {
    padding: 28px 22px;
  }

  html.reveal-enabled .landing-reveal,
  html.reveal-enabled .landing-reveal.reveal-from-left,
  html.reveal-enabled .landing-reveal.reveal-from-right {
    transform: translate3d(0, 16px, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.reveal-enabled .landing-reveal {
    opacity: 0;
    transform: none;
    transition: opacity 320ms ease;
  }

  html.reveal-enabled .landing-reveal.is-visible {
    opacity: 1;
    transform: none;
  }
}