@media (min-width: 1025px) {
  .chip__media,
  .hero__markets .chip__media img {
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
  }
}

@media (max-width: 1100px) {
  .hero__grid {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2rem;
  }

  .phone {
    width: 250px;
    height: 520px;
  }

  .phone--flow {
    width: 270px;
    height: 560px;
  }

  .markets,
  .features,
  .steps,
  .pricing,
  .footer__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .plan--featured {
    transform: none;
  }

  .showcase,
  .flow,
  .flow--reverse {
    grid-template-columns: 1fr;
  }

  .flow--reverse .flow__visual {
    order: 0;
  }
}

@media (max-width: 768px) {
  :root {
    --header-height: 66px;
  }

  .hero__grid,
  .showcase,
  .flow,
  .flow--reverse {
    grid-template-columns: 1fr;
  }

  .flow {
    gap: var(--space-xl);
    padding-block: var(--space-xl);
  }

  .flow--reverse .flow__visual {
    order: 1;
  }

  .flow__copy {
    order: 0;
  }

  .flow-nav {
    margin-top: var(--space-2xl);
    justify-content: flex-start;
  }

  .hero__visual {
    order: 0;
    min-height: 0;
  }

  .hero__title {
    max-width: none;
  }

  .nav {
    position: fixed;
    inset: var(--header-height) 0 auto 0;
    z-index: 120;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: var(--space-md);
    background: rgba(2, 8, 23, 0.98);
    border-bottom: 1px solid var(--color-border-subtle);
    transform: translateY(-110%);
    opacity: 0;
    pointer-events: none;
    transition: transform var(--transition), opacity var(--transition);
  }

  .nav.is-open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

  .nav__cta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
    padding: 12px 4px 8px;
  }

  .nav__link {
    padding: 14px 16px;
    border-radius: var(--radius-md);
  }

  .header__actions .btn:not(.menu-toggle) {
    display: none;
  }

  .menu-toggle {
    display: flex;
  }

  .section {
    padding-block: var(--space-3xl);
  }

  .markets,
  .features,
  .steps,
  .pricing,
  .footer__grid {
    grid-template-columns: 1fr;
  }

  .showcase__phones {
    flex-direction: column;
    align-items: center;
  }

  .phone--tilt,
  .phone--tilt-r {
    transform: none;
  }

  .footer__bottom {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .hero__actions,
  .hero__stores,
  .cta-band__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero__actions .btn,
  .cta-band__actions .btn,
  .store-btn {
    width: 100%;
    justify-content: center;
  }

  .phone,
  .phone--small {
    width: min(290px, 100%);
    height: 560px;
  }
}