@media (max-width: 1120px) {
  .nav-shell {
    grid-template-columns: auto auto;
  }

  .menu-toggle {
    justify-self: end;
    display: inline-grid;
    gap: 5px;
    width: 42px;
    height: 42px;
    place-content: center;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.04);
    color: var(--text);
  }

  .menu-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    background: var(--secondary);
  }

  .nav-links,
  .header-phone {
    display: none;
  }

  .nav-links.is-open {
    position: fixed;
    inset: 76px 16px auto;
    display: grid;
    gap: 8px;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: rgba(11, 14, 20, 0.96);
    backdrop-filter: blur(20px);
    box-shadow: 0 0 60px rgba(0, 244, 254, 0.12);
  }

  .nav-links.is-open a {
    padding: 12px;
  }

  .hero-grid,
  .split-grid,
  .contact-grid {
    grid-template-columns: 1fr;
  }

  .hero-orbit {
    display: none;
  }

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

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

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

  .ai-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  :root {
    --gutter: 20px;
  }

  .nav-shell {
    padding: 5px 0;
  }

  .nav-links.is-open {
    inset: 86px 16px auto;
  }

  .section {
    padding: 68px 0;
  }

  .hero {
    min-height: auto;
    padding-top: 118px;
    padding-bottom: 64px;
  }

  .hero-overlay {
    background:
      linear-gradient(180deg, rgba(11, 14, 20, 0.94) 0%, rgba(11, 14, 20, 0.74) 62%, rgba(11, 14, 20, 0.94) 100%),
      radial-gradient(circle at 80% 18%, rgba(0, 244, 254, 0.18), transparent 20rem);
  }

  h1 {
    font-size: clamp(38px, 12vw, 52px);
  }

  h2 {
    font-size: clamp(30px, 9vw, 42px);
  }

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

  .hero-actions,
  .hero-actions .btn {
    width: 100%;
  }

  .hero-actions .btn {
    min-height: 54px;
  }

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

  .services-grid,
  .benefits-grid,
  .case-grid,
  .process-list {
    grid-template-columns: 1fr;
  }

  .case-grid {
    gap: 28px;
  }

  .case-frame--vertical .case-video-main {
    max-width: 44%;
  }

  .process-list li {
    min-height: auto;
  }

  .lead-form {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .lead-form label,
  .lead-form label:nth-of-type(1),
  .lead-form label:nth-of-type(2),
  .lead-form .full,
  .form-consent,
  .form-status {
    grid-column: span 1;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .cookie-banner {
    right: 16px;
    bottom: 16px;
    grid-template-columns: 1fr;
    width: calc(100% - 32px);
  }

  .cookie-actions {
    justify-content: space-between;
  }
}

@media (max-width: 430px) {
  .nav-shell {
    width: min(100% - 32px, 1280px);
  }

  .brand img {
    width: 112px;
  }

  .hero-badges {
    grid-template-columns: 1fr;
  }

  .ai-panel {
    padding: 24px;
  }

  .case-frame--vertical .case-video-main {
    max-width: 52%;
  }
}