/* ─── TABLET / LANDSCAPE (≤ 900px) ─── */
@media (max-width: 900px) {
  .hero         { padding: 100px 24px 60px; }
  .hero-content { grid-template-columns: 1fr; gap: 60px; }
  .hero-visual  { display: none; }

  .navbar       { padding: 16px 24px; }

  .proof-strip  { gap: 24px; padding: 20px 24px; }

  section       { padding: 70px 24px; }

  .benefits-grid { grid-template-columns: 1fr; }

  .proof-grid   { grid-template-columns: 1fr; }

  .pricing-grid { grid-template-columns: 1fr; max-width: 420px; margin-left: auto; margin-right: auto; }

  .stats-grid   { grid-template-columns: repeat(2, 1fr); gap: 30px; }
  .stat-item::after { display: none; }
}

/* ─── MOBILE (≤ 600px) ─── */
@media (max-width: 600px) {
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .video-row  { grid-template-columns: 1fr; }
  .wa-row     { grid-template-columns: 1fr; }
}