:root{
  --navy:#0B1F3A;
  --navy-2:#102a4d;
  --text:#0b1220;
  --muted:#6b7280;
  --white:#ffffff;
  --radius:14px;
}

.site-header{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,23,42,0.08);
}

.nav-wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 12px 16px;
  display:flex;
  align-items:center;
  gap:16px;
}

.brand{ display:flex; align-items:center; text-decoration:none; gap:10px; }
.brand-logo{ height:38px; width:auto; display:block; }

.nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.nav a{
  text-decoration:none;
  color: var(--text);
  font-weight: 600;
  font-size: 14px;
  padding: 10px 10px;
  border-radius: 10px;
}

.nav a:hover{ background: rgba(11,31,58,0.06); }

.nav a.muted{ color: var(--muted); font-weight:600; }

.nav a.cta{
  background: var(--navy);
  color: var(--white);
  padding: 10px 14px;
  border-radius: var(--radius);
}

.nav a.cta:hover{ background: var(--navy-2); }

.burger{
  margin-left:auto;
  display:none;
  width:44px;
  height:44px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,0.12);
  background: #fff;
}

.burger span{
  display:block;
  height:2px;
  width:18px;
  background: var(--navy);
  margin:4px auto;
  border-radius: 2px;
}

@media (max-width: 960px){
  .burger{ display:block; }
  .nav{
    display:none;
    width:100%;
    margin-left:0;
    padding: 10px 0 4px;
    flex-direction:column;
    align-items:stretch;
  }
  .nav.open{ display:flex; }
  .nav a{ padding: 12px 12px; }
}