/* ===== MOBILE FIX ===== */
html, body {
  max-width: 100%;
  overflow-x: hidden;
  width: 100%;
}

* {
  box-sizing: border-box;
  max-width: 100%;
}

@media (max-width: 768px) {
  /* NAV */
  nav {
    padding: 14px 20px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }
  .nav-links, .nav-cta { display: none !important; }
  .nav-hamburger { display: flex !important; }

  /* HERO */
  .hero {
    height: auto !important;
    min-height: 0 !important;
    background: #0D3B6E !important;
    display: block !important;
    overflow: hidden !important;
    width: 100% !important;
  }
  .hero-img { display: none !important; }
  .hero-overlay { display: none !important; }
  .hero-content {
    position: relative !important;
    padding: 40px 20px 28px !important;
    max-width: 100% !important;
    width: 100% !important;
    z-index: 2 !important;
  }
  .hero-title { font-size: 40px !important; color: #fff !important; }
  .hero-title em { color: #D4A851 !important; }
  .hero-sub { color: rgba(255,255,255,0.82) !important; font-size: 14px !important; }
  .hero-eyebrow span { color: #D4A851 !important; }
  .hero-eyebrow-bar { background: #D4A851 !important; }
  .hero-actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .btn-white, .btn-outline-white {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    display: block !important;
    padding: 13px 20px !important;
    font-size: 13px !important;
  }
  .hero-stat-bar {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    padding: 20px !important;
  }
  .hstat:last-child { display: none !important; }
  .hstat + .hstat { border-left: 1px solid rgba(255,255,255,0.15) !important; padding-left: 16px !important; }

  /* SERVICES */
  .services { padding: 40px 20px !important; width: 100% !important; }
  .services-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: 100% !important;
  }
  .scard { width: 100% !important; }

  /* FOUNDER */
  .founder { padding: 40px 20px !important; width: 100% !important; }
  .founder-inner {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    width: 100% !important;
  }
  .founder-img-wrap { max-width: 320px !important; margin: 0 auto !important; }

  /* ABOUT */
  .about {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
  .about-img-wrap {
    min-height: 320px !important;
    padding: 36px 20px !important;
    width: 100% !important;
  }
  .about-right { padding: 36px 20px !important; width: 100% !important; }

  /* PROCESS */
  .process { width: 100% !important; }
  .process-photo-strip {
    grid-template-columns: 1fr 1fr !important;
    height: 120px !important;
    width: 100% !important;
  }
  .process-steps {
    grid-template-columns: 1fr 1fr !important;
    padding: 20px !important;
    width: 100% !important;
  }
  .pstep { padding: 16px 12px !important; }
  .pstep + .pstep { border-left: none !important; }
  .pstep:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.08) !important; }
  .pstep:nth-child(1), .pstep:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.08) !important; }

  /* TESTIMONIALS */
  .testimonials { padding: 40px 20px !important; width: 100% !important; }
  .tgrid { grid-template-columns: 1fr !important; width: 100% !important; }

  /* CONTACT */
  .contact-section { padding: 40px 20px !important; width: 100% !important; }
  .contact-inner {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    width: 100% !important;
  }
  .contact-right { padding: 20px !important; width: 100% !important; }
  .form-row { grid-template-columns: 1fr !important; gap: 14px !important; }

  /* FOOTER */
  .footer-top {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    padding: 36px 20px !important;
    width: 100% !important;
  }
  .footer-nav { grid-template-columns: 1fr 1fr !important; gap: 24px !important; }
  .footer-bottom {
    padding: 16px 20px !important;
    flex-direction: column !important;
    text-align: center !important;
    gap: 8px !important;
  }

  /* NAV MOBILE MENU */
  .nav-mobile { width: 100% !important; }
}