/* =========================================================
   CTA — Agendar demo
   ========================================================= */

/* CTA */
.cta__box {
  position: relative; overflow: hidden; text-align: center;
  padding: clamp(3rem, 8vw, 6rem) clamp(1.5rem, 5vw, 4rem);
  border-radius: 28px; border: 1px solid var(--border-strong);
  background: linear-gradient(135deg, rgba(13, 148, 136, 0.25) 0%, rgba(49, 142, 189, 0.2) 100%), var(--bg-2);
}
.cta__glow { position: absolute; inset: -50% -20% auto; height: 120%; background: radial-gradient(circle, rgba(56, 189, 248, 0.25), transparent 60%); pointer-events: none; }
.cta__box h2 { position: relative; font-size: clamp(2rem, 5vw, 3.6rem); font-weight: 800; line-height: 1.08; letter-spacing: -0.035em; max-width: 18ch; margin: 0 auto; }
.cta__box > p { position: relative; margin-top: 1rem; color: var(--text-soft); font-size: 1.1rem; }
.cta__form { position: relative; margin: 2.25rem auto 0; display: flex; flex-direction: column; gap: 0.75rem; max-width: 480px; }
@media (min-width: 560px) { .cta__form { flex-direction: row; } }
.cta__form input {
  flex: 1; height: 54px; padding: 0 1.2rem; border-radius: 10px; font: inherit; color: var(--text);
  background: rgba(1, 8, 11, 0.6); border: 1px solid var(--border-strong); outline: none; transition: border-color 0.3s;
}
.cta__form input:focus { border-color: var(--cyan); }
.cta__form input::placeholder { color: var(--text-muted); }
.cta__msg { position: relative; margin-top: 1rem; min-height: 1.5em; font-family: var(--mono); font-size: 0.85rem; }
.cta__msg.is-ok { color: var(--teal); }
.cta__msg.is-error { color: #fca5a5; }