/* ── CTA — dark section, componente compartilhado (assets/cta-section.js) ── */
#cta {
  background: var(--dark-bg);
  text-align: center; position: relative; overflow: hidden;
}
#cta::before {
  content: ''; position: absolute;
  top: 50%; left: 50%; transform: translate(-50%,-50%);
  width: 800px; height: 600px;
  background: radial-gradient(ellipse, rgba(139,82,255,.12) 0%, transparent 65%);
  pointer-events: none;
}
#cta .wrap { position: relative; z-index: 1; padding: 5rem 2.5rem; }
.cta-eyebrow { display: block; margin-bottom: 1rem; color: var(--purple-lt); }
#cta h2 { color: var(--dark-text); margin-bottom: 1.125rem; font-size: clamp(2.25rem, 4.5vw, 4rem); }
.cta-sub { color: var(--dark-muted); font-size: 1.0625rem; line-height: 1.65; max-width: 460px; margin: 0 auto 2.5rem; }
.cta-note { font-size: .8125rem; color: var(--dark-dim); margin-top: 1.25rem; }
@media (max-width: 480px) {
  #cta .wrap { padding: 3.5rem 1.25rem; }
}