/* Mobile header (Nico 2026-09-30 20:22 local): logo + Book a call + a menu button; links drop down. */
.nav-menu-btn { display: none; }
@media (max-width: 760px) {
  .topnav { flex-wrap: wrap; align-items: center; gap: 0 12px; padding: 14px 20px 14px; }
  .topnav > a:first-child { order: 0; margin-right: auto; }
  .topnav .nav-cta { order: 1; margin-left: 0; font-size: 13px; padding: 8px 14px; }
  .nav-menu-btn {
    order: 2; display: inline-flex; align-items: center; gap: 8px;
    background: none; border: 2px solid #0A0A0A; color: #0A0A0A; cursor: pointer;
    font-family: 'Space Mono', monospace; font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
    padding: 7px 10px; line-height: 1; box-shadow: 3px 3px 0 rgba(10,10,10,0.88);
  }
  .nav-menu-btn .bars { display: inline-block; width: 16px; height: 12px; position: relative; }
  .nav-menu-btn .bars::before, .nav-menu-btn .bars::after, .nav-menu-btn .bars i {
    content: ""; position: absolute; left: 0; right: 0; height: 2px; background: #0A0A0A;
  }
  .nav-menu-btn .bars::before { top: 0; } .nav-menu-btn .bars i { top: 5px; } .nav-menu-btn .bars::after { bottom: 0; }
  .topnav.is-open .nav-menu-btn { background: #0A0A0A; color: #fff; }
  .topnav.is-open .nav-menu-btn .bars::before, .topnav.is-open .nav-menu-btn .bars::after, .topnav.is-open .nav-menu-btn .bars i { background: #fff; }
  /* the links: hidden until open, then a full-width list under the header */
  .topnav > a:not(:first-child):not(.nav-cta), .topnav > .cur { display: none; order: 3; flex: 0 0 100%; }
  .topnav.is-open > a:not(:first-child):not(.nav-cta), .topnav.is-open > .cur {
    display: block; padding: 13px 0; font-size: 13px; border-top: 1px solid rgba(10,10,10,0.14);
  }
  .topnav.is-open > a:not(:first-child):not(.nav-cta):first-of-type { border-top: 0; }
  .topnav.is-open { padding-bottom: 6px; }
  .topnav.is-open .nav-cta { margin-bottom: 14px; }
  .topnav.is-open .nav-menu-btn { margin-bottom: 14px; }
}