/* HGO_ON_STEP_SLIDER_V15 */
#steps.journey{padding:0;overflow:hidden;border:1.5px solid #534071;border-radius:28px;background:linear-gradient(130deg,#211c30,#352440);box-shadow:0 12px 30px #33204314;color:#fff}
.journey-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 26px 20px}
.journey-eyebrow{display:inline-flex;padding:5px 8px;border:1px solid #705789;border-radius:7px;background:#493153;font-size:9px;font-weight:850;letter-spacing:1px;color:#e3c3f7}
.journey-head h2{font-size:27px;font-weight:900;letter-spacing:-1px;line-height:1.3;margin:11px 0 6px;color:#fff}
.journey-head p{font-size:12px;font-weight:550;color:#c1b6cf;line-height:1.7;margin:0}
.journey-head-icon{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;background:linear-gradient(135deg,#9a62e9,#d04b8d);border:1px solid #c38dea;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff3a;transform:rotate(7deg)}
.journey-head-icon svg{width:28px;height:28px}
.journey-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:0 26px 21px}
.journey-navigation button{display:flex;align-items:center;gap:7px;text-align:left;background:#ffffff06;border:1px solid #6b557b;border-radius:11px;padding:10px 8px;color:#d5c7df;transition:background .2s,border-color .2s,transform .2s}
.journey-navigation button>span{font-size:10px;font-weight:850;color:#b995db;font-variant-numeric:tabular-nums}
.journey-navigation b{font-size:10px;font-weight:750;line-height:1.5}
.journey-navigation button[aria-current]{background:linear-gradient(120deg,#824edd,#bd488e);border-color:#c892eb;color:#fff;box-shadow:0 4px 12px #170f2422;transform:translateY(-2px)}
.journey-navigation button[aria-current]>span{color:#fff}
.journey-track{display:flex;align-items:stretch;gap:14px;padding:0 26px 10px;margin:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:26px;scrollbar-width:thin;scrollbar-color:#876798 transparent}
.journey-track::-webkit-scrollbar{height:4px}.journey-track::-webkit-scrollbar-thumb{background:#876798;border-radius:8px}
.journey-card{--accent:#3b72d8;--soft:#edf4ff;--edge:#c4d6f5;position:relative;flex:0 0 calc(100% - 36px);min-width:0;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:25px;scroll-snap-align:start;padding:32px 30px;border:1.5px solid var(--edge);border-radius:22px;background:#fff;color:#272630;overflow:hidden;isolation:isolate}
.journey-card:nth-child(2){--accent:#8e48c6;--soft:#f5edff;--edge:#ddc4f0}.journey-card:nth-child(3){--accent:#008b78;--soft:#e9f8f4;--edge:#b1dfd4}.journey-card:nth-child(4){--accent:#b57513;--soft:#fff6e4;--edge:#edd4a4}.journey-card:nth-child(5){--accent:#527c26;--soft:#f0f7e6;--edge:#cfdfb7}
.journey-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent)}
.journey-visual{display:grid;place-items:center;width:112px;height:112px;border-radius:30px;background:var(--soft);border:1px solid var(--edge);color:var(--accent);transform:rotate(-5deg);transition:transform .4s ease}
.journey-visual svg{width:56px;height:56px;stroke-width:1.5;transform:rotate(5deg)}
.journey-card.is-active .journey-visual{transform:rotate(0deg)}
.journey-card.is-active .journey-visual svg{transform:rotate(0deg);transition:transform .4s ease}
.journey-number{position:absolute;right:20px;top:15px;font-size:12px;font-weight:900;letter-spacing:1px;color:var(--accent);background:var(--soft);border:1px solid var(--edge);border-radius:7px;padding:4px 7px}
.journey-copy{min-width:0;padding-top:10px}.journey-copy h3{font-size:22px;line-height:1.4;font-weight:900;letter-spacing:-.7px;margin:0 30px 10px 0;color:#252330}
.journey-copy p{font-size:13px;line-height:1.85;font-weight:550;color:#73707d;margin:0}.journey-copy p strong{color:var(--accent);font-weight:850}
.journey-note{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:7px 10px;border:1px solid var(--edge);border-radius:9px;background:var(--soft);color:var(--accent);font-size:10px;font-weight:850;line-height:1.5}
.journey-note svg{width:17px;height:17px}
.journey-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 26px 23px}.journey-position{font-size:11px;font-weight:750;color:#c7b7d5;line-height:1.6;font-variant-numeric:tabular-nums}
.journey-arrows{display:flex;gap:8px}.journey-arrows button{display:grid;place-items:center;width:40px;height:36px;border:1px solid #796184;border-radius:11px;background:#ffffff09;color:#fff;transition:background .2s}.journey-arrows button:hover:not(:disabled){background:#79548e}.journey-arrows button:disabled{opacity:.3}.journey-arrows svg{width:19px;height:19px}.journey-arrows #journey-prev svg{transform:rotate(180deg)}
@media(max-width:650px){#steps.journey{border-radius:25px}.journey-head{padding:21px 18px 18px;gap:12px}.journey-head h2{font-size:23px}.journey-head p{font-size:11px}.journey-head-icon{width:44px;height:44px;flex-basis:44px;border-radius:15px}.journey-head-icon svg{width:24px;height:24px}.journey-navigation{padding:0 18px 17px;gap:5px}.journey-navigation button{flex-direction:column;align-items:center;gap:5px;padding:8px 3px;text-align:center;border-radius:9px}.journey-navigation b{font-size:8px;line-height:1.5}.journey-navigation button>span{font-size:10px}.journey-track{padding:0 18px 9px;scroll-padding-inline:18px;gap:11px}.journey-card{flex-basis:calc(100% - 18px);grid-template-columns:1fr;align-content:start;gap:18px;padding:23px 21px}.journey-visual{width:72px;height:72px;border-radius:22px}.journey-visual svg{width:39px;height:39px}.journey-copy{padding:0}.journey-copy h3{font-size:20px;margin-right:0;line-height:1.4}.journey-copy p{font-size:12px;line-height:1.85}.journey-note{margin-top:14px;font-size:9px;padding:7px 8px}.journey-number{right:17px;top:19px}.journey-footer{padding:15px 18px 20px}.journey-position{font-size:10px}}
@media(prefers-reduced-motion:reduce){.journey-navigation button,.journey-visual,.journey-visual svg,.journey-arrows button{transition:none;transform:none}.journey-card.is-active .journey-visual{transform:none}}

#journey-store{font-family:inherit;cursor:pointer;text-align:left}#journey-store:hover{filter:brightness(.97)}#journey-store:focus-visible{outline:2px solid #8ca9f5;outline-offset:3px}