:root{--pnav-ease:cubic-bezier(0.22,1,0.36,1);--pnav-glass:color-mix(in srgb,var(--ct-surface) 78%,transparent);--pnav-glass-strong:color-mix(in srgb,var(--ct-surface) 88%,transparent);--pnav-fill-hover:color-mix(in srgb,var(--ct-ink) 4%,transparent);--pnav-fill-hover-strong:color-mix(in srgb,var(--ct-ink) 8%,transparent);--pnav-scrim:color-mix(in srgb,var(--ct-ink) 45%,transparent);--pnav-hilite:rgba(255,255,255,0.6);--pnav-shadow:rgba(23,23,21,0.16);--pnav-shadow-deep:rgba(23,23,21,0.2)}.dark{--pnav-hilite:rgba(255,255,255,0.07);--pnav-shadow:rgba(0,0,0,0.55);--pnav-shadow-deep:rgba(0,0,0,0.7)}.pnav-pill{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-radius:9999px;border:1px solid var(--ct-line);background:var(--pnav-glass);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:inset 0 1px 0 var(--pnav-hilite),0 18px 48px -18px var(--pnav-shadow)}@media (max-width:767px){.pnav-pill{gap:.5rem}}.pnav-burger{width:36px;height:36px;border-radius:9999px;border:1px solid var(--ct-line);background:var(--pnav-fill-hover);transition:background-color .3s var(--pnav-ease),transform .3s var(--pnav-ease)}.pnav-burger:hover{background:var(--pnav-fill-hover-strong)}.pnav-burger:active{transform:scale(.96)}.pnav-burger-bars{position:relative;width:17px;height:12px}.pnav-burger-bars span{position:absolute;left:0;right:0;height:1.5px;border-radius:2px;background:var(--ct-ink-muted);transition:transform .32s var(--pnav-ease),opacity .2s var(--pnav-ease),background-color .3s var(--pnav-ease)}.pnav-burger-bars span:first-child{top:0}.pnav-burger-bars span:nth-child(2){top:5.25px}.pnav-burger-bars span:nth-child(3){top:10.5px}.pnav-burger[aria-expanded=true] .pnav-burger-bars span{background:var(--ct-ink)}.pnav-burger[aria-expanded=true] .pnav-burger-bars span:first-child{transform:translateY(5.25px) rotate(45deg)}.pnav-burger[aria-expanded=true] .pnav-burger-bars span:nth-child(2){opacity:0}.pnav-burger[aria-expanded=true] .pnav-burger-bars span:nth-child(3){transform:translateY(-5.25px) rotate(-45deg)}@media (prefers-reduced-motion:reduce){.pnav-burger,.pnav-burger-bars span{transition:none}}.pnav-menu-scrim{background:var(--pnav-scrim);backdrop-filter:blur(6px)}.pnav-menu-panel{border-radius:22px;border:1px solid var(--ct-line);background:var(--pnav-glass-strong);backdrop-filter:blur(24px) saturate(140%);box-shadow:inset 0 1px 0 var(--pnav-hilite),0 30px 60px -24px var(--pnav-shadow-deep);padding:10px;transform-origin:top right;max-height:calc(100dvh - 5.5rem);overflow-y:auto;overscroll-behavior:contain}.pnav-menu-link{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:13px 12px;border-radius:13px;font-size:16px;font-weight:450;color:var(--ct-ink);transition:background-color .2s var(--pnav-ease)}a.pnav-menu-link:hover{background:var(--pnav-fill-hover)}.pnav-menu-divider{height:1px;margin:8px 6px;background:var(--ct-line)}.pnav-menu-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:9999px;font-size:15px;font-weight:500;transition:background-color .3s var(--pnav-ease),transform .3s var(--pnav-ease)}.pnav-menu-cta:active{transform:scale(.98)}.pnav-menu-cta--ghost{border:1px solid var(--ct-line-strong);color:var(--ct-ink);background:transparent}.pnav-menu-cta--ghost:hover{background:var(--pnav-fill-hover)}.pnav-menu-cta--solid{background:var(--ct-accent);color:var(--ct-on-accent)}.pnav-menu-cta--solid:hover{background:var(--ct-accent-hover)}