@property --glow{syntax:"<number>";inherits:false;initial-value:0}@property --zone{syntax:"<number>";inherits:true;initial-value:0}@property --pulse{syntax:"<number>";inherits:false;initial-value:0}.process-flow{--zone:0}.process-flow,.process-flow .process-step,.process-flow .process-step-icon-halo,.process-flow-track{overflow:visible}.process-flow-track{-ms-overflow-style:none;scrollbar-width:none}.process-flow-track::-webkit-scrollbar{display:none}@media (max-width:1023px){.process-flow-track{overflow-x:auto;overflow-y:visible;padding-top:1.25rem;padding-bottom:.75rem}.process-flow-track-inner{padding-top:1.5rem;padding-bottom:.75rem}}@media (min-width:1024px){.process-flow-track{overflow:visible}}.process-flow-spotlight{will-change:transform,opacity}.process-flow .process-step{--glow:0;--pulse:0;--step-glow:calc(var(--glow) * var(--zone))}.process-flow .process-step-icon-halo{position:relative;width:8rem;height:9.75rem;flex-shrink:0;margin-inline:auto;margin-bottom:-.25rem}.process-flow .process-step-icon-glow{position:absolute;left:50%;top:3.75rem;z-index:0;width:3.75rem;height:3.75rem;border-radius:9999px;background:rgba(255,255,255,.38);filter:blur(18px);opacity:calc(var(--step-glow) * .62 + var(--pulse) * .12);transform:translate(-50%,calc(var(--step-glow) * -7px)) scale(calc(.8 + var(--step-glow) * .38 + var(--pulse) * .06));transition:opacity .95s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1);pointer-events:none}.process-flow .process-step-icon{position:absolute;left:50%;top:3.75rem;z-index:10;display:flex;height:3.5rem;width:3.5rem;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgba(255,255,255,.15);background-color:rgba(255,255,255,.08);color:#fff;transform:translate(-50%,calc(var(--step-glow) * -7px)) scale(calc(1 + var(--step-glow) * .07 + var(--pulse) * .025));transition:border-color .95s cubic-bezier(.22,1,.36,1),background-color .95s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1),box-shadow .95s cubic-bezier(.22,1,.36,1);border-color:rgba(255,255,255,calc(.15 + var(--step-glow) * .42));background-color:rgba(255,255,255,calc(.06 + var(--step-glow) * .14));box-shadow:0 0 calc(var(--step-glow) * 22px) rgba(255,255,255,calc(var(--step-glow) * .16))}.process-flow .process-step-icon-inner{display:flex;transform:scale(calc(1 + var(--step-glow) * .05 + var(--pulse) * .04));transition:transform .95s cubic-bezier(.22,1,.36,1)}.process-flow .process-step-line{top:5.5rem;background:linear-gradient(90deg,rgba(255,255,255,calc(.12 + var(--step-glow) * .4)),rgba(255,255,255,.08));opacity:calc(.35 + var(--step-glow) * .55);transform:scaleX(calc(.88 + var(--step-glow) * .12));transition:opacity .95s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1)}.process-flow .process-step-title{opacity:calc(.72 + var(--step-glow) * .28);transition:opacity .95s cubic-bezier(.22,1,.36,1)}.process-flow .process-step-sub{opacity:calc(.48 + var(--step-glow) * .4);transition:opacity .95s cubic-bezier(.22,1,.36,1)}.process-flow .process-step-desc{opacity:calc(.52 + var(--step-glow) * .38);transition:opacity .95s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.process-flow .process-step-icon,.process-flow .process-step-icon-glow,.process-flow .process-step-icon-inner{transition-duration:.01ms}}