.wave-flow-stage{position:relative;margin-top:56px;isolation:isolate;overflow:clip;padding-top:36px;padding-bottom:28px}
.wave-flow-stage .brand-flow{margin:0}
.wave-flow-stage .brand-flow::before,.wave-flow-stage .brand-flow::after{display:none}
.wave-flow-stage .brand-flow li{opacity:1!important;transform:none!important;transition:none}
.flow-wave-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}
.wave-flow-stage .flow-dot{position:relative;left:auto;top:auto;opacity:.6;transition:opacity .3s,transform .4s;background:#a58be8;border-color:#eee6fa}
.wave-flow-stage .brand-flow h3{transition:color .3s,opacity .5s,translate .5s}
.wave-flow-stage .brand-flow p{transition:opacity .6s,translate .6s}
.wave-flow-stage.has-journey li:not(.is-revealed) :is(h3,p){opacity:0;translate:0 5px}
.wave-flow-stage li.is-revealed :is(h3,p){opacity:1;translate:0 0}
.wave-flow-stage li.is-current h3{color:var(--purple)}
.wave-flow-stage li.is-current .flow-dot{opacity:1;transform:scale(1.2);background:var(--purple)}
.wave-flow-stage li.is-arrived .flow-dot::after{content:'';position:absolute;inset:-5px;border:1px solid #9572dc;border-radius:50%;animation:flow-ripple .8s ease-out both}
.wave-flow-stage li.is-arrived p{animation:flow-share .65s ease-out both}
@keyframes flow-ripple{from{transform:scale(1);opacity:.3}to{transform:scale(1.8);opacity:0}}
@keyframes flow-share{from{transform:translateY(5px);opacity:.7}to{transform:translateY(0);opacity:1}}
@media(max-width:520px){.wave-flow-stage{margin-top:30px;padding-top:22px}.wave-flow-stage .flow-dot{position:absolute;left:6px;top:9px;margin:0}}
@media(prefers-reduced-motion:reduce){.flow-boat{display:none}.wave-flow-stage *{animation:none!important;transition:none!important}.wave-flow-stage li.is-current h3{color:inherit}.wave-flow-stage .flow-dot{opacity:1;transform:none}.wave-flow-stage.has-journey li :is(h3,p){opacity:1;translate:none}}