/* Navigation additions (follow-up pass): Services dropdown on desktop and a
   real mobile menu behind the burger. Colors and type stay inside the
   existing design system; no new hues. */

/* ---------- Services dropdown (desktop) ---------- */
.nav-svc{position:relative;display:flex}
.nav-svc>a{display:inline-flex;align-items:center;gap:6px}
.svc-chev{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.2;flex:0 0 auto;transition:transform .15s}
.nav-svc.open>a .svc-chev{transform:rotate(180deg)}
.svc-panel{display:none;position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);
  min-width:284px;padding:8px;background:rgba(6,11,20,.97);border:1px solid rgba(255,255,255,.12);
  border-radius:10px;box-shadow:0 18px 44px rgba(2,8,20,.5);z-index:70}
.svc-panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav-svc.open .svc-panel{display:block}
nav.menu .svc-panel a{display:block;padding:9px 12px;border-radius:7px;font-size:14px;font-weight:500;
  color:#C7D0E2;border-bottom:none;white-space:nowrap}
nav.menu .svc-panel a:hover,nav.menu .svc-panel a:focus-visible{color:#fff;background:rgba(75,141,248,.16)}
@media (max-width:1100px){.svc-panel{display:none !important}}

/* ---------- mobile menu ---------- */
button.burger{background:none;border:0;padding:0;cursor:pointer}
.mnav{display:none;background:rgba(6,11,20,.97);border-top:1px solid rgba(255,255,255,.12)}
.mnav.open{display:block}
@media (min-width:1101px){.mnav{display:none !important}}
.mnav .wrap{padding-top:10px;padding-bottom:24px;max-height:calc(100vh - 76px);overflow:auto}
.mnav a.mi{display:block;padding:13px 2px;font-size:16px;font-weight:600;color:#C7D0E2;
  border-bottom:1px solid rgba(255,255,255,.08)}
.mnav a.mi:hover{color:#fff}
.mnav a.mi.on{color:#fff;border-bottom-color:var(--accent)}
.mnav .msvc{padding:6px 0 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.mnav .msvc a{display:block;padding:9px 2px 9px 16px;font-size:14.5px;font-weight:500;color:#9AA6BE;
  border-left:2px solid rgba(255,255,255,.10)}
.mnav .msvc a:hover{color:#fff;border-left-color:var(--accent)}
.mnav .mact{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.mnav .mact a{flex:1;min-width:150px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-weight:700;font-size:14px;padding:13px 16px;border-radius:8px;white-space:nowrap}
.mnav .mact a.ph{border:1px solid rgba(255,255,255,.35);color:#fff}
.mnav .mact a.ph:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.mnav .mact a.pt{background:var(--btn);color:#fff}
.mnav .mact a.pt:hover{background:var(--btn-h)}
.mnav .mact svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;flex:0 0 auto}