@media (max-width: 980px) {
  .pricing-shell {
    gap: 96px;
  }

  .pricing-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .pricing-hero-rate {
    min-height: 380px;
  }

  .pricing-card-grid,
  .pricing-method {
    grid-template-columns: 1fr;
  }

  .pricing-card {
    min-height: auto;
  }

  .pricing-method {
    gap: 48px;
  }
}

@media (max-width: 700px) {
  .pricing-shell,
  .pricing-footer {
    width: min(100% - 32px, 1180px);
  }

  .pricing-shell {
    padding-top: 34px;
    padding-bottom: 72px;
    gap: 64px;
  }

  .pricing-hero {
    gap: 44px;
  }

  .pricing-hero h1 {
    font-size: clamp(42px, 13vw, 60px);
  }

  .pricing-hero-lead {
    font-size: 16px;
  }

  .pricing-proof-list {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .pricing-hero-rate {
    min-height: 280px;
    padding: 24px;
    border-radius: 22px;
  }

  .pricing-rate-orbit {
    top: 24px;
    right: 24px;
    width: 86px;
    height: 86px;
  }

  .pricing-section-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .pricing-section-index {
    padding: 0;
  }

  .pricing-card {
    padding: 26px 22px;
    border-radius: 20px;
  }

  .pricing-primary-action,
  .pricing-cta a {
    width: 100%;
    min-height: 48px;
    justify-content: center;
  }

  .pricing-card-header,
  .pricing-card-price {
    align-items: flex-start;
    flex-direction: column;
  }

  .pricing-card-header {
    gap: 14px;
  }

  .pricing-card-price {
    margin-top: 40px;
    gap: 8px;
  }

  .translation-rates {
    grid-template-columns: 1fr;
  }

  .translation-rates > div + div {
    border-top: 1px solid var(--theme-border);
    border-left: 0;
  }

  .pricing-formula {
    grid-template-columns: auto 1fr;
  }

  .pricing-formula strong {
    grid-column: 2;
  }

  .pricing-method {
    padding: 30px 22px;
    border-radius: 22px;
  }

  .pricing-faq-list {
    margin-left: 0;
  }

  .pricing-cta {
    min-height: 400px;
    padding: 38px 24px;
    border-radius: 22px;
  }

  .pricing-cta::after {
    right: -20%;
    font-size: 300px;
  }

  .pricing-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 420px) {
  .pricing-proof-list {
    display: grid;
    grid-template-columns: 1fr;
  }

  .pricing-formula {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .pricing-formula strong {
    grid-column: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pricing-hero-copy,
  .pricing-hero-rate,
  .pricing-details,
  .pricing-method,
  .pricing-faq,
  .pricing-cta {
    animation: none;
  }

  .pricing-primary-action {
    transition: none;
  }
}