.sl-journey{--journey-ease:cubic-bezier(.23,1,.32,1)}
.sl-journey-track{position:relative;margin-top:42px}.sl-journey-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0;position:relative}
.sl-journey-rail{position:absolute;left:26px;right:26px;top:26px;height:2px;background:var(--line);overflow:hidden}.sl-journey-rail>span{display:block;width:100%;height:100%;background:var(--brand);transform:scaleX(0);transform-origin:left center;transition:transform 450ms var(--journey-ease)}
.sl-journey-step{min-width:0;position:relative;display:flex;flex-direction:column;align-items:flex-start}
.sl-journey-number{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-size:16px;font-weight:700;color:var(--brand);margin-bottom:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);isolation:isolate}
.sl-journey-number:before{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--brand);opacity:0;transform:scale(.9);transition:transform 450ms var(--journey-ease),opacity 350ms var(--journey-ease);pointer-events:none}
.sl-journey-panel{position:relative;isolation:isolate;flex:1;width:100%;padding:24px 20px;background:color-mix(in srgb,var(--surface) 76%,transparent);border:1px solid var(--sl-glass-edge,var(--line));border-radius:14px;box-shadow:inset 0 1px 0 var(--sl-glass-shine),0 8px 24px rgba(20,68,101,.06);overflow:hidden;transition:transform 250ms var(--journey-ease)}
.sl-journey-panel:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(127,204,255,.25),transparent 65%);opacity:0;transition:opacity 450ms var(--journey-ease)}
.sl-journey-icon{display:block;color:var(--brand);margin:0 0 22px;transform:translateY(3px);transition:transform 450ms var(--journey-ease)}
.sl-journey-panel h3{font-size:20px;line-height:1.3;letter-spacing:-.025em;margin:0 0 12px;min-height:52px}.sl-journey-panel p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}
.sl-journey-step.is-seen .sl-journey-number{background:var(--brand);border-color:var(--brand);color:white}.sl-journey-step.is-seen .sl-journey-number:before{opacity:.55;transform:scale(1)}.sl-journey-step.is-seen .sl-journey-panel:before{opacity:1}.sl-journey-step.is-seen .sl-journey-icon{transform:translateY(0)}
html[data-theme=dark] .sl-journey-icon{color:var(--accent)}html[data-theme=dark] .sl-journey-step.is-seen .sl-journey-number{background:#1c699d;color:white}
@media(hover:hover) and (pointer:fine){.sl-journey-step:hover .sl-journey-panel{transform:translateY(-5px)}}
@supports(backdrop-filter:blur(10px)){.sl-journey-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
@media(max-width:1000px){.sl-journey-list{gap:12px}.sl-journey-panel{padding:20px 14px}.sl-journey-panel h3{font-size:18px}.sl-journey-panel p{font-size:14px}}
@media(max-width:750px){.sl-journey-list{grid-template-columns:1fr;gap:22px}.sl-journey-step{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;align-items:start}.sl-journey-number{margin:0}.sl-journey-panel{padding:22px}.sl-journey-icon{margin-bottom:14px}.sl-journey-panel h3{font-size:22px;min-height:0}.sl-journey-panel p{font-size:16px}.sl-journey-rail{top:26px;bottom:26px;left:26px;right:auto;width:2px;height:auto}.sl-journey-rail>span{transform:scaleY(0);transform-origin:center top}.sl-journey-track{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.sl-journey-number:before,.sl-journey-icon,.sl-journey-panel,.sl-journey-panel:before,.sl-journey-rail>span{transition:none;transform:none}.sl-journey-step:hover .sl-journey-panel{transform:none}}
