@media (max-width: 980px) {
  .nav-shell { top: 10px; width: calc(100% - 20px); grid-template-columns: 1fr auto; }
  .nav-links, .ask-button { display: none; }
  .hero-copy { left: 24px; top: auto; bottom: 116px; translate: 0; width: min(560px, calc(100vw - 48px)); }
  .hero[data-theme="light"] .hero-copy { left: 24px; right: auto; top: auto; bottom: 112px; translate: 0; width: min(560px, calc(100vw - 48px)); }
  h1 { font-size: clamp(46px, 10vw, 68px); }
  .lead { max-width: 500px; }
  .hero-scene-video { object-position: 58% center; }
}

@media (max-width: 640px) {
  .hero { min-height: 100svh; }
  .scene-stack { top: 64px; height: 46svh; bottom: auto; }
  .hero[data-theme="light"] .scene-stack { height: 48svh; }
  .scene-stack::after { content: ""; position: absolute; inset: auto 0 0; height: 34%; background: linear-gradient(transparent, #020403); }
  .hero[data-theme="light"] .scene-stack::after { height: 20%; background: linear-gradient(transparent, rgba(246,248,241,.36) 62%, #f6f8f1); }
  .scene-frame {
    top: 0;
    height: 100%;
    object-fit: cover;
    object-position: 66% 50%;
  }
  .hero-scene-video { top: 0; height: 100%; object-position: 66% center; }
  .light-bg { object-position: 18% center; }
  .light-aeroponic-fallback { left: 50%; top: 7%; width: 38%; height: 76%; }
  .scene-shade { background: linear-gradient(180deg, rgba(2,4,3,.05), rgba(2,4,3,.08) 62%, rgba(2,4,3,.88)); }
  .hero[data-theme="light"] .scene-shade { background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.28) 44%, rgba(246,249,242,.98)); }
  .nav-shell { height: 54px; padding-left: 10px; }
  .brand { min-width: 160px; gap: 8px; }
  .brand-logo { width: 66px; height: 28px; }
  .brand-logo-light { width: 76px; height: 28px; }
  .brand span { font-size: 8px; }
  .theme-switch { grid-template-columns: 30px 30px; height: 32px; }
  .language-switch { grid-template-columns: 26px 30px; height: 32px; }
  .nav-actions { gap: 6px; }
  .nav-links {
    position: absolute;
    top: 60px;
    left: 2px;
    right: 2px;
    display: flex;
    justify-content: space-between;
    gap: 9px;
    padding: 8px 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: var(--radius-pill);
    background: rgba(4,8,5,.7);
    backdrop-filter: blur(16px);
    font-size: 10px;
    white-space: nowrap;
  }
  .nav-links::-webkit-scrollbar { display: none; }
  .hero[data-theme="light"] .nav-links { border-color: rgba(42,61,45,.1); background: rgba(247,250,244,.72); }
  .hero-copy { left: 18px; bottom: 78px; width: calc(100vw - 36px); }
  .hero[data-theme="light"] .hero-copy { bottom: 88px; }
  .kicker { margin-bottom: 11px; font-size: 10px; }
  h1 { max-width: 340px; font-size: clamp(36px, 10.5vw, 44px); line-height: 1.03; }
  .lead { margin-top: 14px; font-size: 13px; line-height: 1.62; }
  .hero-actions { margin-top: 17px; }
  .primary-action, .secondary-action { min-height: 40px; padding: 0 14px; font-size: 12px; }
  .evidence-rail { display: none; }
  .growai-companion { right: 10px; bottom: 10px; }
  .growai-trigger { width: 76px; height: 88px; }
  .growai-nudge { display: none; }
  .growai-panel { right: 12px; bottom: 110px; max-height: calc(100dvh - 126px); }
}

@media (prefers-reduced-motion: reduce) {
  .scene-k1, .scene-k3, .light-sweep, .care-scan { display: none; }
  .scene-k2 { opacity: 1 !important; }
  [data-motion], .growai-companion { opacity: 1 !important; translate: 0 0 !important; transition: none !important; animation: none !important; }
  .growai-trigger img { animation: none; }
}