/*
  Studio 36 — Bandeau CTA pleine largeur (design.md §7.3 point 10, §9.1 point 11).
  Reutilise a l'identique sur la homepage et chaque page studio individuelle,
  d'ou son statut de composant global plutot que de style propre a une page.
*/

.cta-final {
  position: relative;
  padding-block: var(--space-11);
  overflow: hidden;
  text-align: center;
}

.cta-final__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(ellipse 50% 60% at 50% 100%, var(--accent-glow), transparent 60%),
    var(--bg-raised);
}

.cta-final__content {
  position: relative;
  z-index: 1;
  max-width: 640px;
}

.cta-final__content p {
  margin-top: var(--space-4);
  margin-bottom: var(--space-7);
}

.cta-final__reassurance {
  margin-top: var(--space-5);
  margin-bottom: 0;
  color: var(--text-muted);
}

.cta-final__reassurance a {
  color: var(--text-secondary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cta-final__reassurance a:hover {
  color: var(--accent);
}