/* ── TABLET (≤ 1024px) ── */
@media (max-width: 1024px) {
  .hero                               { grid-template-columns: 1fr; gap: 0; }
  .hvisual                            { display: none; }
  .catg, .ssi                         { grid-template-columns: repeat(2, 1fr); }
  .pillg, .testig, .svcg, .avalg      { grid-template-columns: 1fr 1fr; }
  .astory, .acapi, .svcintro, .conmain { grid-template-columns: 1fr; gap: 40px; }
  .collg                              { grid-template-columns: 1fr; }
  .coldg                              { grid-template-columns: 1fr; }
  .procg                              { grid-template-columns: 1fr 1fr; gap: 24px; }
  .procg::before                      { display: none; }
  .footm                              { grid-template-columns: 1fr 1fr; gap: 32px; }
  .ctabi                              { flex-direction: column; text-align: center; }
}

/* ── MOBILE (≤ 768px) ── */
@media (max-width: 768px) {
  /* Nav — hide links, show hamburger */
  .nlinks { display: none; }
  .nhb    { display: flex; }
  .navi   { padding: 0 20px; }

  /* Single-column grids */
  .catg, .pillg, .testig, .svcg, .avalg, .fgrid { grid-template-columns: 1fr; }

  /* Paddings */
  .hero, .ph, .cats, .pills, .philo, .testi,
  .svcsec, .procs, .conmain, .astory, .avals,
  .acap, .collsec, .coldet, .ctab, .ssi {
    padding-left: 20px;
    padding-right: 20px;
  }

  .acapi, .svcintro { grid-template-columns: 1fr; gap: 32px; }
  .procg            { grid-template-columns: 1fr; }

  /* Footer */
  .footm { grid-template-columns: 1fr; padding: 40px 20px 32px; }
  .footb { flex-direction: column; align-items: flex-start; padding: 14px 20px; }

  /* Hero */
  .hc         { padding: 48px 0 0; }
  .hctas      { flex-direction: column; }
  .bp, .bg    { width: 100%; justify-content: center; }

  /* Form */
  .fg.full    { grid-column: auto; }

  /* Values */
  .avalg      { grid-template-columns: 1fr; }
}