.why-scroll-section{--ws-ink:#f5f8fa;--ws-muted:#b9cad8;--ws-line:#aac2d52b;--ws-green:#a4d363;--ws-panel:#081e30;--ws-header:90px;--ws-stage:max(520px,calc(100svh - var(--ws-header)));padding-block:0!important}
html body[data-spark-page="commercial_advantages"] main .page-hero :is(h1,.page-hero-title,.page-hero-desc){width:100%;max-width:none!important;max-inline-size:none!important;text-wrap:wrap}
.why-scroll-section>.container{width:100%;max-width:none;padding-inline:0}
.why-scroll-layout{display:flex;flex-direction:column;position:relative}
.why-scroll-visual,.why-scroll-flow{min-width:0}
.why-scroll-flow{order:-1}
.why-scroll-frame{position:relative;scroll-margin-top:var(--ws-header)}
.why-scroll-photo{--photo-position:50% center;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1/1.08;background:var(--ws-panel)}
.why-scroll-image,.why-scroll-backdrop{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--photo-position)}
.why-scroll-image{position:relative;z-index:1}
.why-scroll-photo-mask{position:absolute;inset:0;z-index:1;overflow:hidden}
.why-scroll-backdrop{position:absolute;inset:0;opacity:.46;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,black 16%,black 62%,transparent 98%);mask-image:linear-gradient(transparent,black 16%,black 62%,transparent 98%)}
.why-scroll-photo:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(transparent 92%,var(--ws-panel));pointer-events:none}
.why-scroll-frame[data-visual="1"] .why-scroll-photo{--photo-position:65% center}
.why-scroll-frame[data-visual="2"] .why-scroll-photo{--photo-position:27% center}
@supports (mask-image:url("")) or (-webkit-mask-image:url("")){
 .why-scroll-photo-mask{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
}
html[data-color-mode=light] .why-scroll-backdrop{opacity:.36}
.why-scroll-stage{display:none}
/* Original SPARK S, cropped directly from the vector wordmark without redrawing. */
.why-scroll-section{--s-mask:none;--s-size:100% 100%}
.why-scroll-section :is(.why-scroll-backdrop,.why-stage-backdrop){display:none}
@supports (mask-image:url("")) or (-webkit-mask-image:url("")){
 .why-scroll-photo-mask{-webkit-mask-image:var(--s-mask);mask-image:var(--s-mask);-webkit-mask-size:var(--s-size);mask-size:var(--s-size)}
}
html body main .why-scroll-flow #adv-title{margin:0;padding:28px 22px;font-size:clamp(17px,1.6vw,25px);line-height:1.4;font-weight:600;color:var(--ws-ink)!important;opacity:1!important;visibility:visible!important;transform:none!important}
.why-scroll-item{position:relative;padding:28px 22px 52px;box-sizing:border-box}
html body main .why-scroll-item h3{font-size:clamp(34px,4.4vw,64px);font-weight:500;line-height:1.16;letter-spacing:-.025em;margin:0 0 28px;max-width:17ch;color:var(--ws-green)!important}
html body main .why-scroll-item p{font-size:clamp(20px,1.9vw,26px);line-height:1.65;margin:0;max-width:40ch;color:var(--ws-muted)!important}
.why-scroll-item :is(h3,p){opacity:1!important;transform:none!important;filter:none!important}
.why-scroll-word{white-space:nowrap}
.why-scroll-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.why-scroll-item.is-typing .why-scroll-character{animation:why-character-in .28s ease-out both;animation-delay:var(--character-delay,0ms)}
@keyframes why-character-in{from{opacity:0}to{opacity:1}}
html[data-color-mode=light] .why-scroll-section{--ws-ink:#123452;--ws-muted:#496176;--ws-line:#12345225;--ws-green:#507b22;--ws-panel:#f4f7f9}
html body main .why-scroll-frame>.why-scroll-map{display:flex;align-items:center;width:100%;max-width:none;margin:0;padding:clamp(12px,2vw,36px);box-sizing:border-box;background:var(--ws-panel)!important}
html body main .why-scroll-map .connectivity-map{width:100%;margin:0;border:0;border-radius:0;background:transparent;transform:scale(1.12);transform-origin:center}
.why-scroll-map .connectivity-map>img{width:100%;height:auto}
@media(min-width:801px){
 .why-scroll-layout.is-enhanced{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
 .is-enhanced .why-scroll-visual{border-inline-end:1px solid var(--ws-line)}
 .is-enhanced .why-scroll-frame{height:var(--ws-stage);background:var(--ws-panel)}
 .is-enhanced .why-scroll-photo{height:100%;aspect-ratio:auto}
 .is-enhanced .why-scroll-flow{position:sticky;top:var(--ws-header);order:0;min-height:var(--ws-stage);display:flex;flex-direction:column;justify-content:center;padding:110px clamp(28px,4.5vw,90px) 60px;box-sizing:border-box}
 html body main .is-enhanced .why-scroll-flow #adv-title{position:absolute;inset-block-start:clamp(28px,6vh,70px);inset-inline:clamp(28px,4.5vw,90px);padding:0}
 .is-enhanced .why-scroll-copy-stack{display:grid}
 .is-enhanced .why-scroll-copy-stack>.why-scroll-item{grid-area:1/1;padding:0;align-self:start;visibility:hidden;pointer-events:none}
 .is-enhanced .why-scroll-copy-stack>.why-scroll-item.is-active{visibility:visible;pointer-events:auto}
 html body main .is-enhanced .why-scroll-frame>.why-scroll-map{height:100%}
 /* Share a grid cell instead of a negative margin: the sticky image keeps its
    full height for end-of-section containment and releases before the footer. */
 .has-fixed-image-stage .why-scroll-visual{display:grid;grid-template-columns:minmax(0,1fr)}
 .has-fixed-image-stage .why-scroll-images,.has-fixed-image-stage .why-scroll-stage{grid-area:1/1;min-width:0}
 .has-fixed-image-stage .why-scroll-stage{display:block;position:sticky;align-self:start;top:var(--ws-header);height:var(--ws-stage);overflow:hidden;z-index:1;background:var(--ws-panel)}
 .has-fixed-image-stage .why-scroll-frame>.why-scroll-photo{display:none}
 .why-stage-mask,.why-stage-backdrop{position:absolute;inset:0;overflow:hidden}
 .why-stage-mask{-webkit-mask:url("../assets/images/why-benefits-20261020/spark-s-mask.svg") center/100% 100% no-repeat;mask:url("../assets/images/why-benefits-20261020/spark-s-mask.svg") center/100% 100% no-repeat}
 .why-stage-mask{-webkit-mask-image:var(--s-mask);mask-image:var(--s-mask);-webkit-mask-size:var(--s-size);mask-size:var(--s-size)}
 .why-scroll-stage .why-stage-mask{animation:s-study-soft 900ms ease-out both}
 .why-stage-backdrop{opacity:.46;-webkit-mask-image:linear-gradient(transparent,black 16%,black 62%,transparent 98%);mask-image:linear-gradient(transparent,black 16%,black 62%,transparent 98%)}
 html[data-color-mode=light] .why-stage-backdrop{opacity:.36}
 .why-stage-track{height:100%;will-change:transform}
 .why-stage-slide{height:100%;width:100%}
 .why-stage-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
 .why-stage-slide[data-visual="1"] .why-stage-image{object-position:65% center}
 .why-stage-slide[data-visual="2"] .why-stage-image{object-position:27% center}
 .why-scroll-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 92%,var(--ws-panel));pointer-events:none}
 html body main .why-scroll-stage>.why-scroll-map{position:absolute;inset:0;display:flex;align-items:center;width:100%;height:100%;margin:0;padding:clamp(12px,2vw,36px);box-sizing:border-box;background:var(--ws-panel)!important;visibility:hidden;opacity:0;z-index:2}
 .why-scroll-stage.is-map-active :is(.why-stage-mask,.why-stage-backdrop){visibility:hidden}
 html body main .why-scroll-stage.is-map-active>.why-scroll-map{visibility:visible;opacity:1}
}
@keyframes s-study-soft{from{opacity:0}to{opacity:1}}
/* Move the photograph, never the original logo silhouette. */
@keyframes why-photo-rise{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}
@media(max-width:800px){
 .why-scroll-map .connectivity-map{overflow:visible}
 .why-scroll-frame.is-current .why-scroll-image{animation:why-photo-rise 1400ms cubic-bezier(.22,1,.36,1) both}
}
@media(prefers-reduced-motion:reduce){
 .why-scroll-item.is-typing .why-scroll-character{animation:none;opacity:1}
 .why-scroll-stage .why-stage-mask,.why-scroll-stage .why-stage-image{animation:none!important}
 .why-scroll-frame .why-scroll-image{animation:none!important}
}