/* ============================================================
   SECTION 13: FINAL CTA
   ============================================================ */

.final-cta {
  background-color: var(--background-secondary);
  padding-block: clamp(100px, 12vw, 160px);
  text-align: center;
}

.final-cta-inner {
  max-width: 800px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.final-cta-headline {
  font-size: clamp(1.875rem, 5vw, 4rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.025em;
  color: var(--text-primary);
  margin-bottom: clamp(20px, 2.5vw, 32px);
}

.final-cta-headline em {
  font-style: italic;
  font-weight: 700;
  color: var(--accent-primary);
}

.final-cta-subline {
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.65;
  color: var(--text-secondary);
  margin-bottom: clamp(16px, 2vw, 24px);
}

.final-cta-price {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: clamp(36px, 4.5vw, 56px);
}

/* Beide CTAs gleichberechtigt: selbe Größe wie Hero-CTAs */
.final-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

.final-cta-buttons .btn {
  padding: 14px 28px;
  font-size: 1rem;
  font-weight: 700;
}

@media (max-width: 420px) {
  .final-cta-buttons {
    flex-direction: column;
    width: 100%;
  }

  .final-cta-buttons .btn {
    width: 100%;
    justify-content: center;
  }
}