.how-it-works{background-color:var(--color-bg-canvas);padding:var(--section-padding-medium) var(--page-padding-global)}.how-it-works__container{margin:0 auto;max-width:var(--container-section)}.how-it-works__row{flex-direction:row;width:100%}.how-it-works__row,.how-it-works__title-block{align-items:flex-start;display:flex;gap:var(--spacing-8)}.how-it-works__title-block{flex:1 1 0;flex-direction:column;max-width:560px;min-width:0;padding:var(--spacing-12) 0}.how-it-works__title-content{display:flex;flex-direction:column;gap:var(--spacing-12);width:100%}.how-it-works__headline>:where(h1,h2,h3,p){color:var(--color-fg-primary);font-family:var(--font-family-primary);font-size:var(--font-size-display-xs);font-weight:var(--font-weight-header);letter-spacing:var(--letter-spacing-display-xs);line-height:var(--line-height-display-xs);margin:0}.how-it-works__accent{color:var(--color-interactive-accent)}.how-it-works__subhead>:where(p){color:var(--color-fg-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-body-md);font-weight:var(--font-weight-body);line-height:var(--line-height-body-md);margin:0;max-width:var(--max-width-body-text)}.how-it-works__timeline{flex:1 1 0;min-width:0;position:relative}.how-it-works__rail-fill{background-color:var(--color-accent-secondary);height:calc(var(--progress, 0)*100%);left:64px;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);transition:height .1s linear;width:3px;z-index:1}.how-it-works__steps{list-style:none;margin:0;padding:0;position:relative;z-index:0}.how-it-works__step{align-items:stretch;display:flex;flex-direction:row;gap:var(--spacing-8)}.how-it-works__step-rail{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:128px}.how-it-works__step-rail-line{background-color:var(--color-border-disabled);width:3px}.how-it-works__step-rail-line--top{height:32px}.how-it-works__step-rail-line--bottom{flex:1 1 auto;margin-top:var(--spacing-4)}.how-it-works__step-rail-dot{background-color:var(--color-border-disabled);border-radius:var(--radius-full);height:15px;margin-top:var(--spacing-4);position:relative;transition:background-color .2s ease;width:15px;z-index:2}.how-it-works__step.is-active .how-it-works__step-rail-dot{background-color:var(--color-accent-secondary)}.how-it-works__step-content{display:flex;flex:1 1 0;flex-direction:column;gap:var(--spacing-12);min-width:0;padding:var(--spacing-12) 0}.how-it-works__step-number{color:var(--color-interactive-foreground-disabled);font-family:var(--font-family-primary);font-size:var(--font-size-display-xs);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-display-xs);line-height:var(--line-height-display-xs);margin:0;transition:color .2s ease;user-select:none}.how-it-works__step.is-active .how-it-works__step-number{color:var(--color-interactive-accent)}.how-it-works__step-text{display:flex;flex-direction:column;gap:var(--spacing-12)}.how-it-works__step-title{color:var(--color-fg-disabled);font-family:var(--font-family-primary);font-size:var(--font-size-header-xs);font-weight:var(--font-weight-header);letter-spacing:var(--letter-spacing-header-xs);line-height:var(--line-height-header-xs);margin:0;transition:color .2s ease}.how-it-works__step.is-active .how-it-works__step-title{color:var(--color-fg-primary)}.how-it-works__step-body{color:var(--color-fg-disabled);font-family:var(--font-family-primary);font-size:var(--font-size-body-md);font-weight:var(--font-weight-body);line-height:var(--line-height-body-md);margin:0;max-width:var(--max-width-body-text);transition:color .2s ease}.how-it-works__step.is-active .how-it-works__step-body{color:var(--color-fg-secondary)}@media (max-width:991px){.how-it-works__row{flex-direction:column;gap:var(--spacing-12)}.how-it-works__title-block{max-width:100%;padding:0}.how-it-works__step-rail{width:24px}.how-it-works__rail-fill{left:12px}}