nav{position:fixed;top:0;left:0;right:0;z-index:200;height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding:0 5%;background:rgba(6,9,7,.7);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--border)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;height:100%}
.logo img{height:30px;width:auto;display:block}
.logo-word{font-family:var(--mono);font-weight:800;font-size:1.05rem;line-height:1;letter-spacing:.01em;color:var(--ink)}
.logo-word em{font-style:normal;color:var(--accent)}

.nav-links{display:flex;gap:1.8rem;list-style:none;margin:0;padding:0;justify-self:center}
.nav-links a{position:relative;color:var(--mute);text-decoration:none;font-size:.86rem;font-weight:500;padding:6px 0;transition:color .2s;cursor:pointer;white-space:nowrap}
.nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.nav-links a:hover,.nav-links a.active{color:var(--ink)}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);transform-origin:left}

.nav-right{display:flex;align-items:center;gap:.9rem;justify-self:end}
.lang-sw{display:flex;gap:2px;background:var(--glass);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px}
.lang-btn{padding:4px 10px;border:0;background:transparent;color:var(--mute);font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.03em;border-radius:var(--r-pill)}
.lang-btn.active{background:var(--accent);color:var(--accent-ink)}
.dl-btn{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:var(--accent-ink);font-weight:800;font-size:.8rem;padding:.55rem 1.2rem;border-radius:var(--r-pill);text-decoration:none;letter-spacing:.01em;white-space:nowrap;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center;min-width:134px;box-sizing:border-box}
.dl-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,232,122,.25)}

.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;margin-left:2px}
.nav-burger span{width:20px;height:2px;border-radius:2px;background:var(--ink);display:block;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s}
.nav-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.is-open span:nth-child(2){opacity:0}
.nav-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.nav-drawer{display:none;position:fixed;top:72px;left:0;right:0;z-index:199;background:rgba(6,9,7,.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:.5rem 5% 1.4rem;flex-direction:column;gap:.2rem}
.nav-drawer.is-open{display:flex}
.nav-drawer a{color:var(--mute);text-decoration:none;font-size:.9rem;padding:.9rem 0;border-bottom:1px solid var(--border)}
.nav-drawer a.active{color:var(--accent)}
.nav-drawer .drawer-langs{display:flex;gap:6px;margin-top:1rem}
.nav-drawer .drawer-langs .lang-btn{flex:1;padding:.5rem;border-radius:var(--r-sm);background:var(--glass);border:1px solid var(--border);color:var(--mute);font-weight:700;font-size:.72rem}
.nav-drawer .drawer-langs .lang-btn.active{background:var(--accent);color:var(--accent-ink)}

@media (max-width:960px){
  .nav-links{display:none}
  .lang-sw{display:none}
  .dl-btn{display:none}
  .nav-right{gap:.3rem}
  .nav-burger{display:flex}
}