@media (min-width: 768px) {
  :root {
    --container-padding: 24px;
  }

  .hero__inner,
  .payment-shell,
  .payment-panel,
  .contact-shell,
  .section-header--split,
  .footer__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .proof-band__grid,
  .solutions__grid,
  .advantages__grid,
  .process__grid,
  .contact-form__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .proof-band__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .solutions__grid,
  .advantages__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .advantages__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .process-step--offset {
    transform: translateY(var(--sp-6));
  }

  .form-group--full {
    grid-column: 1 / -1;
  }

  .payment-panel__aside,
  .payment-shell__aside {
    align-self: start;
  }
}

@media (min-width: 1024px) {
  .nav {
    gap: var(--sp-8);
  }

  .hero__inner {
    grid-template-columns: 1.05fr 0.95fr;
  }

  .contact-shell {
    grid-template-columns: 1.2fr 0.8fr;
  }

  .price-ledger,
  .advantages__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .process__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .section-header--split {
    grid-template-columns: 0.9fr 1.1fr;
    align-items: end;
  }
}

@media (max-width: 1023px) {
  .nav {
    position: fixed;
    top: 82px;
    left: var(--sp-4);
    right: var(--sp-4);
    display: grid;
    gap: var(--sp-4);
    padding: var(--sp-6);
    border-radius: 24px;
    background: rgba(255, 250, 244, 0.98);
    box-shadow: var(--shadow-md);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-12px);
    transition: opacity var(--transition-base), transform var(--transition-base);
  }

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

  .header__cta {
    display: none;
  }

  .burger {
    display: inline-flex;
  }
}

@media (max-width: 767px) {
  .hero {
    padding-top: calc(84px + var(--sp-8));
  }

  .hero__actions,
  .payment-logos,
  .payment-panel__logos,
  .footer__logos {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-ticket,
  .proof-card,
  .solution-card,
  .ledger-group,
  .payment-shell,
  .payment-panel,
  .contact-form,
  .contact-aside__card,
  .legal-content {
    padding: var(--sp-6);
  }

  .btn,
  .btn--lg,
  .btn--pay {
    width: 100%;
  }

  .ledger-row {
    flex-direction: column;
  }

  .payment-table {
    display: block;
    overflow-x: auto;
  }

  .footer__inner {
    gap: var(--sp-8);
  }
}