@media (max-width: 900px) {
  .site-header { z-index: 60; }
  .site-header .navbar { min-height: 64px; justify-content: flex-start; }
  .site-header .brand { margin-right: auto; }
  .nav-actions { width: auto; gap: .45rem; flex-wrap: nowrap; }
  .nav-actions .btn-secondary { width: auto; padding: .55rem .7rem; }
  .nav-actions .btn-ghost { display: none; }
  .menu-toggle { display: inline-flex; flex: 0 0 42px; width: 42px; height: 42px; padding: .65rem; flex-direction: column; justify-content: space-between; border: 1px solid rgba(255,255,255,.35); border-radius: 8px; background: transparent; cursor: pointer; }
  .menu-toggle span { display: block; width: 100%; height: 2px; background: white; }
  .site-header nav {
    position: fixed; inset: 0 auto auto 0; z-index: 70; width: min(82vw, 330px); height: 100dvh; max-height: 100dvh; padding: 5.5rem 1.25rem 1.5rem;
    background: var(--primary-strong); transform: translateX(-105%); transition: transform .22s ease; overflow-y: auto;
    box-shadow: 12px 0 30px rgba(0,0,0,.25); display: flex; flex-direction: column;
  }
  .site-header nav.is-open { transform: translateX(0); }
  .nav-links { display: grid; gap: .15rem; }
  .nav-links a { display: block; padding: .8rem .65rem; border-bottom: 1px solid rgba(255,255,255,.12); }
  .sidebar-account { display: grid; gap: .35rem; margin-top: auto; padding: 1rem .65rem .25rem; border-top: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.72); font-size: .82rem; font-weight: 700; }
  .sidebar-account a, .sidebar-account span { display: block; color: rgba(255,255,255,.86); }
  .nav-overlay { display: block; position: fixed; inset: 0; z-index: 50; border: 0; background: rgba(0,0,0,.48); opacity: 0; pointer-events: none; transition: opacity .22s ease; }
  .nav-overlay.is-visible { opacity: 1; pointer-events: auto; }
  body.menu-open { overflow: hidden; }
  .hero { padding-top: 4rem; }
  .btn { width: 100%; }
  .hero-actions { display: grid; }
  .cta-band .inner { display: grid; }
}

.sidebar-account { display: none; }

@media (max-width: 900px) {
  .sidebar-account { display: grid; }
}

@media (min-width: 901px) {
  .menu-toggle, .nav-overlay { display: none; }
}