@media (max-width: 1020px) {
  .section-pad { padding: 84px 0; }
  .split-choice,
  .hero-grid,
  .digital-hero-grid,
  .request-grid,
  .process-grid-digital {
    grid-template-columns: 1fr;
  }
  .industrial-stage,
  .creative-stage { min-height: 460px; }
  .service-grid,
  .project-grid,
  .digital-card-grid,
  .showcase-track,
  .process-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .request-copy { position: static; }
}

@media (max-width: 760px) {
  .container { width: min(100% - 28px, var(--container)); }
  .site-header {
    width: min(100% - 20px, 1220px);
    border-radius: 24px;
  }
  .brand-mark { width: 40px; height: 40px; border-radius: 12px; }
  .brand-text { font-size: 18px; }
  .menu-toggle { display: inline-flex; }
  .main-nav {
    position: fixed;
    inset: 82px 10px auto;
    display: grid;
    gap: 8px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(8, 11, 18, 0.94);
    backdrop-filter: blur(18px);
    transform: translateY(-12px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  body.nav-open .main-nav {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  .main-nav a { padding: 14px; }
  .service-grid,
  .project-grid,
  .digital-card-grid,
  .showcase-track,
  .process-list,
  .metrics-grid {
    grid-template-columns: 1fr;
  }
  .metrics-grid div { border-right: 0; border-bottom: 1px solid var(--line); }
  .metrics-grid div:last-child { border-bottom: 0; }
  .industrial-stage,
  .creative-stage { min-height: 390px; }
  .browser-window {
    inset: 44px auto auto 50%;
    transform: translateX(-50%);
    width: 92%;
  }
  .floating-window { animation: none; }
  .orbit-card { display: none; }
  .cta-grid,
  .footer-grid {
    flex-direction: column;
    align-items: flex-start;
  }
  .request-form { padding: 20px; border-radius: 24px; }
}

@media (max-width: 480px) {
  h1 { font-size: 42px; }
  h2 { font-size: 32px; }
  .lead { font-size: 17px; }
  .hero-actions { width: 100%; }
  .btn { width: 100%; }
  .factory-card { display: none; }
  .sign-board { width: 86%; min-height: 160px; }
  .browser-content h2 { font-size: 42px; }
}

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