.mobile-actions { display:none; }
.mobile-cs { flex:0 0 40px; width:40px; height:40px; display:grid; place-items:center; border:1px solid #b9ddef; border-radius:50%; color:#0878bb; background:#f2faff; }
.mobile-cs svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
header nav .menu { display:none; position:relative; flex:0 0 40px; width:40px; height:40px; place-items:center; border:0 !important; border-radius:0; appearance:none; background:transparent !important; color:var(--ink); cursor:pointer; font-size:0; padding:0; }
header nav .menu::before { content:""; position:absolute; top:50%; left:50%; width:19px; height:2px; border-radius:999px; background:currentColor; box-shadow:0 -7px currentColor,0 7px currentColor; transform:translate(-50%,-50%); }
.mobile-nav[hidden] { display:none; }
.mobile-nav { position:fixed; z-index:30; inset:0; }
.mobile-nav__backdrop { position:absolute; inset:0; background:#020d22aa; backdrop-filter:blur(5px); }
.mobile-nav__panel { position:absolute; top:0; bottom:0; left:0; width:min(72vw,288px); padding:30px 24px; background:linear-gradient(155deg,#0e62b6 0%,#08336d 55%,#061a3b 100%); box-shadow:18px 0 50px #020d22a6; display:flex; flex-direction:column; }
.mobile-nav__header { display:flex; align-items:center; justify-content:space-between; padding-bottom:24px; border-bottom:1px solid #b8dcff59; }
.mobile-nav__brand img { display:block; width:142px; height:auto; }
.mobile-nav__close { width:34px; height:34px; border:1px solid #b8dcff8a; border-radius:50%; background:#ffffff10; color:#fff; cursor:pointer; font:400 24px/1 Arial,sans-serif; }
.mobile-nav__links { display:grid; grid-template-columns:minmax(0,1fr); width:100%; height:auto !important; flex:0 0 auto; align-self:stretch; gap:0; margin:28px 0; }
.mobile-nav__links a { display:flex; width:100% !important; align-items:center; min-height:59px; padding:15px 0; border-bottom:1px solid #b8dcff59; color:#fff; font-size:16px; font-weight:800; }
.mobile-nav__links a.active { color:var(--orange); }
.mobile-nav__cta { margin-top:auto; display:flex; justify-content:center; min-height:54px; border-radius:10px; background:var(--orange); color:#fff; align-items:center; font-size:14px; font-weight:800; }
body.mobile-menu-open { overflow:hidden; }

@media (max-width:780px) {
  header nav > .button { display:none; }
  header nav { position:relative; justify-content:center; }
  header nav > .brand { position:absolute; left:50%; z-index:1; transform:translateX(-50%); }
  .mobile-actions { position:absolute; inset:0; display:flex; align-items:center; justify-content:space-between; pointer-events:none; }
  .mobile-actions > * { pointer-events:auto; }
  header nav .menu { display:grid; }
}