/* The one site bar.
   Loaded directly by the landing page and @imported by site.css, so /pricing,
   /methodology, /accuracy and the landing page all render the same chrome from
   the same file. Values are literal rather than var(--sc-*) because the pages
   that load site.css do not define those tokens.

   Sticky, not fixed: the interior pages lay out beneath an in-flow nav and
   would need body padding otherwise, and sticky pins identically on the
   scroll page. */
.site-bar{
  position:sticky; top:0; z-index:60;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:.85rem clamp(1rem,4vw,2.5rem);
  border-bottom:1px solid #1E293B;
  background:rgba(5,7,13,.86); backdrop-filter:blur(12px);
  font-family:"Fira Code",ui-monospace,SFMono-Regular,Menlo,monospace;
}
.site-bar__mark{
  font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  font-size:.75rem; color:#F8FAFC; text-decoration:none; white-space:nowrap;
}
.site-bar__mark b{ color:#F59E0B; font-weight:600 }
.site-bar__nav{ display:flex; gap:clamp(.9rem,2vw,1.9rem); margin-left:auto; margin-right:1.4rem }
.site-bar__nav a{
  font-size:.72rem; letter-spacing:.04em; color:#94A3B8;
  text-decoration:none; white-space:nowrap; transition:color .16s;
}
.site-bar__nav a:hover,.site-bar__nav a:focus-visible{ color:#F8FAFC }
.site-bar .ea-cta{
  display:inline-block; font-weight:600; letter-spacing:.04em; font-size:.8rem;
  padding:.7rem 1.15rem; background:#F59E0B; border-radius:6px;
  color:#05070D; text-decoration:none; border:1px solid #F59E0B; white-space:nowrap;
}
.site-bar a:focus-visible{ outline:3px solid #F59E0B; outline-offset:3px }
@media (max-width:860px){ .site-bar__nav{ display:none } }