/* X-COMMERCE-50000: reusable, scoped operating journey; compatible with the Genesis blue-steel material system. */
.x50000-journey{margin:18px 0 22px;border:1px solid #344854;border-radius:17px;background:linear-gradient(122deg,#1a2932 0%,#10191f 62%,#111d24 100%);padding:clamp(17px,2.4vw,25px);min-width:0;color:#eff5f7}
.x50000-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.x50000-kicker{font-size:10px;font-weight:780;letter-spacing:.14em;text-transform:uppercase;color:#b0c5d0}
.x50000-top h2{font-size:clamp(19px,2.5vw,26px);line-height:1.17;letter-spacing:-.045em;margin:8px 0 4px;font-weight:710}
.x50000-sub{color:#b1c4cc;font-size:12px;line-height:1.6;margin:0;max-width:72ch}
.x50000-label{font-size:10px;line-height:1.5;letter-spacing:.075em;font-weight:770;color:#e7eff3;padding:8px 12px;border:1px solid #5f7a87;border-radius:999px;white-space:nowrap}
.x50000-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:17px 0 0}
.x50000-phase{min-width:0;padding:12px 13px;border-radius:10px;border:1px solid #3b5260;background:rgba(120,162,185,.052)}
.x50000-phase span{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#bdd2db;font-weight:750}
.x50000-phase strong{display:block;font-size:17px;letter-spacing:-.03em;line-height:1.2;margin-top:6px;font-variant-numeric:tabular-nums;color:#f3f7f9}
.x50000-phase small{display:block;font-size:10px;color:#a8bbc5;margin-top:4px;line-height:1.4}
.x50000-footer{margin-top:16px;padding-top:14px;border-top:1px solid #3a4d58;display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap}
.x50000-next{max-width:70ch;min-width:0}.x50000-next strong{display:block;font-size:12px;line-height:1.4;color:#f2f7fa}.x50000-next p{font-size:12px;line-height:1.55;color:#b1c5cd;margin:5px 0 0}
.x50000-journey .x50000-action{margin:0;min-height:44px;min-width:155px;white-space:normal;text-align:center;text-decoration:none;border-radius:999px;background:#c7dbe5;border:1px solid #c7dbe5;color:#13232b;font-size:12px;font-weight:760;padding:11px 17px}
.x50000-journey .x50000-action:hover{background:#eff7fa;color:#101e25;text-decoration:none}
.x50000-journey [hidden]{display:none!important}
.x50000-journey :focus-visible{outline:2px solid #e7f4fb;outline-offset:3px}
@media(max-width:700px){.x50000-phases{grid-template-columns:repeat(2,minmax(0,1fr))}.x50000-footer{align-items:stretch}.x50000-journey .x50000-action{width:100%}}
@media(max-width:340px){.x50000-phase{padding:10px}.x50000-top h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.x50000-journey *{transition:none!important}}