/* ============================================================
   responsive.css — All breakpoints
   ============================================================ */

/* ── 1200px ─────────────────────────────────────────────────── */
@media (max-width: 1200px) {
  :root { --gutter: 40px; --section-v: 104px; }
  .footer-grid { grid-template-columns: 1fr 1fr 1fr; }
  .footer-brand { grid-column: 1/-1; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,.07); margin-bottom: 8px; }
  .feature-block { gap: 56px; }
}

/* ── 1000px ─────────────────────────────────────────────────── */
@media (max-width: 1000px) {
  /* Hero: stacked layout — photo on top, text below */
  .hero { align-items: flex-start; flex-direction: column; padding-bottom: 48px; min-height: 100svh; }
  .hero__photo-wrap { position: relative !important; width: 100% !important; height: 58vw !important; min-height: 280px; top: auto !important; right: auto !important; bottom: auto !important; margin-top: var(--header-h); overflow: hidden; z-index: 5; flex-shrink: 0; }
  .hero__photo { object-position: center 15%; filter: brightness(1.25) contrast(1.02); }
  .hero__photo-tag { bottom: 12px; font-size: 8px; }
  .hero__inner { max-width: 100% !important; width: 100%; display: block; padding-top: 24px; padding-bottom: 0; flex: 1; }
  .hero__overlay { width: 100% !important; background: linear-gradient(to bottom, rgba(13,13,15,.5) 0%, rgba(13,13,15,.85) 50%, rgba(13,13,15,.96) 100%) !important; }
  .hero__grain { width: 100% !important; }
  .hero__content { padding: 0 0 40px; }
  .hero__divider { width: 200px; }
  .hero__ctas { flex-direction: column; }
  .hero__ctas .btn { justify-content: center; }
  .hero__badge { white-space: normal; font-size: 8px; }

  .two-path { grid-template-columns: 1fr; }
  .path-card + .path-card { border-left: 1px solid var(--rule); border-top: 0; }
  .diff-grid { grid-template-columns: 1fr; }
  .diff-item:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--rule-dark); }
  .diff-item:last-child { border-bottom: 0; }
  .sectors-grid { grid-template-columns: 1fr; }
  .sector-block { border-right: 0 !important; border-bottom: 1px solid var(--rule); }
  .sector-block:last-child { border-bottom: 0; }
  .testimonials-grid { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; gap: 56px; }
  .about-hero-split { grid-template-columns: 1fr; }
  .about-hero-photo { min-height: 56vw; }
  .about-hero-content { padding: 64px 40px; }
  .feature-block { grid-template-columns: 1fr; gap: 48px; }
  .subjects-grid { grid-template-columns: 1fr; }
  .subject-card:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--rule); }
  .subject-card:last-child { border-bottom: 0; }
  .credentials-grid { grid-template-columns: 1fr; }
  .credential:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--rule); }
  .credential:last-child { border-bottom: 0; }
  .services-grid { grid-template-columns: 1fr 1fr; }
  .service-item:nth-child(2n) { border-right: 0; }
  .service-item:nth-child(3n) { border-right: 1px solid var(--rule); }
  .process-grid { grid-template-columns: 1fr; }
  .process-step { border-right: 0; border-bottom: 1px solid var(--rule-dark); padding: 44px 0; }
  .process-step:last-child { border-bottom: 0; }
}

/* ── 768px ──────────────────────────────────────────────────── */
@media (max-width: 768px) {
  :root { --gutter: 24px; --section-v: 80px; --section-sm: 52px; --header-h: 68px; }

  .nav-links, .nav-cta { display: none; }
  .nav-toggle { display: flex; }

  .hero__photo-wrap { height: 72vw !important; min-height: 240px; }
  .hero__inner { padding: 20px var(--gutter) 0 !important; }
  .scroll-ind { display: none; }

  .trust-strip__grid { grid-template-columns: 1fr 1fr; }
  .trust-stat { padding: 44px 28px; }
  .trust-stat::after { display: none; }
  .trust-stat:nth-child(odd) { border-right: 1px solid var(--rule-dark); }
  .trust-stat:nth-child(1), .trust-stat:nth-child(2) { border-bottom: 1px solid var(--rule-dark); }

  .path-card { padding: 48px 32px; }

  .form-block { padding: 36px 24px; }
  .form-grid { grid-template-columns: 1fr; }

  .footer-grid { grid-template-columns: 1fr; gap: 40px; }
  .footer-bottom { flex-direction: column; gap: 10px; align-items: flex-start; }

  .cta-strip { padding: 96px 0; }
  .cta-strip__ctas { flex-direction: column; align-items: center; }

  .faq-btn { grid-template-columns: 36px 1fr 24px; gap: 16px; }
  .faq-ans { padding-left: 52px; padding-right: 24px; }
  .faq-tabs { flex-direction: row; flex-wrap: wrap; }
  .faq-tab { padding: 12px 14px; font-size: 9.5px; flex: 1; text-align: center; border-bottom: 1px solid var(--rule); }
  .test-tab { padding: 13px 16px; font-size: 9.5px; letter-spacing: .15em; }
  .testimonials-grid[style*="repeat(3"] { grid-template-columns: 1fr !important; }

  .wa-sticky { display: flex; }

  .services-grid { grid-template-columns: 1fr; }
  .service-item:nth-child(n) { border-right: 0; }
  .service-item:nth-last-child(-n+3) { border-bottom: 1px solid var(--rule); }
  .service-item:last-child { border-bottom: 0; }

  .page-hero { min-height: 52vh; padding: calc(var(--header-h) + 64px) 0 64px; }
  .about-hero-content { padding: 56px 32px; }
}

/* ── 480px ──────────────────────────────────────────────────── */
@media (max-width: 480px) {
  :root { --gutter: 18px; }
  .t-hero { font-size: 44px; }
  .trust-stat__num { font-size: 48px; }
  .footer-grid { grid-template-columns: 1fr; }
  .hero__photo-wrap { height: 80vw !important; }
}