/* =============================================
   RESPONSIVE STYLES
   ============================================= */

/* Tablet: 1024px */
@media (max-width: 1024px) {
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 32px; }
  .hero-inner { gap: 40px; }
  .calc-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-stats-row { grid-template-columns: repeat(2, 1fr); }
}

/* Mobile: 768px */
@media (max-width: 768px) {
  :root { --radius: 12px; }

  .section    { padding: 56px 0; }
  .section-lg { padding: 64px 0; }

  /* Header */
  .main-nav, .header-phone { display: none; }
  .nav-toggle { display: flex; }
  .mobile-nav-open .main-nav {
    display: flex;
    position: fixed;
    top: 72px; left: 0; right: 0;
    background: #fff;
    flex-direction: column;
    padding: 16px;
    border-bottom: 1px solid var(--border);
    box-shadow: var(--shadow-md);
    z-index: 999;
  }
  .mobile-nav-open .main-nav ul { flex-direction: column; width: 100%; }
  .mobile-nav-open .main-nav a { display: block; padding: 12px 16px; }

  /* Hero */
  .hero-inner { grid-template-columns: 1fr; gap: 32px; }
  .hero-right { order: -1; }
  .hero-stats-row { grid-template-columns: repeat(3, 1fr); }
  .hero-actions { flex-direction: column; align-items: flex-start; }

  /* Challenges */
  .challenges-grid { grid-template-columns: 1fr; }
  .challenges-vs { display: none; }

  /* Services */
  .services-grid { grid-template-columns: 1fr; }

  /* Packages */
  .packages-grid { grid-template-columns: 1fr; }

  /* Comparison table */
  .comparison-table { font-size: 0.8rem; }
  .comparison-table th, .comparison-table td { padding: 10px 12px; }

  /* Trust stats */
  .trust-stats-row { grid-template-columns: repeat(2, 1fr); }

  /* Tools Hero */
  .health-banners { grid-template-columns: 1fr; }
  .tools-stats-row { grid-template-columns: repeat(2, 1fr); }
  .tool-of-day-card { flex-direction: column; text-align: center; }
  .tod-icon { display: none; }

  /* Filter */
  .filter-section { top: 64px; }

  /* Calc grid */
  .calc-grid { grid-template-columns: 1fr; }

  /* Footer */
  .footer-top { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }

  /* Missing form */
  .missing-form { flex-direction: column; }

  /* Grid utilities */
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
}

/* Small mobile: 480px */
@media (max-width: 480px) {
  .container { padding: 0 16px; }
  h1 { font-size: 1.75rem; }
  h2 { font-size: 1.4rem; }
  .btn-lg { padding: 14px 24px; font-size: 0.95rem; }
  .hero-stats-row { grid-template-columns: 1fr 1fr; }
  .tools-stats-row { grid-template-columns: repeat(2, 1fr); }
  .trust-stats-row { grid-template-columns: 1fr; }
  .missing-calc-card { padding: 28px 20px; }
}