/* Keep navigation and contact actions aligned as one header. */
html[data-typography="libre"] header.nav{max-width:1440px;column-gap:24px;min-height:96px;padding-top:14px;padding-bottom:14px;justify-content:space-between}
html[data-typography="libre"] header.nav .brand .zone-loader-art{width:64px;height:64px;flex:0 0 64px}
html[data-typography="libre"] header.nav .brand .zone-loader-art>img{width:64px;height:64px}
html[data-typography="libre"] header.nav .navlinks{flex:1;min-width:0;gap:12px;justify-content:flex-end;align-items:center;margin-left:0}
html[data-typography="libre"] header.nav .header-actions{gap:10px;flex-wrap:nowrap;align-items:center}
html[data-typography="libre"] header.nav .header-actions>.button{padding:12px 15px;white-space:nowrap}
html[data-typography="libre"] header.nav .header-socials{gap:4px}
html[data-typography="libre"] header.nav .header-socials a{width:28px;height:32px;border:0;background:transparent}
html[data-typography="libre"] header.nav .header-socials a:hover{background:var(--blue);color:white}
@media(min-width:1280px){html[data-typography="libre"] header.nav .navlinks{flex-wrap:nowrap;gap:10px}}
@media(min-width:701px) and (max-width:1279px){
 html[data-typography="libre"] header.nav .header-actions{flex-basis:100%;justify-content:flex-end}
}
@media(max-width:700px){
 html[data-typography="libre"] header.nav{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-top:16px;padding-bottom:16px}
 html[data-typography="libre"] header.nav .brand{align-self:center}
 html[data-typography="libre"] header.nav .navlinks{justify-content:center;gap:10px 14px}
 html[data-typography="libre"] header.nav .header-actions{flex-basis:100%;justify-content:center;flex-wrap:wrap;gap:8px 12px}
 html[data-typography="libre"] header.nav .header-socials a{width:30px;height:32px}
}

.hero-company-name{font-size:clamp(26px,2.8vw,40px);font-weight:600;line-height:1.2;letter-spacing:.015em;margin:0 0 22px}
.contact-socials{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0 18px}
.contact-socials a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:4px;text-decoration:none;color:inherit}
.contact-socials a:hover{background:var(--blue);color:white}
.contact-socials svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.hero-company-name{font-size:26px;margin-bottom:18px}}