.zp-mnav{display:none}
@media (max-width:700px){
  body.has-mnav{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
  .zp-mnav{display:block;position:fixed;left:50%;transform:translateX(-50%);width:min(392px,calc(100vw - 24px));bottom:calc(12px + env(safe-area-inset-bottom));z-index:2147483000;padding:6px;border-radius:30px;
    background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03)),rgba(17,20,25,.55);
    -webkit-backdrop-filter:blur(28px) saturate(200%);backdrop-filter:blur(28px) saturate(200%);
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 18px 44px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.28)}
  .zp-mnav-links{position:relative;display:flex;align-items:stretch;justify-content:space-between;gap:0}
  .zp-mnav-ind{position:absolute;top:0;bottom:0;left:0;border-radius:24px;pointer-events:none;
    background:linear-gradient(180deg,rgba(174,185,201,.34),rgba(156,170,189,.16));
    border:1px solid rgba(198,206,217,.38);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 18px rgba(148,163,184,.35);
    transition:transform .38s cubic-bezier(.3,1.25,.4,1),width .38s cubic-bezier(.3,1.25,.4,1)}
  .zp-mnav button,.zp-mnav a{position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:52px;padding:0 2px;border:0;border-radius:24px;background:transparent!important;box-shadow:none!important;color:rgba(221,226,233,.78)!important;font:600 10px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .25s}
  .zp-mnav svg{width:21px;height:21px;fill:none!important;stroke:currentColor!important;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.3,1.5,.4,1)}
  .zp-mnav svg *{fill:none!important;stroke:currentColor!important}
  .zp-mnav span:not(.zp-mnav-ind){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .zp-mnav .active{color:#fff!important}
  .zp-mnav .active svg{transform:translateY(-1px) scale(1.1);filter:drop-shadow(0 0 6px rgba(186,196,209,.7))}
  .zp-mnav a:active svg,.zp-mnav button:active svg{transform:scale(.88)}
  body.vault-open .cookie-banner,body.has-mnav .cookie-banner{bottom:calc(84px + env(safe-area-inset-bottom))!important}
  body.has-mnav .sidebar{padding-bottom:12px}
}
@media(min-width:761px){
.landing-nav nav{position:relative;display:flex!important;gap:2px!important;padding:5px!important;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03)),rgba(17,20,25,.5);-webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.28)}
.landing-nav nav a{position:relative;z-index:1;padding:7px 16px!important;border-radius:999px;color:rgba(221,226,233,.8);transition:color .25s}
.landing-nav nav a:hover,.landing-nav nav a.on{color:#fff!important}
.zp-pill{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:999px;pointer-events:none;opacity:0;z-index:0;background:linear-gradient(180deg,rgba(174,185,201,.34),rgba(156,170,189,.16));border:1px solid rgba(198,206,217,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 18px rgba(148,163,184,.35);transition:transform .38s cubic-bezier(.3,1.25,.4,1),width .38s cubic-bezier(.3,1.25,.4,1),opacity .25s}
}