/* cta — la card di chiusura (mani): primitiva, reveal a battuta, fallback statico.
   Consuma: base (.glass), cine-engine (stato html.has-cine, per il fallback
   statico quando il motore non parte).
   La regola prefers-reduced-motion viene da una lista di
   selettori spezzata fra i moduli. */
/* ---------- CTA card (mani) ---------- */

.cta-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  max-width: 30rem;
}

.cta-card p { margin: 0; }

/* Cambio di focus finale: la card resta nascosta finché le mani non si
   uniscono (soglia data-beat di #iscriviti), poi sale come gli step. */
.cta-card[data-beat] {
  opacity: 0;
  transform: translateY(1.5rem);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.cta-card.is-active {
  opacity: 1;
  transform: translateY(0);
}

html:not(.has-cine) .cta-card[data-beat] {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .cta-card[data-beat] { transition: none; }
}