/* AIGIS Landing RC6 — Responsivität. Mobile-first-Korrekturen von groß nach klein. */

@media (max-width: 1080px){
  .nav-links a{ padding:8px 8px; font-size:13px; }
  .hero .wrap{ grid-template-columns:1fr; gap:34px; }
  .layers-visual{ min-height:360px; }
  .g4{ grid-template-columns:repeat(2, 1fr); }
  .g5{ grid-template-columns:repeat(2, 1fr); }
  .engine-grid{ grid-template-columns:1fr; }
}

@media (max-width: 900px){
  /* Navigation → zugängliches Aufklapp-Menü */
  .nav-burger{ display:block; margin-left:auto; }
  .nav-links{
    display:none; position:absolute; left:0; right:0; top:100%;
    background:var(--panel); border-bottom:1px solid var(--line);
    flex-direction:column; align-items:stretch; padding:10px 16px 16px;
    box-shadow:var(--shadow-1);
  }
  .nav-links.open{ display:flex; }
  .nav-links a{ padding:12px 10px; font-size:15px; }
  /* Die Aktions-Leiste darf die Zeile nie sprengen: Konto-Aktionen wandern ins Menü
     (li.mobile-only), oben bleiben nur Sprache + Theme + Burger. */
  .nav-cta .btn{ display:none; }
  .nav-links .mobile-only a{ color:var(--cy); font-weight:800; }

  .mission{ grid-template-columns:1fr; gap:22px; padding:26px 0; }
  .mission:nth-child(even){ direction:ltr; }

  /* Prozesskette → vertikal */
  .chain{ flex-direction:column; gap:14px; }
  .chain-step{ margin-right:0; padding:14px; }
  .chain-step::after{
    content:"↓"; right:auto; left:50%; top:auto; bottom:-20px;
    transform:translateX(-50%);
  }
  .chain-step:last-child::after{ content:none; }
  .chain-legend.g4{ grid-template-columns:1fr 1fr; }
}

@media (max-width: 640px){
  .g2, .g3, .g4, .g5{ grid-template-columns:1fr; }
  .zf-states{ grid-template-columns:1fr; }
  .engine-out{ grid-template-columns:1fr; }
  .collide-pair{ grid-template-columns:1fr; }
  .vs-badge{ margin:0 auto; }
  .decision-space .ds-row{ flex-direction:column; gap:2px; }
  .decision-space .ds-k{ flex:none; }
  .founder{ flex-direction:column; }
  .hero-ctas .btn{ width:100%; justify-content:center; }
  .chain-legend.g4{ grid-template-columns:1fr; }
  .cookie{ left:8px; right:8px; bottom:8px; }
  footer .foot-grid{ flex-direction:column; }
}
