.how-it-works{--timeline-gap:clamp(1rem, 1.7vw, 1.75rem);--timeline-gutter:max(1.25rem, calc((100vw - 80rem)/2) );scroll-margin-top:5rem;position:relative;overflow:clip}.how-it-works__sticky{padding-block:clamp(4.5rem,8vw,7rem)}.how-it-works__header{text-align:center;max-width:52rem;margin-inline:auto;padding-inline:1.25rem}.how-it-works__eyebrow{color:var(--cp-500);letter-spacing:.3em;font-size:.75rem}.how-it-works__header h2{margin-top:.9rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08}.how-it-works__intro{color:var(--muted-foreground);margin-top:.75rem;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.6}.how-it-works__viewport{overscroll-behavior-inline:contain;scroll-snap-type:none;scrollbar-width:none;margin-top:clamp(2.25rem,5vw,4rem);scroll-padding-inline:1.25rem;overflow-x:auto}.how-it-works__viewport::-webkit-scrollbar{display:none}.how-it-works__viewport:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.how-it-works__track{gap:var(--timeline-gap);will-change:transform;width:max-content;margin:0;padding:.5rem 2rem .75rem 1.25rem;list-style:none;display:flex}.how-it-works__card{scroll-snap-align:start;flex-direction:column;flex:0 0 min(86vw,42rem);height:auto;display:flex}.how-it-works__card>img{object-fit:cover;background:var(--qsw-200);border-radius:1.6rem 1.6rem 1rem 1rem;width:100%;height:clamp(16rem,32vh,17.5rem);display:block}.how-it-works__panel{border:1px solid color-mix(in oklab,var(--border),transparent 20%);background:var(--qsw-50);box-shadow:var(--shadow-sm);border-radius:1.35rem 1.35rem 1.6rem 1.6rem;flex:1;margin-top:-1rem;padding:3.35rem clamp(1.35rem,2.2vw,2rem) 1.875rem;position:relative}.how-it-works__icon{background:var(--cp-100);width:4.5rem;height:4.5rem;color:var(--cp-500);border-radius:999px;place-items:center;display:grid;position:absolute;top:-2.25rem;left:clamp(1.35rem,2.2vw,2rem)}.how-it-works__panel h3{align-items:baseline;gap:.65rem;margin:0;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.12;display:flex}.how-it-works__number{color:var(--cp-500);flex:none;font-size:1.12em}.how-it-works__panel p{color:var(--muted-foreground);margin-top:.9rem;font-size:clamp(.95rem,1.25vw,1.08rem);line-height:1.55}.how-it-works__footer{align-items:center;gap:1.5rem;max-width:60rem;margin:clamp(1.75rem,3vw,2.5rem) auto 0;padding-inline:1.25rem;display:flex}.how-it-works__progress{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.how-it-works__segment{background:var(--cp-100);border-radius:999px;height:.22rem;overflow:hidden}.how-it-works__segment>span{border-radius:inherit;background:var(--cp-500);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.how-it-works__hint{color:var(--muted-foreground);flex:none;align-items:center;gap:.65rem;font-size:.82rem;display:flex}.how-it-works__hint--sticky{display:none}.how-it-works[data-timeline-mode=sticky] .how-it-works__sticky{flex-direction:column;justify-content:center;height:calc(100vh - 5rem);padding-block:1.5rem;display:flex;position:sticky;top:5rem;overflow:hidden}.how-it-works[data-timeline-mode=sticky] .how-it-works__viewport{scroll-snap-type:none;flex:none;overflow:hidden}.how-it-works[data-timeline-mode=native] .how-it-works__viewport{scroll-snap-type:inline mandatory}.how-it-works[data-timeline-mode=sticky] .how-it-works__hint--sticky{display:flex}.how-it-works[data-timeline-mode=sticky] .how-it-works__hint--native{display:none}.how-it-works[data-timeline-mode=reduced] .how-it-works__viewport{overflow:visible}.how-it-works[data-timeline-mode=reduced] .how-it-works__track{grid-template-columns:repeat(2,minmax(0,1fr));width:auto;max-width:80rem;margin-inline:auto;padding-inline:2.5rem;display:grid;transform:none!important}.how-it-works[data-timeline-mode=reduced] .how-it-works__card{width:auto}.how-it-works[data-timeline-mode=reduced] .how-it-works__footer{display:none}@media(min-width:1024px){.how-it-works{--timeline-gutter:max(2.5rem, calc((100vw - 80rem)/2) )}.how-it-works__track{padding-right:var(--timeline-gutter);padding-left:var(--timeline-gutter)}.how-it-works__card{flex-basis:calc((100vw - var(--timeline-gutter) - (2 * var(--timeline-gap))) / 2.4)}.how-it-works__card>img{height:clamp(17.5rem,61vh - 13.42rem,20.75rem)}.how-it-works__footer{width:min(64rem,calc(100% - (2 * var(--timeline-gutter))));max-width:none;padding-inline:0}}@media(max-width:639px){.how-it-works__header{text-align:left}.how-it-works__header h2{font-size:2.25rem}.how-it-works__footer{flex-direction:column;align-items:stretch;gap:1rem}.how-it-works__hint{justify-content:flex-end}}@media(max-width:1023px){.how-it-works[data-timeline-mode=sticky] .how-it-works__sticky{height:calc(100vh - 4rem);padding-block:.75rem;top:4rem}.how-it-works[data-timeline-mode=sticky] .how-it-works__viewport,.how-it-works[data-timeline-mode=sticky] .how-it-works__footer{margin-top:1.25rem}}@media(max-width:1023px)and (prefers-reduced-motion:reduce){.how-it-works[data-timeline-mode=reduced] .how-it-works__track{grid-template-columns:1fr;padding-inline:1.25rem}}