.scroll-journey{--journey-accent:var(--accent,var(--teal,#43dcf0));--journey-ink:var(--text,var(--ink,#f4f8ff));--journey-muted:var(--muted,#a7b3c6);width:min(1220px,calc(100% - 48px));margin:86px auto 96px;scroll-margin-top:90px}.journey-head{max-width:740px;margin:0 auto 38px;text-align:center}.journey-head h2{font-size:clamp(36px,5vw,58px);line-height:.98;letter-spacing:-.055em;margin:12px 0}.journey-head>p{max-width:590px;margin:15px auto 0;color:var(--journey-muted);font-size:15px}.journey-meter{height:3px;background:color-mix(in srgb,var(--journey-accent) 17%,transparent);border-radius:5px;margin:0 8% 24px;overflow:hidden}.journey-meter span{display:block;width:var(--journey-progress,0%);height:100%;background:var(--journey-accent);box-shadow:0 0 13px color-mix(in srgb,var(--journey-accent) 65%,transparent);transition:width .18s linear}.journey-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.journey-step{min-width:0;border:1px solid color-mix(in srgb,var(--journey-accent) 17%,var(--line,#233249));background:linear-gradient(155deg,color-mix(in srgb,var(--journey-accent) 5%,var(--surface,var(--panel,#101826))),var(--surface,var(--panel,#101826)) 65%);border-radius:20px;padding:22px;opacity:.78;transform:translateY(7px);transition:opacity .35s ease,transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s;overflow:hidden}.journey-step.is-visible{opacity:1;transform:translateY(0)}.journey-step.is-current{border-color:color-mix(in srgb,var(--journey-accent) 68%,var(--line,#233249));box-shadow:0 12px 38px #0011}.journey-art{height:125px;display:flex;align-items:center;justify-content:space-between;border-radius:14px;margin-bottom:19px;padding:16px 19px;background:radial-gradient(ellipse at 54% 55%,color-mix(in srgb,var(--journey-accent) 11%,transparent),transparent 65%),color-mix(in srgb,var(--journey-accent) 3%,var(--surface2,var(--bg,#080c15)));position:relative;overflow:hidden}.journey-index{align-self:flex-start;color:var(--journey-accent);font-size:11px;font-weight:800;letter-spacing:.1em}.journey-label{align-self:flex-end;font-size:9px;letter-spacing:.13em;color:var(--journey-muted);font-weight:700}.journey-glyph{width:76px;height:76px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block}.journey-glyph i,.journey-glyph b,.journey-glyph em,.journey-glyph small{position:absolute;display:block;font-style:normal}.journey-glyph i{inset:6px;border:1px solid color-mix(in srgb,var(--journey-accent) 44%,transparent);border-radius:50%;box-shadow:0 0 24px color-mix(in srgb,var(--journey-accent) 15%,transparent)}.journey-glyph b{width:20px;height:20px;border-radius:50%;background:var(--journey-accent);opacity:.84;left:28px;top:28px;box-shadow:0 0 24px color-mix(in srgb,var(--journey-accent) 65%,transparent)}.journey-glyph em{width:56px;height:1px;background:color-mix(in srgb,var(--journey-accent) 62%,transparent);left:10px;top:37px;transform:rotate(-35deg)}.journey-glyph small{width:6px;height:6px;border-radius:50%;background:var(--journey-ink);left:51px;top:17px}.glyph-2 i{inset:10px 4px;border-radius:12px;transform:rotate(35deg)}.glyph-2 b{width:31px;height:31px;left:23px;top:23px;border-radius:8px;transform:rotate(45deg);background:transparent;border:1px solid var(--journey-accent)}.glyph-2 em{width:54px;transform:rotate(90deg);top:37px;left:11px}.glyph-2 small{left:33px;top:6px}.glyph-3 i{inset:4px 10px;border-radius:12px;transform:rotate(-18deg)}.glyph-3 b{width:25px;height:34px;left:25px;top:21px;border-radius:4px;background:transparent;border:1px solid var(--journey-accent);box-shadow:9px 5px 0 -1px var(--surface2,var(--bg)),10px 5px 0 0 var(--journey-accent)}.glyph-3 em{width:17px;left:30px;top:33px;transform:none;background:var(--journey-accent)}.glyph-3 small{left:38px;top:43px;background:var(--journey-accent)}.journey-copy>.eyebrow{font-size:9px;letter-spacing:.13em;color:var(--journey-accent)}.journey-copy h3{font-size:clamp(20px,2.25vw,27px);letter-spacing:-.045em;line-height:1.05;margin:9px 0 10px;color:var(--journey-ink)}.journey-copy>p{font-size:13px;line-height:1.55;color:var(--journey-muted);margin:0}.journey-outcome{display:block;margin-top:17px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--journey-accent) 17%,var(--line,#233249));font-size:10px;font-weight:700;letter-spacing:.025em;color:var(--journey-ink)}.journey-foot{display:flex;justify-content:space-between;gap:16px;margin:17px 8% 0;color:var(--journey-muted);font-size:9px;letter-spacing:.12em}.journey-foot [data-journey-count]{color:var(--journey-accent);font-weight:800}.scroll-journey :focus-visible{outline:3px solid var(--journey-accent);outline-offset:4px}@media(max-width:850px){.scroll-journey{width:calc(100% - 34px);margin:64px auto 72px}.journey-head{text-align:left;margin-bottom:27px}.journey-head>p{margin:13px 0 0}.journey-meter{margin-inline:4px}.journey-list{grid-template-columns:1fr;gap:11px}.journey-step{display:grid;grid-template-columns:102px minmax(0,1fr);align-items:center;gap:17px;padding:14px;border-radius:16px;min-height:147px}.journey-art{height:112px;width:102px;margin:0;padding:12px}.journey-glyph{transform:translate(-50%,-50%) scale(.87)}.journey-copy h3{font-size:21px;margin:6px 0}.journey-copy>p{font-size:12px;line-height:1.46}.journey-outcome{font-size:9px;margin-top:10px;padding-top:8px}.journey-foot{margin:14px 4px 0}}@media(max-width:420px){.journey-step{grid-template-columns:80px minmax(0,1fr);gap:13px;padding:12px;min-height:140px}.journey-art{height:98px;width:80px;padding:9px}.journey-copy h3{font-size:19px}.journey-copy>p{font-size:11px}.journey-copy>.eyebrow{font-size:8px;letter-spacing:.08em}.journey-index,.journey-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.journey-step,.journey-meter span{transition:none}.journey-step{opacity:1;transform:none}}