.track{gap:var(--space-10);padding-top:var(--space-10);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;list-style:none;display:grid;position:relative}.track:before,.track:after{content:"";height:1px;position:absolute;top:6px;left:0;right:0}.track:before{background:var(--hairline-strong)}.track:after{background:linear-gradient(90deg, var(--mint-700), var(--accent));transform-origin:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.track:after{animation:linear both track-fill;animation-timeline:view();animation-range:entry 60% cover 55%}}}@keyframes track-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.track-stage{gap:var(--space-3);flex-direction:column;display:flex;position:relative}.track-node{top:calc(-1 * var(--space-10));border:1px solid var(--accent);background:var(--bg);z-index:1;border-radius:3px;width:13px;height:13px;position:absolute;left:0}.track-step{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent)}.track-body{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--text);max-width:22ch;margin:0}.track:has(>:nth-child(4)) .track-body{font-size:var(--text-xl);max-width:none}.track-note{max-width:34ch;font-size:var(--text-sm);color:var(--text-secondary);margin:0}@media (max-width:860px){.track{gap:var(--space-10);padding-top:0;padding-left:var(--space-8);grid-template-columns:minmax(0,1fr);grid-auto-flow:row}.track:before,.track:after{width:1px;height:auto;inset:0 auto 0 6px}.track:after{animation:none}.track-node{top:.15em;left:calc(-1 * var(--space-8))}.track-body{font-size:var(--text-xl)}}
