/* Image composition v2: shared pale-blue canvas, compact right-hand artwork. */
.hero{background:#edf5fb;display:block}
.hero:after{display:none}
.hero-art{position:absolute;inset:0;width:100%;height:100%;margin:0;aspect-ratio:auto;object-fit:contain;object-position:right center}
.hero-inner{min-height:550px}
.hero-copy{width:55%;max-width:590px;padding:56px 0}
.hero h1{font-size:clamp(36px,4.15vw,58px);letter-spacing:.025em}
.solution{padding:0;background:#edf5fb;overflow:hidden}
.solution-grid{position:relative;display:block;min-height:475px}
.solution-art{position:absolute;inset:0;margin:0;pointer-events:none}
.solution-image{position:absolute;inset:0;background:transparent;border-radius:0;overflow:visible}
.solution-image img{position:absolute;right:0;top:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:right center;mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 89%,transparent)}
.solution-caption{position:absolute;bottom:20px;right:0;margin:0;font-size:10px}
.solution-copy{position:relative;z-index:1;width:48%;max-width:510px;padding:60px 0}
.solution-copy h2{font-size:clamp(27px,3vw,38px)}
.solution-copy>p{font-size:15px}
.solution-points li{font-size:14px}
@media(min-width:1450px){.hero-art{width:100%}.hero-copy{max-width:590px}.hero:after{display:none}}
@media(min-width:761px) and (max-width:1080px){
.hero-inner{min-height:500px}.hero h1{font-size:38px}.hero-copy{width:57%;max-width:57%}.hero-art{width:100%}
.hero-lead{font-size:14px}.hero-action .button{min-width:0;font-size:14px;gap:16px}
.solution-copy{width:48%;padding:45px 0}.solution-points li{font-size:12px;gap:8px}.solution-copy>p{font-size:14px}.solution-grid{min-height:450px}
}
@media(max-width:760px){
.hero{display:block}.hero-inner{min-height:390px;order:initial}
.hero-copy{width:56%;max-width:56%;padding:32px 0}
.hero h1{font-size:clamp(18px,4.1vw,31px);line-height:1.55;letter-spacing:0}
.hero .pill{font-size:clamp(10px,1.6vw,12px);padding:4px 7px}
.hero .overline{font-size:10px;letter-spacing:.1em;margin-bottom:12px}
.hero-lead{font-size:clamp(12px,1.85vw,14px);line-height:1.85;margin-top:17px}
.hero-lead br{display:none}
.hero-art{inset:0;top:0;bottom:0;right:0;width:100%;max-width:100%;height:100%;object-fit:contain;object-position:right center;margin:0;aspect-ratio:auto}
.hero-action{margin-top:19px}.hero-action .button{min-width:0;width:100%;min-height:46px;padding:11px 10px;font-size:clamp(11px,1.8vw,14px);gap:8px;line-height:1.6}
.hero-action .button .arrow{font-size:18px;flex-shrink:0}
.hero-action p{font-size:10px;line-height:1.7}
.solution-grid{min-height:390px;display:flex;align-items:center}
.solution-copy{width:53%;max-width:53%;padding:35px 0}
.solution-copy h2{font-size:clamp(18px,3.7vw,28px);line-height:1.65;letter-spacing:0}
.solution-copy>p{font-size:clamp(12px,1.85vw,14px);line-height:1.85}
.solution-copy .section-heading{margin-bottom:16px}
.solution-points{margin-top:18px;gap:11px}
.solution-points li{font-size:clamp(11px,1.7vw,13px);line-height:1.7;gap:7px;align-items:flex-start}
.solution-points .check{width:16px;height:16px;font-size:10px;margin-top:2px}
.solution-image img{top:0;bottom:0;right:-10px;width:100%;max-width:100%;height:100%;object-fit:contain;object-position:right center}
.solution-caption{bottom:12px;right:0;max-width:43%;font-size:9px;line-height:1.5;text-align:right;z-index:2}
}
@media(max-width:360px){
.hero .container,.solution .container{width:calc(100% - 28px)}
.hero h1{font-size:17px}.hero-copy{padding:27px 0}
.hero .pill{font-size:10px}.hero-action .button{font-size:11px;padding:10px 8px}
.solution-copy h2{font-size:17px}.solution-copy{padding:30px 0}
}