header.site{
  position:sticky; top:0; z-index:100; background:rgba(255,255,255,.96);
  backdrop-filter:blur(6px); border-bottom:1px solid var(--line);
}
.site .nav{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 24px; max-width:1240px; margin:0 auto; gap:12px;
}
.site .nav-mark{
  font-family:var(--serif); font-weight:700; font-size:20px; letter-spacing:-.01em;
  text-decoration:none; color:var(--navy); white-space:nowrap; flex-shrink:0;
}
.site .nav-mark span{color:var(--blue);}
.site .nav-links{display:flex; gap:14px; list-style:none; margin:0; padding:0; align-items:center;}
.site .nav-links a{
  text-decoration:none; font-size:13px; font-weight:500; color:var(--ink);
  border-bottom:2px solid transparent; padding-bottom:2px; white-space:nowrap;
}
.site .nav-links a:hover,.site .nav-links a[aria-current="page"]{border-color:var(--blue); color:var(--navy);}
.site .nav-actions{display:flex; align-items:center; gap:8px; flex-shrink:0;}
.site .nav-login,.site .nav-cta{
  text-decoration:none; font-size:12.5px; font-weight:600; padding:7px 14px;
  border-radius:20px; white-space:nowrap;
}
.site .nav-login{border:1px solid var(--navy); color:var(--navy);}
.site .nav-login:hover{background:var(--navy); color:#fff;}
.site .nav-cta{background:var(--blue); color:#fff; padding-left:16px; padding-right:16px;}
.site .nav-cta:hover{background:#2688C4;}
.site .nav-toggle{
  display:none; width:38px; height:38px; border:1px solid var(--line); border-radius:50%;
  background:#fff; color:var(--navy); font-size:20px; cursor:pointer; align-items:center; justify-content:center;
}
.site .mobile-only{display:none;}

@media(max-width:900px){
  .site .nav{position:relative;}
  .site .nav-toggle{display:inline-flex; order:3;}
  .site .nav-links{
    display:none; position:absolute; top:calc(100% + 1px); left:16px; right:16px;
    padding:12px; background:#fff; border:1px solid var(--line); border-radius:0 0 14px 14px;
    box-shadow:0 12px 28px rgba(13,30,72,.12); flex-direction:column; align-items:stretch; gap:0;
  }
  .site .nav-links.open{display:flex;}
  .site .nav-links li{width:100%;}
  .site .nav-links a{display:block; padding:10px 12px; border:0; border-radius:8px;}
  .site .nav-links a:hover,.site .nav-links a[aria-current="page"]{background:var(--blue-soft);}
  .site .mobile-only{display:block;}
}
@media(max-width:600px){
  .site .nav{padding:11px 14px; gap:7px;}
  .site .nav-login{display:none;}
  .site .nav-actions{margin-left:auto; gap:6px;}
}
@media(max-width:410px){
  .site .nav-cta{display:none;}
}