@media (max-width: 1080px) {
  .main-nav {
    gap: 13px;
    font-size: 0.84rem;
  }
  .hero-grid,
  .split,
  .page-hero > .container {
    gap: 35px;
  }
  .cards,
  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .trust-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .journey {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 860px) {
  .menu-toggle {
    display: block;
  }
  .main-nav {
    position: fixed;
    inset: 84px 16px auto 16px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow);
    padding: 22px;
    display: grid;
    gap: 6px;
    transform: translateY(-12px);
    opacity: 0;
    pointer-events: none;
    transition: 0.2s;
  }
  .main-nav.open {
    transform: none;
    opacity: 1;
    pointer-events: auto;
  }
  .main-nav a {
    padding: 9px;
  }
  .hero-grid,
  .split,
  .page-hero > .container,
  .content-layout,
  .contact-grid {
    grid-template-columns: 1fr;
  }
  .doctor-frame {
    max-width: 430px;
  }
  .side-card {
    position: static;
  }
  .cta-band-inner {
    display: grid;
  }
  .journey {
    grid-template-columns: 1fr 1fr;
  }
  .stat-row {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 620px) {
  .container {
    width: min(100% - 28px, var(--max));
  }
  .nav-wrap {
    min-height: 74px;
  }
  .main-nav {
    inset: 74px 12px auto;
  }
  .brand small {
    display: none;
  }
  .hero {
    padding: 45px 0;
  }
  .hero-grid {
    gap: 28px;
  }
  .doctor-badge {
    left: 8px;
    bottom: 18px;
  }
  .trust-grid,
  .cards,
  .blog-grid,
  .resource-list,
  .journey,
  .footer-grid,
  .form-grid {
    grid-template-columns: 1fr;
  }
  .section {
    padding: 68px 0;
  }
  .section-head {
    display: block;
  }
  .page-hero {
    padding: 50px 0 38px;
  }
  .page-hero-visual {
    display: none;
  }
  .full {
    grid-column: auto;
  }
  .footer-bottom {
    display: grid;
  }
  .floating-actions span {
    display: none;
  }
  .floating-actions a {
    width: 48px;
    height: 48px;
    justify-content: center;
    padding: 0;
  }
  .stat-row {
    grid-template-columns: 1fr 1fr;
  }
  .blog-toolbar {
    display: grid;
  }
  .cta-band {
    padding: 48px 0;
  }
}