/* =========================================
   NAVIGATION
   ========================================= */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  padding:0 60px;height:64px;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(13,13,12,0.9);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
  transition:all 0.3s;
}
nav.scrolled{background:rgba(13,13,12,0.97);border-bottom-color:var(--line)}
.nav-logo-wrap{display:flex;align-items:center;gap:12px;text-decoration:none}
.nav-logo-svg{width:28px;height:28px;opacity:0.95}
.nav-logo-text{font-family:'Manrope',sans-serif;font-size:13px;font-weight:700;letter-spacing:4px;color:var(--text);text-transform:uppercase}
.nav-links{display:flex;gap:36px;list-style:none}
.nav-links a{color:var(--text3);text-decoration:none;font-size:12px;letter-spacing:1px;font-weight:600;text-transform:uppercase;transition:color 0.2s;padding:4px 0;border-bottom:1px solid transparent;transition:all 0.2s}
.nav-links a:hover{color:var(--text2);border-bottom-color:var(--text4)}
.nav-links a.active{color:var(--text2)}
.nav-cta{
  background:transparent;color:var(--accent-hi);
  padding:8px 20px;border:1px solid var(--accent-border);
  font-size:12px;font-weight:700;text-decoration:none;
  letter-spacing:1px;text-transform:uppercase;
  transition:all 0.2s;
}
.nav-cta:hover{background:var(--accent-dim);border-color:var(--accent)}
.burger{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:8px}
.burger span{display:block;width:20px;height:1px;background:var(--text2);transition:all 0.3s}
.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--line);padding:24px 60px;z-index:199}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:12px 0;color:var(--text2);text-decoration:none;font-size:14px;letter-spacing:1px;font-weight:600;text-transform:uppercase;border-bottom:1px solid var(--border)}
.mobile-menu a:last-child{border:none}