/* Switch before desktop links push the primary actions outside the viewport. */
@media (max-width: 1200px) {
  .nav-inner { display: flex; align-items: center; gap: 12px; padding: 14px 20px; position: relative; }
  .nav-inner .logo { flex: 0 1 auto; min-width: 0; }
  .nav-inner .logo img { width: auto; height: auto; max-width: 160px; max-height: 28px; }
  .nav-inner .nav-cta { margin-left: auto; gap: 8px; min-width: 0; }
  .nav-inner .nav-cta .portal { display: inline-flex; font-size: 12px; white-space: nowrap; }
  .nav-inner .nav-cta .btn { padding: 8px 12px; font-size: 12px; }
  .nav-inner .nav-toggle { display: inline-flex; flex: 0 0 32px; width: 32px; margin-left: 0; }
  .nav-inner .nav-links { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 12px 20px; background: rgba(7,10,31,.98); border-bottom: 1px solid var(--border); }
  .nav-inner .nav-links.open { display: flex; }
  .nav-inner .nav-links a { padding: 12px 0; }
  .nav-inner .nav-links a.current::after { display: none; }
}
@media (max-width: 480px) {
  .nav-inner .nav-cta .btn { display: none; }
  .hero { overflow: hidden; }
  .foot-grid { grid-template-columns: 1fr; }
}