.zl-header{position:sticky;top:0;z-index:1000;background:rgba(251,252,250,.92);border-bottom:1px solid var(--color-border-soft);backdrop-filter:blur(16px)}
.zl-header__bar{height:2.25rem;background:#102a43;color:#cfe0e4;display:flex;align-items:center;font-size:var(--text-small);letter-spacing:.03em}
.zl-header__main{background:transparent}
.zl-header__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:72px}
.zl-header__brand{display:flex;align-items:center;gap:0.75rem;flex-shrink:0}
.zl-header__logo{height:48px;width:auto}
.zl-header__brand-text{font-family:var(--font-heading);font-size:1.25rem}
.zl-header__nav{display:flex}
.zl-header__menu{display:flex;gap:1.5rem;align-items:center;margin:0;padding:0}
.zl-header__menu li{margin:0;padding:0}
.zl-header__link{font-size:var(--text-small);text-transform:uppercase;letter-spacing:0.08em}
.zl-header__link{position:relative}
.zl-header__link::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--color-border-strong);transform:scaleX(0);transition:transform .2s ease}
.zl-header__link:hover::after,.zl-header__link[aria-current="page"]::after{transform:scaleX(1)}
.zl-header__toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;gap:5px}
.zl-header__toggle span{display:block;width:20px;height:2px;background:var(--color-text-primary)}
.zl-header__close{display:none}
@media(max-width:900px){
.zl-header{backdrop-filter:none;-webkit-backdrop-filter:none}
.nav-open{overflow:hidden}
.zl-header__nav{position:fixed;inset:auto;top:0;left:0;z-index:1200;display:block;width:100vw;height:100vh;height:100dvh;min-height:100vh;background:linear-gradient(145deg,#f8fbfa 0%,#e8f1f1 100%);transform:translateX(100%);visibility:hidden;opacity:0;transition:transform .32s ease,visibility .32s ease,opacity .2s ease;padding:6.25rem clamp(1.5rem,8vw,5rem) 2.5rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.zl-header__nav.open{transform:translateX(0)}
.zl-header__nav.open{visibility:visible;opacity:1}
.zl-header__menu{position:relative;z-index:1;flex-direction:column;align-items:flex-start;gap:0;width:min(100%,620px);margin-inline:auto}
.zl-header__menu li{width:100%;border-bottom:1px solid var(--color-border-soft)}
.zl-header__menu a{display:flex;width:100%;padding:.85rem 0;font-family:var(--font-heading);font-size:clamp(1.65rem,5.8vw,2.6rem);line-height:1.08;text-transform:none;letter-spacing:0}
.zl-header__menu .btn{display:inline-flex;width:auto;margin-top:var(--space-3);padding:.85em 1.5em;font-family:var(--font-body);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.zl-header__link::after{bottom:.6rem;width:42px;right:auto}
.zl-header__toggle{display:flex;position:relative;z-index:1100}
.zl-header__close{position:fixed;top:1rem;right:clamp(1rem,5vw,2rem);z-index:2;display:flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid var(--color-border-soft);border-radius:50%;background:#fff;box-shadow:0 10px 30px rgba(16,37,53,.08)}
.zl-header__close span{position:absolute;width:20px;height:2px;background:var(--color-text-primary)}
.zl-header__close span:first-child{transform:rotate(45deg)}
.zl-header__close span:last-child{transform:rotate(-45deg)}
.zl-header__close:hover{border-color:var(--color-border-strong)}
}
@media(max-width:480px){
.zl-header__bar small{font-size:.67rem}
.zl-header__brand-text{font-size:1.05rem}
.zl-header__logo{height:42px}
.zl-header__nav{padding-top:5.5rem}
.zl-header__close{width:44px;height:44px}
}
ul { list-style: none !important; } .nav-toggle { flex-direction: column; }