/* ===== Mobile right-side menu (matches app drawer) ===== */
.nav-scrim{position:fixed;inset:0;background:rgba(8,12,26,.55);opacity:0;pointer-events:none;transition:opacity .22s;z-index:190}
body.nav-open .nav-scrim{opacity:1;pointer-events:auto}
.nav-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(82vw,320px);background:#2f2f57;transform:translateX(100%);transition:transform .26s cubic-bezier(.4,0,.2,1);z-index:200;display:flex;flex-direction:column;box-shadow:-18px 0 44px rgba(0,0,0,.42)}
body.nav-open .nav-drawer{transform:translateX(0)}
.nd-head{display:flex;align-items:center;justify-content:space-between;padding:1.05rem 1.15rem .8rem}
.nd-head h2{margin:0;color:#fff;font-size:1.25rem;font-weight:800}
.nd-close{background:0;border:0;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;padding:.1rem .35rem;opacity:.9}
.nd-body{flex:1;overflow-y:auto;padding:0 .7rem 1.6rem}
.nd-cta{display:flex;align-items:center;gap:.7rem;margin:0 0 .5rem;padding:.85rem 1rem;background:linear-gradient(180deg,#F0CB63,#E4B942);color:#20223f;border-radius:999px;font-weight:800;font-size:1rem;text-decoration:none}
.nd-item{display:flex;align-items:center;gap:.85rem;padding:.72rem .85rem;border-radius:12px;color:#fff;text-decoration:none;font-weight:700;font-size:.98rem}
.nd-item svg{width:21px;height:21px;flex:0 0 21px;stroke:#EBD9A6;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.nd-item.active{background:rgba(255,255,255,.10)}
.nd-item.active svg{opacity:1}
.nd-group{color:#a9a9d0;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:1rem .9rem .35rem}

/* Hamburger + responsive nav (self-contained so pages without marketing.css work) */
.nav-hamburger{display:none;background:transparent;border:0;width:44px;height:44px;cursor:pointer;padding:10px;border-radius:10px}
.nav-hamburger span{display:block;width:24px;height:2px;background:#fff;margin:5px auto;border-radius:2px;transition:transform .25s,opacity .25s}
body.nav-open .nav-hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.nav-open .nav-hamburger span:nth-child(2){opacity:0}
body.nav-open .nav-hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:980px){
  .nav-pill-links,.nav-links{display:none!important}
  .nav-hamburger{display:block}
}
@media (min-width:981px){
  .nav-drawer,.nav-scrim{display:none}
}