/* =========================================================
   LeadSprint – CTA Section
========================================================= */

.ls-cta {
  position: relative;
}

/* Inner */
.ls-cta-inner {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;

  display: flex;
  flex-direction: column;
  align-items: center;

  border: 1px solid var(--color-accent-soft);
  border-radius: var(--ls-radius-md);
}


/* =========================================================
   Variants
========================================================= */

/* NORMAL */
.ls-cta--variant-normal {
  padding-block: clamp(120px, 16vw, 200px);
  background: #fff;
}

/* BOXED */
.ls-cta--variant-boxed {
  padding-block: clamp(120px, 16vw, 200px);
}

.ls-cta--variant-boxed .ls-cta-inner {
  padding: clamp(48px, 6vw, 72px);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 24px 64px rgba(0,0,0,.08);
}

/* MINIMAL */
.ls-cta--variant-minimal {
  padding-block: clamp(80px, 12vw, 120px);
}

.ls-cta--variant-minimal .lead {
  font-size: 1em;
}

/* =========================================================
   CTA – Responsive (zelfde ritme als hero)
========================================================= */

@media (max-width: 900px) {

  /* Alle CTA-varianten → zelfde verticale schaal als hero mobiel */
  .ls-cta--variant-normal,
  .ls-cta--variant-boxed,
  .ls-cta--variant-minimal {
    padding-block: clamp(72px, 12vw, 96px);
  }

  /* Inner blok ademt meer op mobiel */
  .ls-cta-inner {
    padding-inline: clamp(20px, 6vw, 32px);
  }

  /* Boxed CTA: geen extra hoogte-opbouw */
  .ls-cta--variant-boxed .ls-cta-inner {
    padding: clamp(32px, 8vw, 48px);
    box-shadow: 0 16px 40px rgba(0,0,0,.08);
  }
}