/* ============================================================
   INTERLOCK — component: fixed top navigation
   ============================================================ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  border-bottom:1px solid var(--line);
  background:rgba(10,13,12,.82);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.nav-inner{
  max-width:1200px;margin:0 auto;padding:0 32px;
  height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.logo svg{display:block}
.logo span{
  font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:.14em;
}
.nav-links{display:flex;gap:32px;align-items:center}
.nav-links a{
  color:var(--text-dim);text-decoration:none;
  font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  transition:color .2s;
}
.nav-links a:hover{color:var(--green)}
.nav-links a.nav-cta{color:var(--bg)}
.nav-links a.nav-cta:hover{color:var(--green)}

@media (max-width:900px){
  .nav-links a{display:none}
  .nav-links a.nav-cta{display:inline-block}
}
@media (max-width:768px){
  .nav-inner{padding:0 22px}
}