@media (max-width: 1000px) {
      .section { padding: 88px 0; }
      .hero-grid { grid-template-columns: 1fr; gap: 55px; }
      .hero-copy { max-width: 770px; }
      .app-window { max-width: 650px; margin-inline: auto; transform: none; }
      .grid-3 { grid-template-columns: repeat(2, 1fr); }
      .grid-3 > :last-child { grid-column: span 2; }
      .pricing-grid > :last-child { grid-column: span 1; }
      .pricing-grid { grid-template-columns: 1fr 1fr; }
      .pricing-grid .featured { grid-column: span 2; order: -1; transform: none; }
      .trust-grid { grid-template-columns: repeat(2, 1fr); }
      .audience-wrap { gap: 40px; }
    }

    @media (max-width: 820px) {
      .nav > .btn { display: none; }
      .menu-toggle { display: block; margin-left: auto; }
      .nav-links {
        position: fixed; inset: 76px 0 auto; display: grid; gap: 0; padding: 20px;
        background: var(--white); border-bottom: 1px solid var(--gray-200); box-shadow: var(--shadow-sm);
        transform: translateY(-140%); visibility: hidden; transition: transform .25s ease, visibility .25s;
      }
      .nav-links.open { transform: translateY(0); visibility: visible; }
      .nav-links a { padding: 13px 8px; border-bottom: 1px solid var(--gray-100); }
      .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
      .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
      .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
      .demo-wrap, .audience-wrap { grid-template-columns: 1fr; }
      .steps { grid-template-columns: 1fr; gap: 22px; }
      .step { display: grid; grid-template-columns: 55px 1fr; column-gap: 14px; padding: 0; }
      .step-number { grid-row: span 2; margin: 0; }
      .step:not(:last-child)::after { left: 27px; right: auto; top: 50px; bottom: -30px; width: 1px; height: auto; }
      .step h3 { margin-top: 7px; }
      .step p { grid-column: 2; }
      .operations { grid-template-columns: 1fr; }
      .pilot-inner { display: block; }
      .pilot .btn { margin-top: 28px; }
    }

    @media (max-width: 620px) {
      .container { width: min(calc(100% - 28px), var(--container)); }
      .section { padding: 72px 0; }
      .hero { padding: 65px 0 75px; }
      h1 { font-size: clamp(2.55rem, 13vw, 3.6rem); }
      .hero-actions .btn { width: 100%; }
      .grid-3, .pricing-grid { grid-template-columns: 1fr; }
      .grid-3 > :last-child, .pricing-grid > :last-child, .pricing-grid .featured { grid-column: auto; }
      .price-card.featured { order: 0; }
      .trust-grid { grid-template-columns: 1fr; }
      .app-window { padding: 9px; }
      .app-shell { grid-template-columns: 1fr; min-height: 0; }
      .app-side { display: none; }
      .app-main { padding: 18px 14px; }
      .float-badge { right: 3px; bottom: -20px; }
      .demo-panel { padding: 20px 16px; }
      .role-list { grid-template-columns: 1fr; }
      .footer-top { display: block; }
      .footer-links { margin-top: 30px; }
      .pilot { padding: 75px 0; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    }