:root{--header-height:88px}
html{scroll-padding-top:calc(var(--header-height) + 12px)}
.site-header{height:var(--header-height);gap:24px}
.site-header nav{font-size:16px;gap:18px}
.site-header .header-contacts{flex-direction:row;align-items:center;gap:20px}
.site-header .header-contacts .phone{font-size:20px;line-height:1.2;flex-direction:column;align-items:flex-start;gap:4px;min-height:44px}
.site-header .phone small.phone-note{display:flex;align-items:center;gap:7px;margin:0;font-size:11.5px;font-weight:400;line-height:1.3;color:#a5c4b8;white-space:nowrap}
.contact-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#10b981;flex-shrink:0;animation:header-live-pulse 2.2s infinite}
@keyframes header-live-pulse{0%{box-shadow:0 0 0 0 #10b98173}70%{box-shadow:0 0 0 6px #10b98100}100%{box-shadow:0 0 0 0 #10b98100}}
.site-header .header-email{font-size:16px;min-height:32px}
.site-header .header-email svg{display:block;width:16px;height:16px}
.site-header .header-cta{font-size:16px;min-height:48px;padding:12px 18px;gap:12px}
.hero-heading .hero-actions{margin-top:calc(18px + 30px * var(--copy-large,1))}
.reduced .contact-pulse{animation:none}
@media(min-width:1361px) and (max-width:1600px){
 :root{--header-height:96px}
 .site-header{gap:18px}
 .site-header nav{gap:16px}
 .site-header .header-contacts{flex-direction:column;align-items:flex-start;gap:2px}
 .site-header .header-email{min-height:24px}
}
@media(min-width:701px) and (max-width:1360px){
 :root{--header-height:140px}
 .site-header{grid-template-columns:1fr auto auto;grid-template-rows:88px 52px;gap:0 18px;padding-inline:24px}
 .site-header .brand{grid-column:1;grid-row:1}
 .site-header .brand img{width:120px}
 .site-header .header-contacts{grid-column:2;grid-row:1;flex-direction:column;align-items:flex-start;gap:2px}
 .site-header .header-email{min-height:24px}
 .site-header .header-cta{grid-column:3;grid-row:1;font-size:16px}
 .site-header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;font-size:16px;gap:14px}
}
@media(max-width:700px){
 :root{--header-height:132px}
 .site-header{grid-template-columns:1fr auto auto;grid-template-rows:52px 80px;padding-inline:16px;gap:0 6px}
 .site-header .brand img{width:100px}
 .site-header .header-cta{grid-column:2;grid-row:1;font-size:16px;padding:10px 12px;gap:10px;min-height:46px}
 .site-header .menu-button{grid-column:3;grid-row:1;width:44px;min-height:44px;padding:8px;font-size:10px}
 .site-header .header-contacts{grid-column:1/-1;grid-row:2;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}
 .site-header .header-email{min-height:32px}
 .site-header nav.open{inset:var(--header-height) 16px auto;font-size:16px}
 .hero-heading{top:max(var(--title-y,19%),calc(154px * var(--copy-large,1)))}
 .hero-heading .hero-actions{margin-top:calc(14px + 18px * var(--copy-large,1))}
}
@media(min-width:480px) and (max-width:700px){
 :root{--header-height:114px}
 .site-header{grid-template-rows:52px 62px}
 .site-header .header-contacts{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}
}
@media(max-width:400px){
 .site-header{padding-inline:12px;gap:0 4px}
 .site-header .brand img{width:clamp(72px,calc(100vw - 248px),96px)}
 .site-header .header-cta{padding-inline:8px}
 .site-header .header-cta>span{display:none}
}
@media(prefers-reduced-motion:reduce){.contact-pulse{animation:none}}