.sy-nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  height:var(--sy-nav-h);
  background:rgba(10,10,12,0.72);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--sy-border-subtle);
}
.sy-nav-inner{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.sy-nav-logo{
  display:inline-flex;
  align-items:center;
  gap:12px;
}
.sy-nav-logo img{
  height:34px;
  width:auto;
}
.sy-nav-wordmark{
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:500;
  letter-spacing:0.34em;
  color:var(--sy-text);
}
.sy-nav-links{
  display:flex;
  align-items:center;
  gap:30px;
  list-style:none;
}
.sy-nav-links a{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--sy-dim);
}
.sy-nav-links a:hover{color:var(--sy-cyan)}
.sy-nav-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 16px;
  border:1px solid rgba(42,238,247,0.35);
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--sy-cyan);
  transition:box-shadow var(--sy-fast) var(--sy-ease),border-color var(--sy-fast) var(--sy-ease);
}
.sy-nav-cta:hover{
  border-color:var(--sy-cyan);
  box-shadow:var(--sy-glow-cyan);
  color:var(--sy-cyan);
}
.sy-nav-cta .sy-dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--sy-cyan);
  box-shadow:var(--sy-glow-cyan);
}

@media (max-width:940px){
  .sy-nav-links{display:none}
}
@media (max-width:400px){
  .sy-nav-wordmark{display:none}
}