
.hero-journey{min-width:0;border:1px solid #E2DCCE;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 18px 40px -26px #17484F60;color:#24403C}
.hj-chrome{display:flex;align-items:center;gap:12px;background:#FAF7F0;padding:10px 16px;border-bottom:1px solid #EFEADE;font-size:11px;color:#677480}
.hj-chrome>span{color:#D3CCBB;letter-spacing:3px}
.hj-chrome button{margin-left:auto;font:inherit;color:#17484F;background:#fff;border:1px solid #D3CCBB;border-radius:6px;padding:5px 9px;cursor:pointer}
.hj-stage{min-height:410px;display:grid}
.hj-stage>[data-hj-panel]{grid-area:1/1;min-width:0;align-self:start}
/* Every panel contributes to the same grid height, so the frame never jumps. */
.hero-journey[data-ready] .hj-stage>[data-hj-panel]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity 420ms cubic-bezier(.23,1,.32,1),transform 420ms cubic-bezier(.23,1,.32,1),visibility 0s 420ms}
.hero-journey[data-ready] .hj-stage>[data-active]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s;z-index:1}
.hj-stage>[hidden]{display:none !important}
.hero-journey .sl-card,.hero-journey .hj-mandates{border:0 !important;border-radius:0 !important;box-shadow:none !important}
.hj-panel-content{padding:24px}
.hj-panel-content h3{font-family:'Sora',sans-serif;font-size:20px;line-height:1.3;color:#17484F;margin:0 0 8px}
.hj-sub{font-size:13px;color:#677480;margin:0 0 24px}
.hj-rows{display:grid;gap:10px}
.hj-rows>div{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #E2DCCE;border-radius:8px;padding:14px;font-size:13px;line-height:1.5}
.hj-rows b{font-weight:600;color:#17484F;text-align:right;max-width:60%}
.hj-note{font-size:12px;line-height:1.6;color:#4A625E;background:#E4F0E7;border-radius:8px;padding:12px;margin:20px 0 0}
.hj-steps{display:grid;grid-template-columns:repeat(4,1fr);background:#FAF7F0;border-top:1px solid #E2DCCE;padding:12px 8px;gap:4px}
.hj-steps button{font:inherit;font-size:11px;font-weight:600;color:#677480;border:0;background:none;cursor:pointer;padding:6px}
.hj-steps i{display:block;width:7px;height:7px;border-radius:50%;background:#D3CCBB;margin:0 auto 7px}
.hj-steps [aria-pressed="true"]{color:#17484F}.hj-steps [aria-pressed="true"] i{background:#4CA391}.hj-steps [data-done] i{background:#4CA391}
.hj-caption{margin:0;padding:10px 16px;font-size:11px;text-align:center;color:#677480;border-top:1px solid #EFEADE}
.hero-journey button:focus-visible{outline:2px solid #17484F;outline-offset:2px}
.hero-journey[data-ready][data-instant] .hj-stage>[data-hj-panel]{transition:none}
@media(prefers-reduced-motion:reduce){.hero-journey[data-ready] .hj-stage>[data-hj-panel]{transform:none;transition:opacity 150ms ease,visibility 0s 150ms}.hero-journey[data-ready] .hj-stage>[data-active]{transition-delay:0s}}
@media(max-width:600px){.hj-panel-content{padding:18px}.hj-stage{min-height:440px}.hj-rows>div{padding:11px;font-size:12px}}
