.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,251,253,.85);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);transition:box-shadow .3s}
.site-header.scrolled{box-shadow:0 0 0 1px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04)}
.header-inner{max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,32px);display:flex;align-items:center;height:56px;gap:24px}
.header-logo{flex-shrink:0}
.header-logo img{height:26px;width:auto}
.header-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:13px;font-weight:500;color:var(--txt-mid)}
.header-nav a{transition:color .2s}
.header-nav a:hover,.header-nav a[aria-current="page"]{color:var(--black)}
.nav-cta{background:var(--accent)!important;color:#fff!important;padding:8px 18px;border-radius:980px;font-weight:600!important;font-size:12px!important;transition:all .2s!important}
.nav-cta:hover{background:var(--accent-dark)!important;transform:scale(1.02)}
.header-cta{display:flex;align-items:center}
.btn-phone{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent);transition:opacity .2s}
.btn-phone:hover{opacity:.7}
.btn-phone svg{width:14px;height:14px;fill:currentColor}
.hamburger{display:none;background:none;border:none;cursor:pointer;width:24px;height:18px;position:relative;flex-shrink:0}
.hamburger span{position:absolute;left:0;width:100%;height:1.5px;background:var(--black);border-radius:2px;transition:all .3s}
.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}
.hamburger.active span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;background:var(--bg);flex-direction:column;padding:8px 20px;gap:0;overflow-y:auto;z-index:99}
.mobile-menu.open{display:flex}
.mobile-menu a{padding:16px 0;font-size:17px;font-weight:500;color:var(--txt);border-bottom:1px solid var(--border)}
.mobile-cta{margin-top:20px;display:flex;flex-direction:column;gap:8px}
.mobile-cta a{text-align:center;padding:14px;border-radius:12px;font-weight:600;font-size:15px}
@media(max-width:768px){.header-nav,.header-cta{display:none}.hamburger{display:block}}