.c-steps{counter-reset:none;list-style:none;padding:0}.c-steps,.c-steps__item{margin:0;position:relative}.c-steps__num{background:var(--c-bg);border:1px solid var(--c-border);border-radius:50%;color:var(--c-primary);display:grid;font-family:var(--f-heading);font-size:1.35rem;height:56px;place-items:center;position:relative;transition:background .5s,color .5s,border-color .5s;width:56px;z-index:1}.tone-soft .c-steps__num{background:var(--c-soft)}.tone-surface .c-steps__num{background:var(--c-surface)}.tone-dark .c-steps__num{background:var(--c-dark);color:#fff}.tone-primary .c-steps__num{background:var(--c-primary);color:#fff}.c-steps__item.is-visible .c-steps__num{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary);transition-delay:calc(var(--d, 0)*90ms + .3s)}.c-steps__title{font-size:var(--h5);margin:22px 0 8px}.c-steps__text{color:var(--c-muted)}.c-steps__text p:last-child{margin:0}.c-steps__img{border-radius:var(--radius);margin-top:22px}.c-steps__line{background:var(--c-border);position:absolute}.c-steps__line span{background:var(--c-primary);inset:0;position:absolute;transform:scaleX(var(--p,0));transform-origin:left top}.c-steps--row{display:grid;gap:clamp(24px,4vw,56px);grid-template-columns:repeat(var(--n),1fr)}.c-steps--row .c-steps__line{height:1px;left:28px;right:28px;top:28px}.c-mod[class*=center] .c-steps--row{text-align:left}.c-steps--timeline{display:grid;gap:48px;margin-inline:auto;max-width:760px}.c-steps--timeline .c-steps__item{display:grid;gap:28px;grid-template-columns:56px 1fr}.c-steps--timeline .c-steps__title{margin-top:12px}.c-steps--timeline .c-steps__line{bottom:28px;left:28px;top:28px;width:1px}.c-steps--timeline .c-steps__line span{transform:scaleY(var(--p,0))}@media (max-width:800px){.c-steps--row{gap:40px;grid-template-columns:1fr}.c-steps--row .c-steps__item{display:grid;gap:22px;grid-template-columns:56px 1fr}.c-steps--row .c-steps__title{margin-top:12px}.c-steps--row .c-steps__line{bottom:28px;height:auto;left:28px;right:auto;top:28px;width:1px}.c-steps--row .c-steps__line span{transform:scaleY(var(--p,0))}}