.flow{--flow-line-color:color-mix(in srgb,var(--color-teal) 45%,var(--color-white))}.flow__container{container-type:inline-size}.flow__list{display:grid;gap:var(--space-24);grid-template-columns:minmax(0,1fr);list-style:none;margin:0 auto;max-width:720px;padding:0}.flow__step{padding-left:var(--space-32);position:relative}.flow__step:before{background:var(--color-primary);border-radius:var(--radius-pill);height:12px;left:0;width:12px;z-index:1}.flow__step:after,.flow__step:before{content:"";position:absolute;top:var(--space-24)}.flow__step:after{border-left:2px solid var(--flow-line-color);height:calc(100% + var(--space-24));left:5px}.flow__step:last-child:after{display:none}.flow__card .c-card__body{align-items:flex-start;padding:var(--space-24)}.flow__head{align-items:center;display:flex;gap:var(--space-16)}.flow__head-text{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-4)}.flow__card .c-card__title{text-align:left}.flow__icon{align-items:center;background:var(--color-primary);border-radius:var(--radius-pill);color:var(--color-white);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.flow__icon svg{display:block;fill:currentColor;height:22px;width:auto}.flow__number{color:var(--color-teal);font-size:var(--font-size-16);font-weight:700;line-height:1;margin:0}.flow__card .c-card__text{align-self:stretch;font-size:var(--font-size-14)}@container (min-width: 960px){.flow__list{gap:var(--space-48) var(--space-24);grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}.flow__step{padding-left:0;padding-top:var(--space-32)}.flow__step:before{left:50%;top:0;transform:translateX(-50%)}.flow__step:after{border-left:0;border-top:2px solid var(--flow-line-color);height:auto;left:50%;top:5px;width:calc(100% + var(--space-24))}.flow__step:nth-child(4n):after{display:none}.flow__card .c-card__body{align-items:center}.flow__head{flex-direction:column;gap:var(--space-16)}.flow__head-text{align-items:center;gap:var(--space-8)}.flow__card .c-card__title{text-align:center}}