.campaign-hero{background:#F3F9FC}
.journey-banner a{display:block}
.journey-banner img{width:100%;height:auto}
.campaign-carousel{position:relative;overflow:hidden}
.campaign-track{display:flex;width:100%;transition:transform .6s ease-in-out}
.campaign-slide{position:relative;isolation:isolate;flex:0 0 100%;min-width:0;min-height:470px;overflow:hidden;background:#F6FAFC}
.campaign-slide[hidden]{display:none}
.campaign-track{align-items:flex-start}
.campaign-carousel:has(.campaign-image-slide[aria-hidden="false"]){height:42.424242vw}
.campaign-slide.campaign-image-slide{min-height:0;height:42.424242vw}
.campaign-image-slide:after{display:none}
.campaign-image-slide .campaign-content{display:none}
.campaign-image-slide .campaign-background{inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.campaign-image-shop,.campaign-image-demo{position:absolute;top:61.8%;height:6.6%;border-radius:30px;z-index:1}
.campaign-image-shop{left:4.73%;width:10.5%}
.campaign-image-demo{left:15.91%;width:10.6%}
/* Align clickable links with the CTA buttons in each banner image. */
#campaign-slide-0.campaign-image-slide .campaign-image-shop{top:68.83%;left:3.88%;width:15.5%;height:8.57%}
#campaign-slide-0.campaign-image-slide .campaign-image-demo{top:68.83%;left:20.44%;width:15.19%;height:8.57%}
#campaign-slide-1.campaign-image-slide .campaign-image-shop{top:59.97%;left:4.06%;width:11.63%;height:6.94%}
#campaign-slide-1.campaign-image-slide .campaign-image-demo{top:59.97%;left:16.44%;width:12.44%;height:6.94%}
#campaign-slide-2.campaign-image-slide .campaign-image-shop{top:65.14%;left:4.31%;width:15.81%;height:8.57%}
#campaign-slide-2.campaign-image-slide .campaign-image-demo{top:65.14%;left:21.19%;width:15.88%;height:8.57%}
.campaign-image-shop:focus-visible,.campaign-image-demo:focus-visible{outline:3px solid #fff;outline-offset:3px}
.campaign-desktop-image-link{display:none}
@media(min-width:601px){
 .campaign-carousel:has(.campaign-desktop-image-slide[aria-hidden="false"]){height:42.424242vw}
 .campaign-slide.campaign-desktop-image-slide{height:42.424242vw;min-height:0}
 .campaign-desktop-image-slide:after,.campaign-desktop-image-slide .campaign-content{display:none}
 .campaign-desktop-image-slide .campaign-background{inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
 .campaign-desktop-image-slide .campaign-desktop-image-link{display:block;top:76%;height:8.5%;width:15%}
 .campaign-desktop-image-slide .campaign-image-shop{left:4.5%}
 .campaign-desktop-image-slide .campaign-image-demo{left:20.3%}
 #campaign-slide-2.campaign-desktop-image-slide .campaign-desktop-image-link{top:68.3%;height:8.5%;width:15.2%}
 #campaign-slide-2.campaign-desktop-image-slide .campaign-image-shop{left:4.55%}
 #campaign-slide-2.campaign-desktop-image-slide .campaign-image-demo{left:20.5%}
}
.campaign-carousel:has(.campaign-image-slide[aria-hidden="false"]) .campaign-arrow{top:50%;bottom:auto;transform:translateY(-50%)}
.campaign-slide .hero-metrics{position:absolute;bottom:0;left:0;right:0;--metrics-background:url('hero.jpg')}
.campaign-carousel.has-metrics .campaign-controls{bottom:108px}
.campaign-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.campaign-slide:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#F6FAFCf2 0%,#F6FAFCe8 25%,#F6FAFC66 43%,transparent 60%)}
.campaign-content{position:relative;min-height:470px;padding-top:26px;padding-bottom:46px;display:flex;justify-content:space-between;align-items:flex-start}
.campaign-copy{max-width:510px}
.campaign-logo{width:234px;height:85px;object-fit:contain;object-position:left;mix-blend-mode:multiply;margin-bottom:11px}
.campaign-tagline{font-size:11px;font-weight:700;letter-spacing:4px;color:#687c90;margin:0 0 12px}
.hero .campaign-title{font-size:45px;line-height:1.06;letter-spacing:-1.6px;margin:0 0 15px;font-weight:850}
.campaign-title span{color:var(--wabio-green-22b600)}
.campaign-description{font-size:15px;line-height:1.4;color:#4c5e73;font-weight:500;max-width:390px}
.campaign-actions{display:flex;gap:12px;margin-top:19px}
.campaign-actions .button{border-radius:30px;padding:12px 22px;font-size:13px;gap:12px}
.campaign-actions .campaign-shop{background:var(--wabio-green-009d86);border-color:var(--wabio-green-009d86)}
.campaign-actions .campaign-shop:hover{background:var(--wabio-green-007e71);border-color:var(--wabio-green-007e71)}
.campaign-actions .campaign-demo{color:var(--wabio-green-22b600);border-color:var(--wabio-green-22b600);background:#ffffffbf}
.campaign-actions .campaign-demo:hover{background:#ECF5FA}
.campaign-features{display:grid;grid-template-columns:repeat(4,1fr);width:470px;margin-top:7px;color:var(--wabio-green-22b600)}
.campaign-features>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding-inline:14px;text-align:center}
.campaign-features>div+div:before{content:"";position:absolute;left:0;top:13px;height:48px;border-left:1px solid var(--wabio-green-22b60080)}
.campaign-features .icon{width:44px;height:44px;padding:10px;border-radius:50%;background:#F5FAFCdc;stroke-width:2.3}
.campaign-features span{font-size:11px;font-weight:700;line-height:1.15;color:#19374c}
.campaign-controls{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;z-index:2;background:#ffffffb8;border:1px solid #72B7D6;border-radius:24px;padding:6px 10px}
.campaign-dot{border:1px solid var(--wabio-green-22b600);background:#fff;color:var(--wabio-green-22b600);width:24px;height:24px;font-size:11px;font-weight:700;padding:0;border-radius:50%}
.campaign-dot[aria-pressed="true"]{background:var(--wabio-green-22b600);color:#fff}
.campaign-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:32px;height:40px;border:1px solid #72B7D6;background:#ffffffc9;color:var(--wabio-green-22b600);border-radius:8px;font-size:30px;line-height:1;box-shadow:0 2px 8px #16365415}
.campaign-arrow:hover{background:#fff}
.campaign-prev{left:10px}.campaign-next{right:10px}
.campaign-pause{border:0;border-left:1px solid #72B7D6;background:transparent;color:var(--wabio-green-22b600);padding:0 0 0 9px;font-size:10px;width:22px;height:14px;line-height:14px}
@media(min-width:1500px){.campaign-slide,.campaign-content{min-height:510px}.campaign-content{padding-top:42px}.hero .campaign-title{font-size:49px}}
@media(max-width:1050px){.campaign-features{width:380px}.campaign-features>div{padding-inline:9px}.campaign-copy{max-width:440px}.hero .campaign-title{font-size:40px}.campaign-description{max-width:350px;font-size:14px}}
@media(max-width:800px){.campaign-slide,.campaign-content{min-height:440px}.campaign-features{width:300px}.campaign-features>div{padding-inline:5px}.campaign-features span{font-size:9px}.campaign-features .icon{width:36px;height:36px;padding:8px}.campaign-logo{width:195px;height:73px}.campaign-copy{max-width:360px}.hero .campaign-title{font-size:34px}.campaign-description{max-width:310px;font-size:13px}.campaign-tagline{font-size:9px;letter-spacing:3px}.campaign-actions .button{font-size:11px;padding:11px 16px;gap:9px}}
@media(max-width:600px){.campaign-slide,.campaign-content{min-height:560px}.campaign-content{padding-top:14px;padding-bottom:230px}.campaign-copy{max-width:100%}.campaign-logo{width:185px;height:65px;margin-bottom:10px}.hero .campaign-title{font-size:34px;letter-spacing:-1px;margin-bottom:12px}.campaign-description{max-width:310px;font-size:12px}.campaign-features{display:none}.campaign-background{inset:auto 0 0;width:100%;height:260px;object-position:right center}.campaign-slide:after{background:linear-gradient(180deg,#F6FAFC 0%,#F6FAFC 49%,#F6FAFC00 77%)}.campaign-actions{gap:10px;margin-top:15px}.campaign-actions .button{padding:11px 16px;font-size:11px}.campaign-controls{bottom:10px}.campaign-tagline{font-size:9px;letter-spacing:3px}}
@media(max-width:600px){.campaign-arrow{top:auto;bottom:95px;transform:none;width:27px;height:34px}.campaign-prev{left:6px}.campaign-next{right:6px}}
@media(max-width:600px){.campaign-carousel.has-metrics .campaign-controls{bottom:85px}}

/* Display the complete portrait artwork with controls below it on phones. */
.campaign-image-shop span,.campaign-image-demo span{display:none}
@media(max-width:600px){
 .campaign-carousel:has(.campaign-mobile-image-slide[aria-hidden="false"]){height:calc(150vw + 48px)}
 .campaign-slide.campaign-mobile-image-slide{height:auto;min-height:0;aspect-ratio:2 / 3}
 .campaign-mobile-image-slide:after,.campaign-mobile-image-slide .campaign-content{display:none}
 .campaign-mobile-image-slide .campaign-desktop-image-link{display:block}
 .campaign-mobile-image-slide .campaign-background{inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
 .campaign-mobile-image-slide .campaign-image-shop,.campaign-mobile-image-slide .campaign-image-demo{top:32%;height:4.7%;width:29%}
 .campaign-mobile-image-slide .campaign-image-shop{left:19.5%}
 .campaign-mobile-image-slide .campaign-image-demo{left:50.2%;width:30.3%}
/* Mobile artwork CTA hit areas: baneer10, baneer9 and baneer11 respectively. */
#campaign-slide-0.campaign-mobile-image-slide .campaign-image-shop,#campaign-slide-0.campaign-mobile-image-slide .campaign-image-demo{top:40.6%;height:4.8%}
#campaign-slide-0.campaign-mobile-image-slide .campaign-image-shop{left:6.3%;width:34.4%}
#campaign-slide-0.campaign-mobile-image-slide .campaign-image-demo{left:42.5%;width:35.4%}
#campaign-slide-1.campaign-mobile-image-slide .campaign-image-shop,#campaign-slide-1.campaign-mobile-image-slide .campaign-image-demo{top:31.3%;height:4.4%}
#campaign-slide-1.campaign-mobile-image-slide .campaign-image-shop{left:6%;width:30%}
#campaign-slide-1.campaign-mobile-image-slide .campaign-image-demo{left:37.5%;width:31.2%}
#campaign-slide-2.campaign-mobile-image-slide .campaign-image-shop,#campaign-slide-2.campaign-mobile-image-slide .campaign-image-demo{top:36.4%;height:5.1%}
#campaign-slide-2.campaign-mobile-image-slide .campaign-image-shop{left:6.2%;width:36.3%}
#campaign-slide-2.campaign-mobile-image-slide .campaign-image-demo{left:44.4%;width:36.2%}
 .campaign-carousel:has(.campaign-mobile-image-slide[aria-hidden="false"]) .campaign-arrow{top:auto;bottom:7px;transform:none}
 .campaign-carousel:has(.campaign-mobile-image-slide[aria-hidden="false"]) .campaign-controls{bottom:6px}
}