/* Figma 2625:3809: desktop scene only. SP retains the original picture/list. */
.business-page .business-flow-visual{display:none}
.business-page .business-flow-visual-column{display:contents}
.business-page .business-flow-left-sticky{display:contents}
.business-page .business-flow-step{display:contents}
@media(min-width:1001px){
 .business-page .business-flow-visual{aspect-ratio:1}
 .business-page .business-flow-diagram-inner{position:relative;aspect-ratio:1;width:100%;container-type:inline-size}
 .business-page .business-flow-visual .flow-shapes{display:block;width:100%;height:auto;overflow:visible}
 .business-page .flow-label{position:absolute;text-align:center;color:#f4f5f6;line-height:1.2;white-space:nowrap}
 .business-page .flow-label strong{display:block;font-size:2.666667cqw;font-weight:700}
 .business-page .flow-label span{display:block;font-size:1.666667cqw;color:#b1b8be;margin-top:.833333cqw}
 .business-page .flow-label-top{left:37.5%;top:19.333333%;width:25%}
 .business-page .flow-label-bottom{left:37.5%;top:74.666667%;width:25%}
 .business-page .flow-label-left{left:9.166667%;top:47%;width:18.833333%}
 .business-page .flow-label-right{left:72%;top:47%;width:24.5%}
 .business-page .business-flow.is-flow-motion .business-flow-diagram{display:none}
 /* One grid row shared by full-height columns; only the inner visual sticks. */
 .business-page .business-flow .business-flow-body{grid-template-areas:"visual content";align-items:stretch;margin-top:0}
 .business-page .business-flow .business-flow-visual-column{grid-area:visual;display:block;position:static;transform:none;overflow:visible;align-self:stretch;min-width:0;min-height:0;height:auto;margin:0 0 -120px}
 .business-page .business-flow .business-flow-left-sticky{display:block;position:sticky;top:calc((100svh - var(--flow-group-height,calc(190px + 600 * var(--business-unit)))) / 2);align-self:start;transform:none;translate:none;transition:none}
 .business-page .business-flow-left-sticky>.business-title{margin-bottom:80px}
 .business-page .business-flow .business-flow-visual{position:relative;top:auto;transform:none;translate:none;transition:none}
 .business-page .business-flow .business-flow-diagram{position:static;top:auto}
 .business-page .business-flow.is-flow-motion .business-flow-visual{display:block;position:relative;top:auto}
 .business-page .business-flow .business-flow-list{grid-area:content;position:static;top:auto;bottom:auto;transform:none;translate:none;align-self:stretch;height:auto;max-height:none;overflow:visible;padding-top:calc(190px + 300 * var(--business-unit));padding-bottom:calc(240 * var(--business-unit))}
 /* Blocks are trigger containers only; spacing follows Figma's content list. */
 .business-page .business-flow .business-flow-step{display:flow-root;min-height:0}
 .business-page .business-flow .business-flow-step>article{position:static;top:auto;transform:none;translate:none}
 .business-page .business-flow .business-flow-step+ .business-flow-step>article{border-top:1px solid #ffffff20;padding-top:40px;margin-top:40px}
 .business-page .business-flow.is-flow-motion .flow-outlines circle,.business-page .business-flow.is-flow-motion .flow-arc{stroke-dasharray:1;stroke-dashoffset:1}
 .business-page .business-flow.is-flow-motion .flow-label,.business-page .business-flow.is-flow-motion .flow-dotted,.business-page .business-flow.is-flow-motion .flow-points,.business-page .business-flow.is-flow-motion .flow-glows{opacity:0}
 .business-page .flow-glows circle{opacity:0}
 .business-page .flow-glows circle:first-child{opacity:1}
 /* State changes stay at fixed coordinates: circle, point, then label. */
 .business-page .business-flow{--flow-step-easing:cubic-bezier(0.22,0.9,0.24,1)}
 .business-page .flow-outlines circle,.business-page .flow-arc{transition:stroke-dashoffset 600ms var(--flow-step-easing)}
 .business-page .flow-glows,.business-page .flow-dotted,.business-page .flow-glows circle{transition:opacity 600ms var(--flow-step-easing)}
 .business-page .flow-points{transition:opacity 420ms var(--flow-step-easing) 90ms}
 .business-page .flow-points circle{transition:fill 420ms var(--flow-step-easing) 90ms}
 .business-page .flow-label{transition:opacity 400ms var(--flow-step-easing) 120ms}
}
@media(prefers-reduced-motion:reduce){
 .business-page .flow-glows circle,.business-page .flow-points circle{transition:none}
}

@media(max-width:1000px){
 .business-page .business-flow .business-flow-body{margin-top:0}
 .business-page .business-flow-left-sticky>.business-title{width:100%}
 .business-page .business-flow .business-flow-step+ .business-flow-step>article{border-top:1px solid #ffffff20;padding-top:24px;margin-top:24px}
}

/* Text is secondary to the once-only initial diagram draw. Its layout box and
   trigger geometry never move; only the heading/body paint is translated. */
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){
 .business-page #support.is-flow-intro .business-flow-step>article>:is(h3,p){
  opacity:0;translate:0 24px;transition:none;
 }
 .business-page #support.is-flow-intro .business-flow-step>article.is-flow-text-visible>:is(h3,p){
  opacity:1;translate:0 0;
  transition:opacity 800ms cubic-bezier(0.22,0.9,0.24,1),translate 800ms cubic-bezier(0.22,0.9,0.24,1);
 }
}