/* Product and service slides: clear photography, open space and useful detail. */
.hero-slide--systems,.hero-slide--care{background:#061c43}
.hero-slide--systems .slide-shade,.hero-slide--care .slide-shade{z-index:-1;background:radial-gradient(ellipse at 84% 44%,#1357a85e,transparent 58%),linear-gradient(125deg,#061c43,#072757)}
.hero-slide--systems .slide-inner,.hero-slide--care .slide-inner{z-index:1;grid-template-columns:1fr;padding-top:70px;padding-bottom:142px}
.hero-slide--systems .slide-copy,.hero-slide--care .slide-copy{width:48%;max-width:560px}
.hero-slide--systems .slide-title,.hero-slide--care .slide-title{font-size:clamp(52px,4.6vw,72px);line-height:1.12;letter-spacing:-3.2px;margin-bottom:23px}
.hero-slide--systems .slide-copy>p,.hero-slide--care .slide-copy>p{max-width:445px;font-size:14px;line-height:1.85;margin-bottom:27px}
.hero-slide--systems .slide-kicker,.hero-slide--care .slide-kicker{font-size:9px;letter-spacing:1.85px;margin-bottom:23px;line-height:1.8}
.hero-slide--systems .slide-note,.hero-slide--care .slide-note{display:none}
.hero-slide--systems .slide-aside,.hero-slide--care .slide-aside{display:none}
.hero-slide--systems .slide-media,.hero-slide--care .slide-media{z-index:0;left:54%;right:max(44px,calc((100vw - 1232px)/2));top:88px;bottom:142px;background:#edf4fc;border:1px solid #a7cfff4d;border-radius:24px;overflow:hidden;box-shadow:0 26px 75px #000e282e,0 0 0 9px #75b6ff06}
.hero-slide--systems .slide-media img,.hero-slide--care .slide-media img{display:block;width:100%;height:100%;transform:none!important;transition:none;filter:none;object-position:center}
.hero-slide--systems .slide-media img{object-fit:contain;background:#eaf2fc}
.hero-slide--care .slide-media img{object-fit:cover;object-position:50% 45%}
.slide-features{display:flex;align-items:flex-start;flex-wrap:wrap;gap:13px 20px;max-width:490px;margin-top:28px;padding-top:22px;border-top:1px solid #95bce529}
.slide-features>span{display:flex;align-items:center;gap:7px;color:#a9c8ec;font-size:10px;line-height:1.6;font-weight:500;white-space:nowrap}
.slide-features svg{flex-shrink:0;width:16px;height:16px;color:#73b9ff;stroke-width:1.6}

@media(min-width:1600px){
 .hero-slide--systems .slide-media,.hero-slide--care .slide-media{right:max(44px,calc((100vw - 1352px)/2));top:97px;bottom:155px}
 .hero-slide--systems .slide-title,.hero-slide--care .slide-title{font-size:78px}
 .hero-slide--systems .slide-copy>p,.hero-slide--care .slide-copy>p{font-size:15px}
}
@media(max-width:1190px){
 .hero-slide--systems .slide-copy,.hero-slide--care .slide-copy{width:49%}
 .hero-slide--systems .slide-media,.hero-slide--care .slide-media{left:56%;right:36px;top:98px;bottom:149px;border-radius:21px}
 .hero-slide--systems .slide-title,.hero-slide--care .slide-title{font-size:57px;letter-spacing:-2.6px}
 .hero-slide--systems .slide-copy>p,.hero-slide--care .slide-copy>p{font-size:13px;max-width:390px}
 .hero-slide--systems .slide-copy .button,.hero-slide--care .slide-copy .button{font-size:11px;padding:14px 18px}
 .slide-features{gap:11px 15px;margin-top:25px;padding-top:20px}
 .slide-features>span{font-size:9px;gap:6px}
 .slide-features svg{width:15px;height:15px}
}
@media(min-width:761px) and (max-width:950px){
 .hero-slide--systems .slide-copy,.hero-slide--care .slide-copy{width:51%}
 .hero-slide--systems .slide-media,.hero-slide--care .slide-media{left:57%;right:28px;top:113px;bottom:159px;border-radius:19px}
 .hero-slide--systems .slide-title,.hero-slide--care .slide-title{font-size:50px;letter-spacing:-2.2px}
 .hero-slide--systems .slide-kicker,.hero-slide--care .slide-kicker{font-size:8px;letter-spacing:1.3px}
 .hero-slide--systems .slide-copy>p,.hero-slide--care .slide-copy>p{font-size:12px;line-height:1.9}
 .hero-slide--systems .slide-copy .actions,.hero-slide--care .slide-copy .actions{gap:9px}
 .hero-slide--systems .slide-copy .button,.hero-slide--care .slide-copy .button{font-size:10px;padding:13px 14px;gap:8px}
 .slide-features{column-gap:13px;row-gap:10px}
}
@media(max-width:760px){
 /* In document flow, the picture always starts below the complete copy. */
 .hero-slide--systems,.hero-slide--care{display:flex;flex-direction:column;min-height:820px}
 .hero-slide--systems .slide-inner,.hero-slide--care .slide-inner{order:0;display:block;flex:0 0 auto;min-height:0;width:100%;padding-top:38px;padding-bottom:0;margin:0 auto}
 .hero-slide--systems .slide-copy,.hero-slide--care .slide-copy{width:100%;max-width:100%}
 .hero-slide--systems .slide-kicker,.hero-slide--care .slide-kicker{font-size:8px;letter-spacing:1.45px;margin-bottom:18px}
 .hero-slide--systems .slide-title,.hero-slide--care .slide-title{font-size:46px;line-height:1.1;letter-spacing:-2.5px;margin-bottom:18px}
 .hero-slide--systems .slide-copy>p,.hero-slide--care .slide-copy>p{font-size:13px;line-height:1.75;max-width:480px;margin-bottom:21px}
 .hero-slide--systems .slide-copy .button,.hero-slide--care .slide-copy .button{font-size:11px;min-height:45px;padding:13px 17px;gap:9px}
 .hero-slide--systems .slide-media,.hero-slide--care .slide-media{position:relative;order:1;inset:auto;flex:0 0 245px;width:calc(100% - 56px);max-width:560px;height:245px;margin:25px auto 135px;border-radius:18px;box-shadow:0 13px 35px #000d2426,0 0 0 5px #75b6ff06}
 .hero-slide--systems .slide-media img{object-fit:contain}
 .hero-slide--care .slide-media img{object-position:center 45%}
 .hero-slide--systems .slide-shade,.hero-slide--care .slide-shade{background:radial-gradient(ellipse at 80% 68%,#1458a64d,transparent 57%),#061c43}
 .slide-features{max-width:100%;margin-top:19px;padding-top:16px;gap:10px 18px}
 .slide-features>span{font-size:9px;gap:6px}
 .slide-features svg{width:14px;height:14px}
}
@media(max-width:600px){
 .hero-slide--systems .slide-title,.hero-slide--care .slide-title{font-size:clamp(40px,11.7vw,46px)}
 .hero-slide--systems .slide-media,.hero-slide--care .slide-media{width:calc(100% - 44px);max-width:440px;height:220px;flex-basis:220px;margin-top:23px;margin-bottom:135px;border-radius:16px}
 .hero-slide--systems .slide-copy>p,.hero-slide--care .slide-copy>p{font-size:12px;line-height:1.8}
 .slide-features{gap:9px 14px;padding-top:15px}
 .slide-features>span{font-size:8px;gap:5px}
 .slide-features svg{width:13px;height:13px}
}
@media(max-width:380px){
 .hero-slide--systems .slide-inner,.hero-slide--care .slide-inner{padding-top:33px}
 .hero-slide--systems .slide-title,.hero-slide--care .slide-title{font-size:40px;letter-spacing:-2px}
 .hero-slide--systems .slide-kicker,.hero-slide--care .slide-kicker{font-size:7px;letter-spacing:1.15px}
 .hero-slide--systems .slide-copy .actions,.hero-slide--care .slide-copy .actions{gap:8px}
 .hero-slide--systems .slide-copy .button,.hero-slide--care .slide-copy .button{font-size:10px;padding:12px 13px;gap:7px}
 .hero-slide--systems .slide-media,.hero-slide--care .slide-media{width:calc(100% - 38px);height:205px;flex-basis:205px;margin-top:21px}
 .slide-features{column-gap:12px;row-gap:8px}
}