.site-header{
  position:sticky;
  top:0;
  z-index:100;
  backdrop-filter:blur(18px);
}
.site-header-bar{
  position:relative;
  background:linear-gradient(135deg,rgba(248,249,250,0.98),rgba(235,243,238,0.96));
  border-bottom:1px solid rgba(148,163,184,0.35);
}
.site-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
  padding-top:var(--space-3);
  padding-bottom:var(--space-3);
}
.site-branding{
  display:flex;
  align-items:center;
  gap:var(--space-4);
}
.market-strip{
  display:flex;
  align-items:center;
  gap:var(--space-2);
}
.market-label{
  font-size:var(--font-size-xs);
  color:var(--color-text-muted);
}
.primary-nav{
  display:flex;
  align-items:center;
  gap:var(--space-4);
}
.nav-links-wrapper{
  display:flex;
  align-items:center;
  gap:var(--space-6);
}
.nav-links{
  display:flex;
  align-items:center;
  gap:var(--space-4);
  margin:0;
  padding:0;
}
.nav-item{
  list-style:none;
}
.nav-link{
  position:relative;
  font-size:var(--font-size-sm);
  font-weight:500;
  color:var(--color-text-muted);
  padding:0.3rem 0;
}
.nav-link:focus-visible{
  outline:2px solid var(--color-primary);
  outline-offset:4px;
}
.nav-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--color-primary),var(--color-amber));
  transition:width var(--transition-base);
}
.nav-link:hover::after{
  width:100%;
}
.nav-link:hover{
  color:var(--color-text);
}
.nav-cta{
  display:flex;
  align-items:center;
}
.nav-play-cta{
  font-size:var(--font-size-xs);
}
.nav-toggle{
  display:none;
}
@media (max-width:960px){
  .site-header-inner{
    gap:var(--space-2);
  }
  .market-strip{
    display:none;
  }
  .nav-toggle{
    display:flex;
  }
  .nav-links-wrapper{
    position:absolute;
    inset-inline:0;
    top:100%;
    background:rgba(248,249,250,0.98);
    backdrop-filter:blur(16px);
    box-shadow:0 18px 40px rgba(15,23,42,0.18);
    padding:var(--space-5) var(--space-4) var(--space-6);
    flex-direction:column;
    align-items:flex-start;
    gap:var(--space-4);
    transform:translateY(-12px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity var(--transition-base),transform var(--transition-base),visibility var(--transition-base);
  }
  .nav-links-wrapper.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }
  .nav-links{
    flex-direction:column;
    align-items:flex-start;
    gap:var(--space-3);
  }
  .nav-link{
    font-size:var(--font-size-base);
  }
  .nav-cta{
    width:100%;
  }
  .nav-play-cta{
    width:100%;
    justify-content:center;
  }
}
@media (max-width:600px){
  .site-header-inner{
    padding-top:var(--space-2);
    padding-bottom:var(--space-2);
  }
}
.nav-toggle[aria-expanded="true"]{
  border-color:var(--color-primary);
  box-shadow:var(--shadow-md);
}
.nav-toggle[aria-expanded="true"] span:nth-of-type(2){
  transform:translateY(6px) rotate(45deg);
}
.nav-toggle[aria-expanded="true"] span:nth-of-type(3){
  opacity:0;
}
.nav-toggle[aria-expanded="true"] span:nth-of-type(4){
  transform:translateY(-6px) rotate(-45deg);
}
.nav-toggle span{
  transition:transform var(--transition-base),opacity var(--transition-base),background-color var(--transition-base);
}
@media (prefers-reduced-motion:reduce){
  .nav-links-wrapper{
    transition:none;
  }
  .nav-toggle span{
    transition:none;
  }
}