.hstep-track{align-items:stretch;gap:28px;display:flex}.hstep-col{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;display:flex;position:relative}.hstep-head{justify-content:center;width:100%;margin-bottom:18px;display:flex;position:relative}.hstep-circle{z-index:2;background:color-mix(in srgb, var(--green) 22%, #fff);width:56px;height:56px;color:var(--green-deep);border-radius:999px;justify-content:center;align-items:center;transition:transform .35s,background .35s,color .35s,box-shadow .35s;display:flex;position:relative}.mk-root[data-theme=dark] .hstep-circle:not(.is-active),.mk-root[data-theme=espresso] .hstep-circle:not(.is-active){background:var(--green-tint)}.hstep-circle.is-active{background:var(--green);color:#fff;box-shadow:0 0 0 8px color-mix(in srgb, var(--green) 16%, transparent), 0 6px 16px color-mix(in srgb, var(--green) 34%, transparent);transform:scale(1.12)}.hstep-connector{background-image:repeating-linear-gradient(to right, var(--rule) 0, var(--rule) 6px, transparent 6px, transparent 12px);width:calc(100% - 44px);height:2px;position:absolute;top:50%;left:calc(50% + 36px);transform:translateY(-50%)}.hstep-connector:after{content:"";background:var(--green);transform:scaleX(var(--paved,0));transform-origin:0;transition:transform 1.1s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.hstep-connector.hstep-connector--instant:after{transition:none}.hstep-arrow{position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.hstep-card{text-align:center;width:100%;padding:0 8px}@media (prefers-reduced-motion:no-preference){.hstep-circle.is-active{animation:1.8s ease-in-out infinite hstep-pulse}}@keyframes hstep-pulse{0%,to{box-shadow:0 0 0 8px color-mix(in srgb, var(--green) 16%, transparent), 0 6px 16px color-mix(in srgb, var(--green) 34%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--green) 28%, transparent), 0 6px 16px color-mix(in srgb, var(--green) 34%, transparent)}}@media (max-width:900px){.hstep-note{display:none}.hstep-track{flex-direction:column;gap:22px}.hstep-col{flex-direction:row;align-items:stretch}.hstep-head{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;width:56px;margin-bottom:0;margin-right:20px}.hstep-connector{background-image:repeating-linear-gradient(to bottom, var(--rule) 0, var(--rule) 6px, transparent 6px, transparent 12px);width:2px;height:auto;top:56px;bottom:-22px;left:50%;transform:translate(-50%)}.hstep-connector:after{transform:scaleY(var(--paved,0));transform-origin:top}.hstep-arrow{display:none}.hstep-card{text-align:left;border:1px solid var(--rule);background:var(--surface);border-radius:12px;padding:14px 16px;transition:border-color .35s,background .35s,box-shadow .35s;box-shadow:0 1px 2px #14120f0a}.hstep-col.is-active .hstep-card{border-color:var(--green);background:var(--green-tint);box-shadow:0 6px 18px color-mix(in srgb, var(--green) 16%, transparent)}}