/* ── Global Sentynel — Responsive Styles ── */

/* ─── Tablet & Mobile (≤ 768px) ─── */
@media (max-width: 768px) {

  section { padding: 48px 0; }
  .container { padding: 0 16px; }

  /* ── Topbar ── */
  .topbar .container { flex-direction: column; gap: 4px; text-align: center; }
  .topbar-contact { flex-direction: column; gap: 4px; align-items: center; }

  /* ── Navbar ── */
  .navbar .container { padding-top: 12px; padding-bottom: 12px; }
  .nav-links a:not(.nav-cta) { display: none; }
  .nav-links .nav-cta { margin-left: 0; }
  .logo-text strong { font-size: 16px; }

  /* ── Section headings ── */
  .section-title { font-size: 26px; }
  .cta-inner h2 { font-size: 26px; }
  .cta-inner p { font-size: 15px; }

  /* ── Footer ── */
  .footer-grid { grid-template-columns: 1fr !important; gap: 28px; }
  .footer-bottom { flex-direction: column; gap: 10px; text-align: center; }
  .footer-bottom-links { justify-content: center; }

  /* ════════════════════════════════
     HOME PAGE
  ════════════════════════════════ */

  .hero-grid { grid-template-columns: 1fr !important; gap: 36px !important; padding: 48px 0 !important; }
  .hero-stats { grid-template-columns: 1fr 1fr !important; }
  .diff-grid { grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
  .services-grid { grid-template-columns: 1fr !important; }
  .solutions-tracks { grid-template-columns: 1fr !important; }
  .about-grid { grid-template-columns: 1fr !important; gap: 40px !important; }

  /* ════════════════════════════════
     SERVICE PAGES (shared)
  ════════════════════════════════ */

  .page-hero { padding: 48px 0 !important; }
  .page-hero h1 { font-size: 30px !important; }
  .page-hero-inner { grid-template-columns: 1fr !important; gap: 32px !important; }
  .overview-grid { grid-template-columns: 1fr !important; gap: 36px !important; }
  .offerings-grid { grid-template-columns: 1fr !important; }
  .process-steps { grid-template-columns: 1fr 1fr !important; }
  .process-steps::before { display: none !important; }
  .why-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
  .client-work-grid { grid-template-columns: 1fr !important; }
  .managed-service-inner { grid-template-columns: 1fr !important; gap: 32px !important; }
  .summary-grid { grid-template-columns: 1fr 1fr !important; gap: 16px !important; }

  /* ════════════════════════════════
     ABOUT PAGE
  ════════════════════════════════ */

  .page-hero-inner { grid-template-columns: 1fr !important; gap: 32px !important; }
  .story-grid { grid-template-columns: 1fr !important; gap: 36px !important; }
  .values-grid { grid-template-columns: 1fr 1fr !important; }
  .network-grid { grid-template-columns: 1fr !important; gap: 36px !important; }
  .team-grid { grid-template-columns: 1fr !important; max-width: 100% !important; }
  .approach-grid { grid-template-columns: 1fr !important; gap: 36px !important; }

}

/* ─── Small phones (≤ 480px) ─── */
@media (max-width: 480px) {

  .hero-stats { grid-template-columns: 1fr !important; }
  .diff-grid { grid-template-columns: 1fr !important; }
  .process-steps { grid-template-columns: 1fr !important; }
  .summary-grid { grid-template-columns: 1fr !important; }
  .values-grid { grid-template-columns: 1fr !important; }
  .section-title { font-size: 22px; }
  .page-hero h1 { font-size: 26px !important; }

}