.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(250,252,248,.88);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);transition:box-shadow .3s}
.site-header.scrolled{box-shadow:0 1px 0 var(--border),0 2px 8px rgba(26,46,26,.04)}
.header-inner{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px);display:flex;align-items:center;height:64px;gap:24px}
.header-logo{flex-shrink:0}
.header-logo img{height:28px;width:auto}
.header-nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:14px;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:10px 22px;border-radius:var(--radius);font-weight:600!important;font-size:13px!important;transition:all .2s!important}
.nav-cta:hover{background:var(--accent-dark)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(45,122,58,.25)}
.header-cta{display:flex;align-items:center}
.btn-phone{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent);transition:opacity .2s}
.btn-phone:hover{opacity:.7}
.btn-phone svg{width:15px;height:15px;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:2px;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:64px;left:0;right:0;bottom:0;background:var(--bg);flex-direction:column;padding:8px 24px;gap:0;overflow-y:auto;z-index:99}
.mobile-menu.open{display:flex}
.mobile-menu a{padding:18px 0;font-size:17px;font-weight:500;color:var(--txt);border-bottom:1px solid var(--border)}
.mobile-cta{margin-top:24px;display:flex;flex-direction:column;gap:8px}
.mobile-cta a{text-align:center;padding:16px;border-radius:var(--radius);font-weight:600;font-size:15px}
@media(max-width:768px){.header-nav,.header-cta{display:none}.hamburger{display:block}}