.site-header{position:sticky;top:0;z-index:1000;background:rgba(16,21,29,0.95);backdrop-filter:blur(6px);border-bottom:1px solid var(--color-border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1440px;min-height:72px;gap:var(--space-4)}

.brand{display:flex;align-items:center;gap:var(--space-2);min-width:max-content;flex-shrink:0}
.brand-mark{width:44px;height:44px;object-fit:contain}
.brand-text{font-family:var(--font-heading);font-size:var(--fs-4);white-space:nowrap}

.nav{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);min-width:0}
.nav-list{display:flex;align-items:center;gap:clamp(16px,1.7vw,28px);margin:0;padding:0}
.nav-list li{margin:0;padding:0}
.nav-list a{font-size:var(--fs-6);text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-primary);white-space:nowrap}
.nav-list a[aria-current="page"]{color:var(--color-accent)}

.nav-cta{white-space:nowrap;flex-shrink:0;padding-inline:clamp(22px,2vw,32px)}

.nav-toggle{position:relative;z-index:3;display:none;width:48px;height:48px;flex:0 0 48px;border:1px solid transparent;border-radius:var(--radius-sm)}
.nav-toggle span{position:absolute;left:11px;top:50%;width:24px;height:2px;background:var(--color-text-primary);transform-origin:center;transition:transform var(--transition),opacity var(--transition),background var(--transition)}
.nav-toggle span:nth-child(1){transform:translateY(-7px)}
.nav-toggle span:nth-child(2){transform:translateY(-1px)}
.nav-toggle span:nth-child(3){transform:translateY(5px)}
.nav-toggle[aria-expanded="true"]{border-color:var(--color-border);background:rgba(16,21,29,.72)}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(-1px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;transform:translateY(-1px) scaleX(0)}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-1px) rotate(-45deg)}

body.menu-open{overflow:hidden}
body.menu-open::before{content:"";position:fixed;z-index:999;inset:0;background:rgba(4,7,11,.72);backdrop-filter:blur(3px)}

@media(max-width:1350px){
  .nav-toggle{display:block}
  .nav{position:fixed;z-index:2;inset:0 0 0 auto;width:min(440px,100%);height:100dvh;background:linear-gradient(155deg,var(--color-surface-secondary),#10151d 72%);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:104px clamp(24px,5vw,48px) 40px;gap:var(--space-5);border-left:1px solid var(--color-border);box-shadow:-24px 0 70px rgba(0,0,0,.38);overflow-y:auto;visibility:hidden;pointer-events:none;transform:translateX(100%);transition:transform 240ms ease,visibility 240ms ease}
  .nav.open{visibility:visible;pointer-events:auto;transform:translateX(0)}
  .nav-list{flex-direction:column;align-items:stretch;width:100%;gap:0}
  .nav-list li{border-bottom:1px solid var(--color-border)}
  .nav-list a{display:flex;align-items:center;min-height:62px;width:100%;padding:var(--space-2) 0;font-family:var(--font-heading);font-size:clamp(1.25rem,3vw,1.6rem);letter-spacing:.02em;text-transform:none}
  .nav-cta{width:100%;min-height:56px}
}

@media(max-width:600px){
  .brand-mark{width:32px;height:32px}
  .brand-text{font-size:var(--fs-5)}
  .header-inner{min-height:64px}
  .nav{padding-top:88px}
}

@media(prefers-reduced-motion:reduce){
  .nav,.nav-toggle span{transition:none}
}