/* ===== HEADER ===== */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);transition:box-shadow .3s}
.site-header.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.06)}
.header-inner{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;height:72px}
.header-logo a{display:flex;align-items:center;gap:10px}
.header-logo img{height:36px;width:auto}
.header-nav{display:flex;align-items:center;gap:32px}
.header-nav a{font-size:14px;font-weight:500;color:var(--txt-mid);transition:color .2s;letter-spacing:.2px}
.header-nav a:hover,.header-nav a[aria-current="page"]{color:var(--navy)}
.header-nav .nav-cta{background:var(--navy);color:#fff;padding:10px 22px;border-radius:6px;font-weight:600;transition:background .2s}
.header-nav .nav-cta:hover{background:var(--navy-light);color:#fff}
.header-cta{display:flex;align-items:center;gap:16px}
.header-cta .btn-phone{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--navy)}
.header-cta .btn-phone svg{width:16px;height:16px;fill:var(--navy)}
.hamburger{display:none;background:none;border:none;cursor:pointer;width:28px;height:20px;position:relative;flex-shrink:0}
.hamburger span{display:block;width:100%;height:2px;background:var(--navy);position:absolute;left:0;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:rotate(45deg) translateY(-50%)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){bottom:50%;transform:rotate(-45deg) translateY(50%)}
.mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:#fff;padding:32px 24px;flex-direction:column;gap:0;z-index:99;overflow-y:auto}
.mobile-menu.open{display:flex}
.mobile-menu a{font-size:18px;font-weight:500;color:var(--txt);padding:16px 0;border-bottom:1px solid var(--border)}
.mobile-menu .mobile-cta{margin-top:24px;display:flex;flex-direction:column;gap:12px}
.mobile-menu .mobile-cta a{border:none;text-align:center;padding:16px;border-radius:6px;font-weight:600}
@media(max-width:768px){
  .header-nav,.header-cta{display:none}
  .hamburger{display:block}
}