.journey-strip{--journey-progress:0}.journey-steps{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2.5rem;display:grid;position:relative}.journey-track{background:var(--taupe);height:2px;position:absolute;top:28px;left:12.5%;right:12.5%}.journey-fill{width:calc(var(--journey-progress) * 100%);background:var(--brand);height:100%;transition:width 1.1s}.journey-dot{left:calc(var(--journey-progress) * 100%);border:2px solid var(--brand);background:var(--primary-foreground);z-index:2;border-radius:50%;width:12px;height:12px;transition:left 1.1s;position:absolute;top:50%;transform:translate(-50%,-50%)}.journey-step{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:0 .75rem;display:flex;position:relative}.journey-step-copy{transition:transform 1.1s;transform:translateY(5px)}.journey-icon{border:1px solid var(--taupe);background:var(--aqua);width:56px;height:56px;color:var(--brand-strong);opacity:.4;border-radius:50%;flex-shrink:0;place-items:center;transition:background 1.1s,color 1.1s,opacity 1.1s;display:grid}.journey-step[data-active=true] .journey-icon{background:var(--brand);color:var(--primary-foreground);opacity:1;border-color:var(--brand)}.journey-step[data-active=true] .journey-step-copy{transform:translateY(0)}@media (width<=767px){.journey-steps{grid-template-columns:1fr;gap:0}.journey-step{text-align:left;flex-direction:row;gap:1.25rem;min-height:112px;padding:0}.journey-track{width:2px;height:auto;inset:56px auto 56px 27px}.journey-fill{width:100%;height:calc(var(--journey-progress) * 100%);transition:height 1.1s}.journey-dot{left:50%;top:calc(var(--journey-progress) * 100%);transition:top 1.1s}}@media (prefers-reduced-motion:reduce){.journey-strip{--journey-progress:1!important}.journey-fill,.journey-dot,.journey-icon,.journey-step-copy{transition:none}.journey-icon{opacity:1;background:var(--brand);color:var(--primary-foreground);border-color:var(--brand)}.journey-step-copy{transform:none}}