.ueb-journey{--ink:#101225;--violet:#5521c9;--cyan:#15eee0;--ease:cubic-bezier(.2, .8, .2, 1);height:320vh;font-family:var(--font-display,"Space Grotesk", ui-sans-serif, system-ui, sans-serif);color:var(--ink);background:0 0}.ueb-journey .stage{isolation:isolate;background:radial-gradient(at 22% 22%,#702eda6b,#0000 46%),radial-gradient(at 82% 12%,#008cff47,#0000 44%),linear-gradient(#0b1136 0%,#061033 46%,#02071c 100%);border-radius:28px;flex-direction:column;height:auto;padding-bottom:54px;display:flex;position:sticky;top:7rem;overflow:hidden}.ueb-journey .ueb-banner{z-index:1;flex:none;width:100%;height:auto;display:block}.ueb-journey .route-wrap{z-index:2;color:#fff;flex:1;min-height:360px;margin:3% 6% 0;position:relative}.ueb-journey .route-svg{filter:drop-shadow(0 0 14px #5142ff8c);width:100%;height:54%;position:absolute;inset:0;overflow:visible}.ueb-journey .route-shadow{fill:none;stroke:#4e20cb38;stroke-width:42px;stroke-linecap:round}.ueb-journey .route-glow{fill:none;stroke:url(#routeGradient);stroke-width:18px;stroke-linecap:round}.ueb-journey .route-road{fill:none;stroke:#fff;stroke-opacity:.88;stroke-width:2.4px;stroke-dasharray:14 16;stroke-linecap:round}.ueb-journey .route-progress{fill:none;stroke:var(--cyan);stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 9px var(--cyan))}.ueb-journey .gondola{z-index:7;transform-origin:50% 82%;will-change:left, top, transform;filter:drop-shadow(0 13px 10px #00082859)drop-shadow(0 0 9px #19eee08c);pointer-events:none;width:clamp(112px,13vw,188px);height:auto;position:absolute}.ueb-journey .gondola.moving{animation:.72s ease-in-out infinite ueb-wingbeat}@keyframes ueb-wingbeat{0%,to{translate:0;scale:1}50%{translate:0 -7px;scale:1 .93}}.ueb-journey .stations{grid-template-columns:repeat(5,1fr);align-items:start;gap:1vw;display:grid;position:absolute;top:40%;left:0;right:0}.ueb-journey .station{text-align:center;color:#fff;opacity:.66;transition:opacity .3s var(--ease), transform .45s var(--ease), filter .35s}.ueb-journey .station.active{opacity:1;filter:drop-shadow(0 0 13px #15eee0bf);transform:translateY(-4px)}.ueb-journey .icon{color:#33209f;width:clamp(62px,6.5vw,90px);height:clamp(62px,6.5vw,90px);transition:.35s var(--ease);background:#fffffff7;border:3px solid #6640d9;border-radius:50%;place-items:center;margin:auto;display:grid}.ueb-journey .active .icon{border-color:var(--cyan);color:#007f8e;box-shadow:0 0 0 6px #15eee01f,0 0 28px #15eee0d9}.ueb-journey .icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:50%;height:50%}.ueb-journey .station h3{color:#ce88ff;margin:12px auto 5px;font-size:clamp(14px,1.25vw,20px);line-height:1.08;transition:all .3s}.ueb-journey .station.active h3{color:#8ffff7;text-shadow:0 0 12px #15eee0d9}.ueb-journey .station p{color:#f7f8ff;max-width:230px;margin:0 auto;font-size:clamp(13px,1vw,16px);line-height:1.28}.ueb-journey .mobile-copy{display:none}.ueb-journey .hint{color:#ffffffb8;letter-spacing:.05em;font-size:13px;position:absolute;bottom:16px;right:3vw}.ueb-journey .hint:after{content:"↓";color:var(--cyan);padding-left:8px}@media (width>=761px){.ueb-journey .stage{--ueb-sticky-top:max(7rem, var(--ueb-header-height,7rem));top:var(--ueb-sticky-top);max-height:calc(100vh - var(--ueb-sticky-top) - 16px);max-height:calc(100svh - var(--ueb-sticky-top) - 16px);padding-bottom:clamp(16px,3vh,54px)}.ueb-journey .ueb-banner{object-fit:contain;object-position:center top;flex:0 auto;min-height:0}.ueb-journey .route-wrap{flex:none;min-height:clamp(240px,36vh,360px);padding-top:calc(clamp(240px,36vh,360px)/2.5)}.ueb-journey .stations{position:relative;top:auto}}@media (width>=761px) and (height<=820px){.ueb-journey .icon{width:clamp(48px,5.5vh,80px);height:clamp(48px,5.5vh,80px)}.ueb-journey .station h3{margin-top:8px;margin-bottom:4px}}@media (width<=760px){.ueb-journey .stage{min-height:600px}.ueb-journey .route-wrap{margin:2% -6% 8%}.ueb-journey .route-svg{height:45%;top:4%}.ueb-journey .gondola{width:100px}.ueb-journey .stations{gap:0;top:34%}.ueb-journey .icon{border-width:2px;width:54px;height:54px}.ueb-journey .station h3,.ueb-journey .station p{display:none}.ueb-journey .mobile-copy{text-align:center;color:#fff;min-height:112px;display:block;position:absolute;top:66%;left:8%;right:8%}.ueb-journey .mobile-copy h3{color:#8ffff7;margin:0 0 8px;font-size:20px}.ueb-journey .mobile-copy p{margin:0;font-size:16px;line-height:1.35}.ueb-journey .hint{display:none}}@media (prefers-reduced-motion:reduce){.ueb-journey .gondola.moving{animation:none}.ueb-journey .station{transition:none}}
