.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;gap:20px;min-height:60px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-ui);font-weight:800;font-size:17px;color:var(--ink-strong);letter-spacing:-.02em}
.logo-mark{width:28px;height:28px;flex:none}
.logo-mark svg{width:100%;height:100%;display:block}
.main-nav{display:flex;gap:20px;margin-left:24px;font-size:14px;font-weight:600;color:var(--mute)}
.main-nav a:hover{color:var(--brand-navy)}
.util{margin-left:auto;display:flex;align-items:center;gap:14px}



.nav{background:var(--paper);backdrop-filter:none}.logo-mark{object-fit:contain}.menu-toggle{border:1px solid var(--line);background:white;color:var(--brand-navy);border-radius:999px;padding:8px 12px;font-family:var(--font-ui);font-weight:700}.util{gap:12px}.main-nav{margin-left:12px;gap:16px}
@media(max-width:719px){.nav-inner{flex-wrap:wrap;gap:8px;padding-block:10px}.logo{font-size:16px}.logo-mark{width:24px;height:24px}.util{gap:8px}.util>.pill{display:none}.lang{gap:0}.lang button{min-height:40px;padding:4px 7px}.main-nav{order:3;flex-basis:100%;margin:0;padding:10px 0;justify-content:space-between}.menu-toggle{font-size:12px}.nav-inner{width:calc(100% - 24px)}}