.journey-story{margin-top:72px;padding:86px 0 160px;background:linear-gradient(180deg,rgba(229,239,255,.72),rgba(246,250,255,.92));border-top:1px solid rgba(128,156,207,.22);border-bottom:1px solid rgba(128,156,207,.2)}
.journey-story-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:72px;align-items:start}
.journey-rail{position:sticky;top:102px;height:calc(100vh - 150px);min-height:430px;padding:20px 0 18px}
.journey-rail-top{display:flex;justify-content:space-between;gap:10px;color:#7082a0;font-size:11px;font-weight:700}.journey-rail-top strong{color:var(--blue);font-size:12px;letter-spacing:.05em}
.journey-progress{position:absolute;top:70px;bottom:88px;left:2px;width:2px;background:#c8d8f0}.journey-progress span{display:block;width:100%;height:var(--journey-progress,20%);background:var(--blue);box-shadow:0 0 12px rgba(36,85,214,.25);transition:height .45s ease}
.journey-steps{display:grid;gap:0;margin:28px 0 0;padding:0;list-style:none}.journey-steps li{position:relative;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;min-height:66px;color:#91a2bb;transition:color .3s ease,transform .3s ease}.journey-steps li>span{position:relative;z-index:1;display:grid;width:28px;height:28px;place-items:center;color:#8193ae;background:#e5eefb;border:1px solid #bfd0ea;border-radius:50%;font-size:9px;font-weight:700;transition:background .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.journey-steps li div{display:grid;gap:2px}.journey-steps li strong{font-size:12px}.journey-steps li small{font-size:10px}.journey-steps li.is-active{color:var(--blue);transform:translateX(5px)}.journey-steps li.is-active>span{color:var(--white);background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 6px rgba(36,85,214,.1),0 5px 14px rgba(36,85,214,.22)}.journey-steps li.is-complete{color:#5074c9}.journey-steps li.is-complete>span{color:var(--blue);background:#dce8ff;border-color:#9bb6ec}.journey-rail-note{position:absolute;bottom:0;max-width:170px;margin:0;color:#7d8faa;font-size:11px;line-height:1.45}
.journey-panels{min-width:0}.journey-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(350px,1.1fr);align-items:center;gap:64px;min-height:calc(100vh - 118px);padding:80px 0;opacity:.26;transform:scale(.975);transition:opacity .55s ease,transform .55s ease}.journey-panel.is-active{opacity:1;transform:scale(1)}.journey-panel-copy{max-width:430px}.journey-kicker{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.journey-kicker b{display:grid;width:34px;height:34px;place-items:center;color:var(--white);background:var(--blue);border-radius:10px;font-size:11px;letter-spacing:0}.journey-panel h3{max-width:440px;margin:0 0 20px;font-family:var(--display);font-size:clamp(34px,4vw,54px);letter-spacing:-.055em;line-height:1.02}.journey-panel-copy>p{max-width:410px;margin-bottom:26px;color:var(--muted);font-size:16px;line-height:1.7}.journey-guide{display:grid;gap:5px;padding:14px 16px;border-left:2px solid var(--blue);background:rgba(255,255,255,.52);border-radius:0 12px 12px 0;color:#7184a2;font-size:12px;line-height:1.45}.journey-guide strong{color:var(--ink);font-size:11px}
.journey-ui{position:relative;overflow:hidden;width:min(100%,480px);justify-self:end;padding:27px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:rgba(255,255,255,.6);box-shadow:inset 1px 1px 0 rgba(255,255,255,.96),inset -1px -1px 0 rgba(144,174,223,.2),0 26px 58px rgba(52,86,145,.14);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.journey-ui:before{content:"";position:absolute;top:-35%;right:-18%;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(181,207,255,.48),transparent 68%);pointer-events:none}.journey-ui-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #dbe6f4;color:#6d809f;font-size:11px}.journey-ui-head em{padding:5px 8px;border-radius:7px;color:var(--mint);background:#e3f5ef;font-size:9px;font-style:normal;font-weight:700}.journey-ui-head em.blue-pill{color:var(--blue);background:#e7eeff}.journey-ui-head em.orange-pill{color:#bb6b3e;background:#fff0e4}.journey-field{position:relative;z-index:1;display:grid;gap:7px;margin-top:22px;padding:17px;border:1px solid #d9e4f3;border-radius:13px;background:rgba(255,255,255,.6)}.journey-field small,.journey-ui-grid small,.listing-meta small,.sale-line span,.result-total small{color:#8091ab;font-size:9px}.journey-field strong{font-size:17px}.journey-ui-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.journey-ui-grid div,.listing-meta span{display:grid;gap:5px;padding:13px;border:1px solid #d9e4f3;border-radius:12px;background:rgba(255,255,255,.55)}.journey-ui-grid b,.listing-meta b{font-size:12px}.journey-ui-foot{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin-top:22px;color:#7184a2;font-size:10px}.journey-check{display:grid;width:21px;height:21px;place-items:center;color:var(--mint);background:#e4f6ef;border-radius:7px;font-weight:800}
.listing-title{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin:22px 0}.listing-thumb{display:grid;width:46px;height:46px;place-items:center;color:var(--blue);background:#e5edff;border-radius:12px;font-weight:700}.listing-title div{display:grid;gap:4px}.listing-title strong{font-size:14px}.listing-title small{color:#8191aa;font-size:9px}.listing-meta{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.listing-link{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-top:11px;padding:11px 13px;color:#6b7e9c;background:rgba(226,237,255,.65);border-radius:10px;font-size:10px}.listing-link span{color:var(--blue);font-size:15px}.listing-link strong{font-weight:600}
.sale-line{position:relative;z-index:1;display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #dbe6f4;color:#687c9c;font-size:12px}.sale-line b{color:var(--ink)}.sale-line b.minus{color:#b87963}.sale-result{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;padding-top:24px}.sale-result span{color:#627594;font-size:12px}.sale-result strong{color:var(--mint);font-size:28px;letter-spacing:-.05em}.shipping-row{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #dbe6f4}.shipping-row:last-child{border-bottom:0}.shipping-row>i{display:grid;width:25px;height:25px;place-items:center;border:1px solid #bfcfe7;border-radius:8px;color:transparent;font-style:normal}.shipping-row.done>i{color:var(--mint);background:#e4f6ef;border-color:#a8dbc9}.shipping-row div{display:grid;gap:3px}.shipping-row strong{font-size:12px}.shipping-row small{color:#8191aa;font-size:9px}.shipping-row>b{margin-left:auto;color:#96a6bc;font-size:20px}
.result-total{position:relative;z-index:1;display:grid;gap:7px;padding:24px 0 14px}.result-total strong{color:var(--blue);font-size:40px;letter-spacing:-.07em;line-height:1}.result-total span{color:var(--mint);font-size:10px}.result-chart{position:relative;z-index:1;display:flex;align-items:end;gap:12px;height:110px;padding:0 12px;border-bottom:1px solid #dbe6f4}.result-bar{display:block;flex:1;max-width:27px;background:#b3c4f0;border-radius:7px 7px 0 0}.result-bar.one{height:25%}.result-bar.two{height:39%}.result-bar.three{height:31%}.result-bar.four{height:56%}.result-bar.five{height:47%}.result-bar.six{height:88%;background:var(--blue);box-shadow:0 0 18px rgba(36,85,214,.2)}.result-labels{display:flex;justify-content:space-between;padding:7px 10px 0;color:#8a98ae;font-size:9px}
@media(max-width:900px){.journey-story{padding-top:60px}.journey-story-shell{grid-template-columns:180px minmax(0,1fr);gap:36px}.journey-panel{grid-template-columns:1fr;gap:35px}.journey-ui{justify-self:start}.journey-panel-copy{max-width:560px}}
@media(max-width:680px){.journey-story{margin-top:48px;padding:0 0 80px}.journey-story-shell{display:block;width:100%}.journey-rail{top:66px;z-index:5;height:auto;min-height:0;padding:14px 16px 12px;background:rgba(239,246,255,.92);border-bottom:1px solid rgba(128,156,207,.25);box-shadow:0 12px 24px rgba(45,77,139,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.journey-rail-top{font-size:10px}.journey-progress{position:relative;top:auto;bottom:auto;left:auto;width:100%;height:3px;margin:11px 0 10px;background:#c8d8f0}.journey-progress span{width:var(--journey-progress,20%);height:100%;transition:width .45s ease}.journey-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0}.journey-steps li{display:flex;justify-content:center;min-height:0;padding:0}.journey-steps li>span{width:24px;height:24px;font-size:8px}.journey-steps li div{display:none}.journey-steps li.is-active{transform:none}.journey-rail-note{display:none}.journey-panels{padding:0 16px}.journey-panel{min-height:calc(100vh - 118px);padding:126px 0 80px;gap:32px;opacity:.28;transform:none}.journey-panel.is-active{opacity:1}.journey-panel h3{font-size:clamp(35px,10vw,50px)}.journey-panel-copy>p{font-size:15px}.journey-ui{width:100%;padding:20px;border-radius:19px}.journey-ui-grid,.listing-meta{gap:7px}.result-chart{height:95px;gap:8px}}

/* The journey keeps its original horizontal progress bar, while the detailed scenes scroll below it. */
.journey-story-shell{display:block}
.journey-rail{position:sticky;top:88px;z-index:10;height:auto;min-height:0;margin:0 0 18px;padding:18px 22px 16px;background:rgba(239,246,255,.9);border-bottom:1px solid rgba(128,156,207,.25);box-shadow:0 14px 28px rgba(45,77,139,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.journey-rail-top{position:relative;z-index:2}
.journey-progress{position:absolute;top:72px;right:52px;bottom:auto;left:52px;width:auto;height:2px;margin:0;background:#c8d8f0}
.journey-progress span{width:var(--journey-progress,20%);height:100%;transition:width .45s ease}
.journey-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0 0}
.journey-steps li{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-height:0;transform:none;text-align:center}
.journey-steps li>span{width:30px;height:30px;background:#edf4ff}
.journey-steps li div{display:grid;gap:2px;justify-items:center}
.journey-steps li.is-active{transform:translateY(-2px)}
.journey-rail-note{display:none}
.journey-panels{min-width:0}
.journey-panel{min-height:calc(100vh - 278px);padding:72px 0 118px}

@media(max-width:900px){.journey-story-shell{display:block}.journey-rail{top:78px}.journey-panel{min-height:calc(100vh - 260px)}}
@media(max-width:680px){.journey-rail{top:66px;margin:0 -16px 0;padding:12px 16px 11px}.journey-rail-top{font-size:10px}.journey-progress{top:60px;right:29px;left:29px}.journey-steps{gap:4px;margin-top:13px}.journey-steps li{gap:0}.journey-steps li>span{width:24px;height:24px;font-size:8px}.journey-steps li div{display:none}.journey-panel{min-height:calc(100vh - 116px);padding:112px 0 80px}}