@media (max-width: 1020px) {
  .burger {
    display: block;
  }
  .nav-right .btn-outline,
  .nav-right .quiet,
  .nav-item.lang {
    display: none;
  }
  .nav-menus {
    position: fixed;
    inset: 64px 0 0;
    background: #fff;
    flex-direction: column;
    align-items: stretch;
    padding: 1rem clamp(20px, 4vw, 40px) 3rem;
    overflow: auto;
    display: none;
    gap: 0;
  }
  .nav.menu-open .nav-menus {
    display: flex;
  }
  .nav-cta {
    display: grid;
    gap: 0.75rem;
    margin-top: 1.5rem;
  }
  .nav-cta .btn {
    justify-content: center;
    padding-block: 0.875rem;
  }
  .nav-cta .quiet {
    display: none;
  }
  .nav-menus .nav-btn {
    padding: 1rem 0;
    font-size: 1.125rem;
    color: var(--ink);
    justify-content: space-between;
    border-bottom: 1px solid var(--line-2);
    width: 100%;
  }
  .nav-item.open > .nav-btn::after {
    display: none;
  }
  .mm-panel {
    position: static;
    box-shadow: none;
    padding: 1rem 0;
    display: none;
    max-width: none;
  }
  .nav-item.open > .mm-panel {
    display: block;
  }
  .mm-icons.has-promo,
  .mm-uc,
  .mm-cols {
    grid-template-columns: 1fr;
  }
  .promo {
    display: none;
  }
  .two,
  .hero-grid,
  .agent-card,
  .split-card,
  .quote-band,
  .tabpanel,
  .story-grid,
  .result {
    grid-template-columns: 1fr;
  }
  .split-card.flip > div:first-child {
    order: 0;
  }
  .facts {
    position: static;
  }
  .c3,
  .c4,
  .steps,
  .gloss {
    grid-template-columns: repeat(2, 1fr);
  }
  .logo-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .foot-grid {
    grid-template-columns: 1fr 1fr;
  }
  .story-wide,
  .story-wide.flip {
    grid-template-columns: 1fr;
  }
  .story-wide.flip .sw-text {
    order: 0;
  }
  .float {
    display: none;
  }
  .hero-stage {
    height: auto;
  }
  .hero-stage > .v-chat {
    position: relative;
    left: auto;
    transform: none;
    margin: auto;
    height: auto;
  }
}
@media (max-width: 600px) {
  .nav-in {
    gap: 0.5rem;
  }
  .brand {
    min-width: 0;
  }
  .nav-right {
    gap: 0.25rem;
  }
  .nav-right .btn-solid {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
  }
  .c2,
  .c3,
  .c4,
  .steps,
  .gloss,
  .int-grid {
    grid-template-columns: 1fr;
  }
  .logo-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .r-media {
    min-height: 140px;
  }
}
@media (max-width: 420px) {
  .nav-right .btn-solid {
    display: none;
  }
}
@media (max-width: 600px) {
  .story-wide > *,
  .hero-grid > *,
  .two > * {
    min-width: 0;
  }
  .h1 {
    font-size: clamp(2rem, 9vw, 2.4rem);
    overflow-wrap: break-word;
  }
}