/* ─── CTA ──────────────────────────────────────────────────────── */
.cta-section {
  text-align: center;
  padding: 5rem 2rem;
  background: linear-gradient(135deg, #0f1117 0%, #141b2b 50%, #1a1145 100%);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

[data-theme="light"] .cta-section {
  background: linear-gradient(135deg, #f0f2f5 0%, #e8ecf1 50%, #ede9fe 100%);
}

.cta-section h2 {
  font-size: 2.2rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-bottom: 1rem;
}

.cta-section p {
  color: var(--text-muted);
  max-width: 500px;
  margin: 0 auto 2rem;
  font-size: 1.05rem;
}

/* ─── Footer ───────────────────────────────────────────────────── */
.landing-footer {
  padding: 2rem;
  text-align: center;
  color: var(--text-subtle);
  font-size: 0.85rem;
  border-top: 1px solid var(--border);
}

/* ─── Responsive ───────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .cta-section { padding: 4rem 1.75rem; }
}

@media (max-width: 768px) {
  .cta-section { padding: 3rem 1.5rem; max-width: 100vw; overflow-x: hidden; }
  .cta-section h2 { font-size: 1.5rem; }
  .cta-section p { font-size: 0.95rem; }
}

@media (max-width: 480px) {
  .cta-section { padding: 2.5rem 1rem; max-width: 100vw; overflow-x: hidden; }
  .cta-section h2 { font-size: 1.3rem; word-break: break-word; }
  .cta-section p { font-size: 0.9rem; }
  .cta-section .hero-btn-primary,
  .cta-section .hero-btn-secondary { max-width: 100%; display: block; margin: 0.5rem auto 0; width: auto; min-width: 200px; }
  .landing-footer { padding: 1.25rem 1rem; font-size: 0.8rem; }
}