/* Product-family hero: HTML copy remains separate from the concept image. */
body .hero{background-color:#061d40;background-image:url('assets/product-family-banner.png');background-position:right center;background-size:auto 100%;background-repeat:no-repeat;padding:24px 0;min-height:330px;position:relative;isolation:isolate}
body .hero .container{position:relative;z-index:1}
body .hero h1{max-width:44%;font-size:clamp(30px,3.05vw,44px);line-height:1.35;margin:0;letter-spacing:0}
body .hero p{max-width:42%;font-size:15px;line-height:1.6;margin:12px 0 20px;color:#d8e7f5;letter-spacing:0}
body .hero p.hero-eyebrow{font-size:12px;margin:0 0 14px;color:#a8cbdc;letter-spacing:.08em}
body .hero .actions{max-width:44%;gap:18px;flex-wrap:wrap;font-size:15px}
body .hero .button{padding:13px 18px}
body .hero .hero-help{font-size:15px;padding:10px 0}
html[lang=en] body .hero h1{font-size:clamp(28px,2.55vw,38px)}
html[lang=en] body .hero p.hero-eyebrow{font-size:11px;letter-spacing:.04em}
@media(max-width:900px){body .hero{padding:24px 0 0;min-height:0;background-image:none}body .hero h1,body .hero p,body .hero .actions{max-width:100%}body .hero h1{font-size:30px}html[lang=en] body .hero h1{font-size:29px}body .hero p{font-size:14px;margin:14px 0 17px}body .hero p.hero-eyebrow{font-size:10px;margin-bottom:12px}body .hero .actions{gap:16px}body .hero::after{content:'';display:block;width:100%;aspect-ratio:2.1;background:url('assets/product-family-banner.png') right center/180% auto no-repeat;margin-top:8px}body .hero .hero-help{font-size:14px}}