.pflow{--node: 3.25rem;--pf-line: var(--color-line);--pf-fill: var(--color-ocean);--pf-title: var(--color-navy);--pf-text: var(--color-text-muted);--pf-node-bg: var(--color-white);--pf-node-border: var(--color-line);--pf-node-text: var(--color-text-muted);position:relative}.pflow--dark{--pf-line: rgba(255, 255, 255, .22);--pf-fill: var(--color-sky);--pf-title: var(--color-white);--pf-text: rgba(255, 255, 255, .74);--pf-node-bg: rgba(255, 255, 255, .04);--pf-node-border: rgba(255, 255, 255, .3);--pf-node-text: rgba(255, 255, 255, .7)}.pflow__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pflow__steps{position:relative;z-index:1;display:grid;gap:0;max-width:38rem;list-style:none;margin:0 auto;padding:0}.pflow__step{position:relative;display:grid;align-content:start;grid-template-columns:var(--node) 1fr;column-gap:1.25rem;padding-bottom:2.25rem}.pflow__step:last-child{padding-bottom:0}.pflow__step:not(:last-child):before,.pflow__step:not(:last-child):after{content:"";position:absolute;left:calc(var(--node) / 2 - 1px);top:calc(var(--node) + .375rem);bottom:.375rem;width:2px;border-radius:2px}.pflow__step:not(:last-child):before{background-color:var(--pf-line)}.pflow__step:not(:last-child):after{background-color:var(--pf-fill);transform-origin:top center;transform:scaleY(var(--seg, 1))}.pflow--animated .pflow__step:nth-child(1){--seg: clamp(0, calc(var(--p) * (var(--n) - 1) - 0), 1)}.pflow--animated .pflow__step:nth-child(2){--seg: clamp(0, calc(var(--p) * (var(--n) - 1) - 1), 1)}.pflow--animated .pflow__step:nth-child(3){--seg: clamp(0, calc(var(--p) * (var(--n) - 1) - 2), 1)}.pflow--animated .pflow__step:nth-child(4){--seg: clamp(0, calc(var(--p) * (var(--n) - 1) - 3), 1)}.pflow--animated .pflow__step:nth-child(5){--seg: clamp(0, calc(var(--p) * (var(--n) - 1) - 4), 1)}.pflow__node{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--node);height:var(--node);border-radius:50%;background-color:var(--pf-node-bg);border:1.5px solid var(--pf-node-border);font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--pf-node-text);isolation:isolate}.pflow__node:before{content:"";position:absolute;inset:-1.5px;z-index:-1;border-radius:50%;background-color:var(--color-ocean);box-shadow:0 8px 22px #0b7bc14d;transform:scale(.4);opacity:0;transition:transform .55s var(--ease-out),opacity .35s ease}.pflow__step.is-on .pflow__node{color:var(--color-white)}.pflow__step.is-on .pflow__node:before{transform:scale(1);opacity:1}.pflow__body{padding-top:.625rem}.pflow--animated .pflow__body{opacity:.4;transform:translateY(8px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.pflow--animated .pflow__step.is-on .pflow__body{opacity:1;transform:none}.pflow__title{font-size:clamp(1.125rem,2.2vw,1.3125rem);font-weight:600;line-height:1.25;color:var(--pf-title);margin-bottom:.5rem}.pflow__text{font-size:.975rem;line-height:1.6;color:var(--pf-text);margin:0}.pflow__track{display:none}@media(min-width:900px){.pflow{--node: 3.5rem}.pflow__steps{max-width:none;grid-template-columns:repeat(var(--n),minmax(0,1fr));column-gap:2rem}.pflow__step{grid-template-columns:1fr;justify-items:center;text-align:center;padding-bottom:0}.pflow__step:before,.pflow__step:after{display:none}.pflow__body{padding-top:1.5rem;max-width:17rem}.pflow__track--h{display:block;position:absolute;z-index:0;top:calc(var(--node) / 2 - 1.25rem);left:calc(50% / var(--n));right:calc(50% / var(--n));height:2.5rem}.pflow__wave{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pflow__wave path{fill:none;stroke-linecap:round}.pflow__wave--base path{stroke:var(--pf-line);stroke-width:2;stroke-dasharray:2 7}.pflow__wave--fill path{stroke:var(--pf-fill);stroke-width:2.5}.pflow__reveal{position:absolute;inset:-4px 0;overflow:hidden;transform:translate(calc((var(--p) - 1) * 100%))}.pflow__reveal-inner{position:absolute;inset:4px 0;transform:translate(calc((1 - var(--p)) * 100%))}}@media(prefers-reduced-motion:reduce){.pflow__node:before,.pflow--animated .pflow__body{transition:none}}
