/* ============================================================
   MUDBOXX RESEARCH — Responsive
   ============================================================ */

@media (max-width: 1080px) {
  .nav { display: none; }
  .header-cta .btn.js-quote { display: none; }
  .hamburger { display: block; }
  .hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .trust-grid { grid-template-columns: repeat(3, 1fr); }
  .cards, .why-grid, .ind-grid, .stats { grid-template-columns: repeat(2, 1fr); }
  .cards--3, .article-grid, .dl-grid, .diagram { grid-template-columns: repeat(2, 1fr); }
  .split, .contact-grid { grid-template-columns: 1fr; gap: 44px; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 36px; }
}

@media (max-width: 720px) {
  .container { padding: 0 22px; }
  .section { padding: 84px 0; }
  .hero { padding: 140px 0 70px; }
  .page-hero { padding: 140px 0 60px; }
  .trust-grid, .cards, .cards--3, .why-grid, .ind-grid, .article-grid, .dl-grid, .diagram, .stats { grid-template-columns: 1fr; }
  .form-grid, .lifecycle-list { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr; gap: 30px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }

  /* timeline stacks left */
  .timeline::before, .timeline::after { left: 9px; }
  .tl-step { grid-template-columns: 26px 1fr; gap: 16px; }
  .tl-dot { grid-column: 1; margin: 0; }
  .tl-step:nth-child(odd) .tl-body, .tl-step:nth-child(even) .tl-body { grid-column: 2; text-align: left; }

  .job-card { flex-direction: column; align-items: flex-start; }
  .job-card .btn { width: 100%; justify-content: center; }
  .marquee-item { font-size: 1.2rem; gap: 40px; }
  .modal { padding: 28px 22px; }
  .why-grid { border-radius: 14px; }
  .section-head { margin-bottom: 44px; }
}

@media (max-width: 380px) {
  .container { padding: 0 16px; }
  h1 { font-size: 2.3rem; }
  .header-cta .btn.js-join span { display: none; }
}