/* ── RESPONSIVE ───────────────────────────────── */
@media (max-width: 768px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-visual { display: none; }
  .hero h1 { font-size: 2.2rem; }
  .pain-grid { grid-template-columns: 1fr; }
  .before-after { grid-template-columns: 1fr; }
  .ba-arrow { display: none; }
  .features-grid { grid-template-columns: 1fr; }
  .feat-card.ai-card { grid-template-columns: 1fr; }
  .ia-layout { grid-template-columns: 1fr; }
  .testi-grid { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr; }
  .cta-box { padding: 48px 28px; }
  .footer-inner { flex-direction: column; text-align: center; }
}