.site-header{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:18px clamp(20px,5vw,64px);
  background:rgba(10,13,18,0.78);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
}
.logo{
  font-family:var(--font-mono); font-weight:600; font-size:20px;
  text-decoration:none; letter-spacing:0.02em;
}
.logo .cursor{ color:var(--signal); animation:blink 1.1s steps(1) infinite; }

.nav{ display:flex; gap:32px; font-family:var(--font-mono); font-size:14px; }
.nav a{ color:var(--ink-dim); text-decoration:none; transition:color .2s ease; }
.nav a:hover, .nav a:focus-visible{ color:var(--signal); }

.status-pill{
  display:flex; align-items:center; gap:8px;
  font-family:var(--font-mono); font-size:12px; color:var(--ink-dim);
  border:1px solid var(--border); padding:6px 12px; border-radius:999px;
}
.status-pill .dot{
  width:6px; height:6px; border-radius:50%;
  background:var(--signal); box-shadow:0 0 8px var(--signal);
  animation:pulse 2s ease-in-out infinite;
}

.nav-toggle{
  display:none; flex-direction:column; gap:5px;
  background:none; border:none; cursor:pointer; padding:8px;
}
.nav-toggle span{ width:22px; height:2px; background:var(--ink); transition:all .25s ease; }
.nav-toggle.is-open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav-toggle.is-open span:nth-child(2){ opacity:0; }
.nav-toggle.is-open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

@media (max-width:720px){
  .nav{
    display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column;
    background:var(--panel); border-bottom:1px solid var(--border); padding:20px clamp(20px,5vw,64px); gap:18px;
  }
  .nav.nav--open{ display:flex; }
  .status-pill{ display:none; }
  .nav-toggle{ display:flex; }
}