/* ═══ NAV ═════════════════════════════════════════════════════════════════
   nav, .nav-logo, .nav-ico, .nav-wordmark, .nav-links, .nav-link,
   .nav-right, .lang-btn, .nav-cta + @keyframes logo-pulse
   ═══════════════════════════════════════════════════════════════════════════ */
nav{position:fixed;top:0;left:0;right:0;z-index:100;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(10,10,16,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid transparent;transition:border-color .3s}
nav.scrolled{border-bottom-color:var(--border)}
.nav-logo{display:flex;align-items:center;gap:9px;flex-shrink:0;outline-offset:4px}
.nav-ico{width:22px;height:22px;border-radius:5px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .35s ease,box-shadow .35s ease;animation:logo-pulse 3s ease-in-out infinite}
@keyframes logo-pulse{0%,100%{box-shadow:0 0 0 rgba(124,147,195,0)}50%{box-shadow:0 0 12px rgba(124,147,195,.25)}}
.nav-logo:hover .nav-ico{transform:rotate(15deg);box-shadow:0 0 18px rgba(124,147,195,.4);animation-play-state:paused}
.nav-ico svg{width:10px;height:12px;display:block}
.nav-wordmark{font-family:var(--mono);font-size:13.5px;font-weight:400;letter-spacing:.01em;white-space:nowrap;line-height:1;color:var(--text2)}
.nav-wordmark .nw-it{color:var(--text);font-weight:600}
.nav-wordmark .nw-tld{color:var(--text4)}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-link{font-size:13px;color:var(--text3);padding:6px 12px;border-radius:6px;transition:color .2s}
.nav-link:hover{color:var(--text)}
.nav-link.active{color:var(--accent)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.lang-btn{font-family:var(--mono);font-size:12px;color:var(--text3);padding:6px 12px;border:1px solid var(--border);border-radius:6px;transition:color .2s,border-color .2s;letter-spacing:.06em}
.lang-btn:hover{color:var(--text);border-color:var(--border-hover)}
.nav-cta{font-size:13px;font-weight:600;padding:8px 18px;background:var(--accent);color:#0a0a10;border-radius:8px;transition:background .2s,transform .2s;display:inline-block}
.nav-cta:hover{background:var(--accent2);transform:translateY(-1px)}
.nav-kbd-hint{font-family:var(--mono);font-size:10px;padding:2px 8px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:4px;color:var(--text4);margin-left:6px}