.stepconnector{--stepconnector-color-active:var(--color-primary);--stepconnector-color-inactive:var(--color-neutral-400);--stepconnector-stroke-width:2px;--stepconnector-dash:6 5;color:var(--stepconnector-color-inactive);flex-shrink:0;transition:color .3s;display:flex}.stepconnector[data-state=active]{color:var(--stepconnector-color-active)}.stepconnector[data-state=inactive]{color:var(--stepconnector-color-inactive)}.stepconnector__svg{width:100%;height:100%;display:block}.stepconnector__path{fill:none;stroke:currentColor;stroke-dasharray:var(--stepconnector-dash);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--stepconnector-stroke-width);transition:stroke .3s}.stepconnector[data-state=active] .stepconnector__path{stroke:var(--stepconnector-color-active)}.stepconnector[data-state=inactive] .stepconnector__path{stroke:var(--stepconnector-color-inactive)}.stepconnector__arrowhead{fill:currentColor;stroke:none;transition:fill .3s}.stepconnector[data-state=active] .stepconnector__arrowhead{fill:var(--stepconnector-color-active)}.stepconnector[data-state=inactive] .stepconnector__arrowhead{fill:var(--stepconnector-color-inactive)}.stepconnector--horizontal-right,.stepconnector--horizontal-left{width:4rem;height:100%;min-height:15rem}.stepconnector--vertical-down,.stepconnector--vertical-up{width:100%;max-width:15rem;height:4rem;margin-inline:auto}.stepconnector--right-down,.stepconnector--left-down{width:var(--stepconnector-width,12rem);max-width:none;height:5rem}.stepconnector--down{width:1.5rem;height:4rem;margin-inline:auto}.stepconnector--geometry{width:100%;max-width:none;height:100%}.stepconnector[data-custom-width]{width:var(--stepconnector-width);max-width:none}.stepconnector--geometry[data-custom-width]{width:100%;height:100%}.stepconnector--align-center{justify-content:center;align-items:center}.stepconnector--align-start{justify-content:center;align-items:flex-start}.stepconnector--align-end{justify-content:center;align-items:flex-end}.stepconnector-scroll-flow{flex-direction:column;gap:4rem;display:flex}.stepconnector-scroll-flow__step{scroll-margin-top:6rem}.stepconnector-scroll-flow__connector{justify-content:center;width:100%;display:flex}
.how-it-works{--how-it-works-card-width:28rem;--how-it-works-connector-width:14rem;flex-direction:column;gap:5rem;width:100%;display:flex;position:relative}.how-it-works p{margin-top:0;margin-bottom:0}.how-it-works__step{width:var(--how-it-works-card-width);min-width:0;max-width:100%;scroll-margin-top:6rem}.how-it-works__step[data-align=left]{align-self:flex-start}.how-it-works__step[data-align=right]{align-self:flex-end}.how-it-works__connector{width:var(--how-it-works-connector-width);flex-shrink:0;align-self:stretch;min-height:5rem;padding-block:0;display:flex}.how-it-works__connector--overlay{z-index:1;pointer-events:none;width:auto;min-height:0;margin:0;padding:0;position:absolute}.how-it-works--mobile{gap:3rem}.how-it-works--mobile .how-it-works__step,.how-it-works--mobile .how-it-works__step[data-align=left],.how-it-works--mobile .how-it-works__step[data-align=right]{align-self:stretch;width:100%;max-width:100%}.how-it-works--mobile .how-it-works__connector,.how-it-works--mobile .how-it-works__connector[data-align=right],.how-it-works--mobile .how-it-works__connector[data-align=left]{justify-content:center;align-self:center;width:100%;min-height:4rem;margin:0}@media (max-width:1023px){.how-it-works:not(.how-it-works--mobile) .how-it-works__step{align-self:stretch;width:100%}}.how-it-works--stepper{flex-direction:column;gap:0;width:100%;max-width:36rem;display:flex}.how-it-works--stepper .how-it-works__step{align-self:stretch;width:100%;max-width:100%;scroll-margin-top:6rem;position:relative}.how-it-works--stepper .how-it-works__step:not(:last-child){padding-bottom:2.5rem}.how-it-works--stepper .how-it-works__step:not(:last-child):after{z-index:0;background-color:var(--color-neutral-300);pointer-events:none;content:"";width:3px;position:absolute;top:2rem;bottom:0;left:1rem;transform:translate(-50%)}.container:has(>.how-it-works--stepper-no-trail){max-width:none;padding-inline:0}.how-it-works--stepper-no-trail{max-width:none}.how-it-works--stepper-no-trail .how-it-works__step:not(:last-child){padding-bottom:1.5rem}.how-it-works--stepper-no-trail .how-it-works__step:not(:last-child):after{content:none}