.method__track { position: relative; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: var(--space-4); list-style: none; }
.method__track::before { position: absolute; top: 1.55rem; left: 10%; right: 10%; height: 2px; background: var(--color-primary-100); content: ""; }
.method__step { position: relative; padding-top: 4.25rem; }
.method__number { position: absolute; z-index: 1; top: 0; left: 0; width: 3.15rem; height: 3.15rem; display: grid; place-items: center; border: 2px solid var(--color-primary-800); border-radius: 50%; background: var(--color-background-alt); color: var(--color-primary-800); font-weight: 850; }
.method__step h3 { margin-bottom: var(--space-3); font-size: 1.05rem; letter-spacing: -.01em; }
.method__step p { margin: 0; color: var(--color-muted); font-size: var(--font-size-sm); }
@media (max-width: 850px) { .method__track { grid-template-columns: 1fr; gap: 0; padding-left: 4.5rem; } .method__track::before { top: 1.5rem; bottom: 1.5rem; left: 1.55rem; right: auto; width: 2px; height: auto; } .method__step { min-height: 8.5rem; padding-top: 0; } .method__number { left: -4.5rem; } }