.nav{position:sticky;top:0;z-index:20;background:var(--nav);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.navlinks{display:flex;align-items:center;gap:4px}
.nav-actions{display:flex;align-items:center;gap:8px}
.navlink{color:var(--muted);text-decoration:none;font-size:15px;padding:10px 12px;border-radius:8px;transition:color 150ms ease,background-color 150ms ease}
.navlink:hover{color:var(--text);background:var(--bg3)}
.navlink.cur{color:var(--text);background:var(--bg3)}
.logo{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;min-height:44px}
.logo:hover{color:var(--text)}
.logo-bg{fill:var(--accent)}
.logo-name{display:flex;align-items:baseline;gap:1px;font-size:19px;font-weight:600;letter-spacing:-.03em}
.logo-name .mono{font-weight:500;font-size:17px;letter-spacing:-.02em}
.lang{display:inline-flex;align-items:center;height:44px;padding:3px;border:1px solid var(--ctl);border-radius:10px;gap:2px}
.lang a{display:inline-grid;place-items:center;min-width:38px;height:36px;padding:0 8px;border-radius:7px;font-family:"Geist Mono",ui-monospace,monospace;font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;transition:color 150ms ease,background-color 150ms ease}
.lang a:hover{color:var(--hi)}
.lang a.on{background:var(--bg3);color:var(--hi)}
.menu-btn{display:none}
/* theme toggle icons: sun while dark, moon while light */
.ico-moon{display:none}
:root.light .ico-sun{display:none}
:root.light .ico-moon{display:block}
@media (prefers-color-scheme:light){:root:not(.dark):not(.light) .ico-sun{display:none}:root:not(.dark):not(.light) .ico-moon{display:block}}
@media (max-width:960px){.navlinks{display:none !important}.nav-cta{display:none !important}.menu-btn{display:inline-flex}}
@media (max-width:440px){.lang-top{display:none !important}}
/* mobile menu */
.mobile-menu{padding-bottom:20px;display:flex;flex-direction:column}
.mobile-menu[hidden]{display:none}
.mobile-menu a.mlink{display:flex;align-items:center;min-height:48px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line);font-size:18px}
.mobile-menu-lang{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px}
.mobile-menu-cta{margin-top:16px;justify-content:center}
@media (min-width:961px) and (max-width:1060px){.navlinks{gap:2px}.navlink{padding:10px 8px;white-space:nowrap}}