.how-it-works{--hiw-node-size: 2.65rem;--hiw-rail-width: 3.5rem;--hiw-progress: 0;--hiw-step-total: 5;--hiw-timeline-width: 100%;--hiw-step-progress: calc((var(--hiw-step-index, 1) - 1) / max(var(--hiw-step-total, 1) - 1, 1));--hiw-track-top: calc(var(--hiw-node-size) * .5);--hiw-track-bottom: calc(var(--hiw-node-size) * .5);padding-block:.5rem 3rem}@media(min-width:480px){.how-it-works{--hiw-node-size: clamp(3.25rem, 7vw, 4.25rem);--hiw-rail-width: clamp(4.25rem, 11vw, 5.5rem)}}@media(min-width:720px){.how-it-works{--hiw-node-size: clamp(4.25rem, 6.5vw, 5.5rem);--hiw-rail-width: clamp(5.5rem, 12vw, 7rem)}}@media(min-width:1024px){.how-it-works{--hiw-node-size: clamp(3.35rem, 4vw, 4.15rem);--hiw-rail-width: clamp(4.15rem, 6vw, 5rem);--hiw-timeline-width: 70%}}.how-it-works__inner{width:100%;margin-inline:auto;padding:var(--container-padding);padding-block:.5rem 1rem}.how-it-works__header{width:100%;margin-bottom:clamp(1.65rem,3.25vw,2.5rem)}.how-it-works__eyebrow{display:inline-block;margin-bottom:.85rem;padding:.35rem .85rem;border-radius:var(--radius-pill);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.15);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.15);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-accent-blue) calc((1 - var(--hiw-progress)) * 100%),var(--color-accent-purple) calc(var(--hiw-progress) * 100%))}.how-it-works__title{font-size:var(--font-size-h1);font-weight:700;letter-spacing:-.03em;line-height:1.1}.how-it-works__subtitle{margin-top:.75rem;color:var(--color-muted);font-size:1.05rem;line-height:1.55}.how-it-works__intro{margin-top:.75rem;color:var(--color-foreground);font-size:1.05rem;line-height:1.55}.how-it-works__intro.rte p{margin-bottom:.85rem;color:color-mix(in srgb,var(--color-foreground) 88%,transparent)}.how-it-works__intro.rte p:last-child{margin-bottom:0}.how-it-works__timeline{position:relative;width:var(--hiw-timeline-width);margin-inline:auto}.how-it-works__track{position:absolute;top:var(--hiw-track-top);bottom:var(--hiw-track-bottom);left:calc(var(--hiw-rail-width) * .5 - 2px);width:4px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-foreground) 8%,transparent);overflow:hidden;pointer-events:none;z-index:0}.how-it-works__track-fill{position:absolute;inset:0 auto 0 0;width:100%;height:calc(var(--hiw-progress) * 100%);border-radius:inherit;background:linear-gradient(180deg,var(--color-accent-cyan) 0%,var(--color-accent-blue) 45%,var(--color-accent-purple) 100%);box-shadow:0 0 18px color-mix(in srgb,var(--color-accent-blue) 35%,transparent);transition:height .25s ease-out}.how-it-works__rows{position:relative;z-index:1;display:grid;gap:clamp(1.5rem,3vw,2.25rem);margin:0;padding:0;list-style:none}.how-it-works__row{display:grid;grid-template-columns:var(--hiw-rail-width) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:start}.how-it-works__node-col{display:flex;justify-content:center;padding-top:clamp(.85rem,calc(var(--hiw-node-size) * .22),1.75rem)}.how-it-works__node-item{position:relative;z-index:1;display:flex;justify-content:center}.how-it-works__node{position:relative;display:grid;place-items:center;width:var(--hiw-node-size);height:var(--hiw-node-size);border-radius:50%;border:2px solid color-mix(in srgb,var(--color-accent-blue) calc((1 - var(--hiw-step-progress)) * 55% + 18%),var(--color-accent-purple) calc(var(--hiw-step-progress) * 55% + 18%));background:color-mix(in srgb,white 90%,color-mix(in srgb,var(--color-accent-blue) calc((1 - var(--hiw-step-progress)) * 100%),var(--color-accent-purple) calc(var(--hiw-step-progress) * 100%)) 10%);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-background) 96%,transparent),0 12px 32px color-mix(in srgb,var(--color-accent-blue) calc((1 - var(--hiw-step-progress)) * 18%),var(--color-accent-purple) calc(var(--hiw-step-progress) * 18%));color:color-mix(in srgb,var(--color-accent-blue) calc((1 - var(--hiw-step-progress)) * 100%),var(--color-accent-purple) calc(var(--hiw-step-progress) * 100%));transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .35s ease,background .35s ease,color .35s ease,box-shadow .35s ease}.how-it-works__node-item.is-active .how-it-works__node{transform:scale(1.05);border-color:color-mix(in srgb,var(--color-accent-blue) calc((1 - var(--hiw-progress)) * 100%),var(--color-accent-purple) calc(var(--hiw-progress) * 100%));background:color-mix(in srgb,var(--color-accent-blue) calc((1 - var(--hiw-progress)) * 100%),var(--color-accent-purple) calc(var(--hiw-progress) * 100%));color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-background) 96%,transparent),0 16px 38px color-mix(in srgb,var(--color-accent-blue) calc((1 - var(--hiw-progress)) * 35%),var(--color-accent-purple) calc(var(--hiw-progress) * 35%)),inset 0 1px #ffffff47}.how-it-works__node-item.is-complete .how-it-works__node{border-color:var(--color-accent-purple);background:color-mix(in srgb,var(--color-accent-purple) 92%,white);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-background) 96%,transparent),0 10px 28px color-mix(in srgb,var(--color-accent-purple) 28%,transparent)}.how-it-works__node-icon{width:calc(var(--hiw-node-size) * .54);height:calc(var(--hiw-node-size) * .54);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.how-it-works__node-item.is-active .how-it-works__node-icon{transform:scale(1.06)}.how-it-works__step{padding:clamp(1.25rem,2.5vw,1.75rem);border-radius:var(--radius-lg);scroll-margin-top:calc(var(--header-affix-offset) + 5rem);transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease,background .35s ease}.how-it-works__step.is-active{border-color:color-mix(in srgb,var(--color-accent-blue) calc((1 - var(--hiw-progress)) * 35%),var(--color-accent-purple) calc(var(--hiw-progress) * 35%));box-shadow:var(--glass-shadow),var(--glass-highlight),0 0 0 1px color-mix(in srgb,var(--color-accent-blue) calc((1 - var(--hiw-progress)) * 18%),var(--color-accent-purple) calc(var(--hiw-progress) * 18%))}.how-it-works__step-eyebrow{margin-bottom:.35rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--color-accent-blue) calc((1 - var(--hiw-step-progress)) * 100%),var(--color-accent-purple) calc(var(--hiw-step-progress) * 100%))}.how-it-works__step-title{font-size:var(--font-size-h3);font-weight:700;letter-spacing:-.02em;line-height:1.15}.how-it-works__step-body{margin-top:1rem}.how-it-works__step .disclaimer{margin-top:1.25rem}.how-it-works__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.35rem}.how-it-works__empty{padding:2rem;border-radius:var(--radius-lg);text-align:center;color:var(--color-muted)}@media(max-width:479px){.how-it-works__row{gap:.65rem}.how-it-works__rows{gap:1.15rem}.how-it-works__track{width:3px;left:calc(var(--hiw-rail-width) * .5 - 1.5px)}}@media(min-width:1024px){.how-it-works__rows{gap:clamp(2rem,3vw,2.75rem)}.how-it-works__row{gap:clamp(1rem,2vw,1.5rem);align-items:stretch}.how-it-works__step{padding:clamp(1.5rem,2.25vw,2rem)}.how-it-works__step-body{margin-top:1.15rem;line-height:1.6}}@media(prefers-reduced-motion:reduce){.how-it-works__node,.how-it-works__node-icon,.how-it-works__track-fill,.how-it-works__step{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/how-it-works.css.map */