.mnav-btn{display:none;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;padding:0;align-items:center;justify-content:center;flex:none}
.mnav-btn span,.mnav-btn span::before,.mnav-btn span::after{display:block;width:20px;height:2px;background:#fff;border-radius:2px;position:relative;transition:transform .25s,background .25s}
.mnav-btn span::before,.mnav-btn span::after{content:"";position:absolute;left:0}
.mnav-btn span::before{top:-6px}.mnav-btn span::after{top:6px}
.mnav-btn[aria-expanded=true] span{background:transparent}
.mnav-btn[aria-expanded=true] span::before{transform:translateY(6px) rotate(45deg)}
.mnav-btn[aria-expanded=true] span::after{transform:translateY(-6px) rotate(-45deg)}
.mnav-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.mnav-panel{display:none}
@media(max-width:900px){
  .mnav-btn{display:inline-flex}
  .top{position:sticky;top:0;z-index:50}
  .mnav-panel{position:absolute;left:0;right:0;top:100%;background:#0B1730;border-bottom:1px solid rgba(255,255,255,.15);padding:8px 16px 18px;box-shadow:0 18px 30px rgba(0,0,0,.35)}
  .mnav-panel.open{display:grid}
  .mnav-panel a{color:#fff;text-decoration:none;font:600 1.1rem var(--body);padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.12)}
  .mnav-panel a:last-child{border-bottom:0}
}

.mnav-panel a.mnav-cta{display:none}
@media(max-width:560px){.top .brand{flex:none}.top .wrap{gap:12px}.top nav.nav>a.btn{display:none}.mnav-panel a.mnav-cta{display:block;margin-top:14px;text-align:center;background:var(--blue-btn);border-radius:10px;border:0;padding:14px}.top nav.nav{margin-left:auto}}