/* Three stops between the learner's uncertainty and the personal debrief. */
.journey-section{background:radial-gradient(ellipse at 50% 60%,#14335266,transparent 67%),#070d17;border-block:1px solid #23364a;overflow:hidden}
.journey-heading{text-align:center;max-width:960px;margin:0 auto}.journey-heading h2{font-size:clamp(34px,4vw,57px);line-height:1.12;letter-spacing:-.045em}.journey-heading>p{font-size:var(--copy-size);line-height:1.7;color:#a9bed6;margin:22px auto 0;max-width:740px}
.journey-scene{position:relative;margin-top:35px;padding-top:0}.journey-stops{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:66%;margin:auto;align-items:start}
.journey-stop{position:relative;text-align:left;border:1px solid #365d85;border-radius:14px;padding:21px 18px;background:linear-gradient(135deg,#17304a,#0e1c2e);color:#e3f0ff;font-family:inherit;cursor:pointer;box-shadow:0 12px 35px #0003;transition:border-color .2s,background .2s,transform .2s}
.journey-stop:nth-child(2){margin-top:-12px}.journey-stop:hover{border-color:#7abaef;transform:translateY(-3px)}.journey-stop:focus-visible{outline:2px solid #8ccfff;outline-offset:4px}.journey-stop.is-active{border-color:#51c9a3;background:linear-gradient(135deg,#16413c,#102c32)}
.journey-stop:after{content:'';position:absolute;left:50%;top:100%;width:1px;height:64px;background:linear-gradient(#609ace,#42688f33)}
.stop-number{display:block;font-size:11px;line-height:1.7;color:#8bc3f5;margin-bottom:12px;letter-spacing:.025em}.journey-stop strong{font-size:17px;line-height:1.55;display:block;font-weight:600;letter-spacing:-.025em}.stop-more{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#a6bfd9;margin-top:15px}.stop-more b{font-size:21px;font-weight:400;line-height:1}
.journey-landscape{position:relative;margin-top:-3px;height:340px}.journey-bridge{display:block;position:absolute;width:83%;height:100%;left:8.5%;top:0;overflow:visible}
.journey-bank{position:absolute;bottom:40px;z-index:1;max-width:170px}.bank-start{left:0;color:#ee899b}.bank-finish{right:0;color:#6ae0b4}.bank-symbol{display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;background:#172031;border-radius:50%;margin-bottom:14px;font-size:23px;box-shadow:0 0 40px #8b4f8322}.bank-finish .bank-symbol{background:#102c27;box-shadow:0 0 40px #43d6aa14}.journey-bank strong{font-size:18px;line-height:1.5;letter-spacing:-.02em;font-weight:500}
.journey-product{position:absolute;left:30%;right:30%;bottom:57px;text-align:center}.journey-product strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.02em}.journey-product span{display:block;margin-top:6px;font-size:13px;color:#a3c1dd}
.journey-status{text-align:center;font-size:13px;line-height:1.5;color:#8eacca;min-height:20px;margin-top:-4px}
.journey-support{display:flex;align-items:center;gap:23px;border-block:1px solid #2b4257;margin-top:25px;padding:23px 8%;color:#d1e3f4}.support-orbit{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid #416884;border-radius:50%;color:#8bd4ee;font-size:24px}.journey-support strong{font-size:19px;line-height:1.4}.journey-support p{font-size:16px;line-height:1.75;color:#a9c1d8;margin-top:8px;max-width:820px}
.journey-bottom{display:flex;align-items:center;justify-content:center;gap:35px;margin-top:27px}.journey-bottom .button{max-width:420px}.journey-refund{display:grid;gap:5px;font-size:13px;line-height:1.65;max-width:390px;color:#9bbdb1}.journey-refund strong{font-weight:500;color:#78dcb5}.journey-refund:hover strong{text-decoration:underline;text-underline-offset:4px}.journey-nojs{font-size:16px;line-height:1.8;margin-top:30px}.journey-nojs a{color:#8fc6ff;text-decoration:underline}
/* The traveler is a vector character; only limbs move while traveling. */
.traveler-arm{transform-origin:0px -75px}.traveler-leg{transform-origin:0px -43px}.journey-is-walking .arm-front,.journey-is-walking .leg-back{animation:journey-stride .42s ease-in-out infinite alternate}.journey-is-walking .arm-back,.journey-is-walking .leg-front{animation:journey-stride .42s ease-in-out infinite alternate-reverse}.journey-is-walking .traveler-body{animation:journey-bob .21s ease-in-out infinite alternate}
@keyframes journey-stride{from{transform:rotate(-16deg)}to{transform:rotate(16deg)}}@keyframes journey-bob{from{transform:translateY(0)}to{transform:translateY(-1px)}}
/* Full screen, scrollable illustrations, with persistent close and next controls. */
body.journey-modal-open{overflow:hidden}.journey-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:radial-gradient(ellipse at 50% 0,#173a5960,transparent 65%),#080f1b;color:#edf4ff;overflow:hidden;overscroll-behavior:contain}.journey-dialog::backdrop{background:#040910e8}.journey-dialog-shell{display:flex;flex-direction:column;height:100%;min-height:0}.journey-dialog-header{display:flex;align-items:center;gap:28px;flex:none;padding:17px max(25px,calc((100vw - 1320px)/2));border-bottom:1px solid #284059;background:#0c1726}.journey-dialog-brand{font-size:17px;font-weight:600;white-space:nowrap}.journey-dialog-brand span{font-size:11px;color:#87a6c5;font-weight:400;letter-spacing:.07em;margin-left:20px}.journey-dialog-position{margin-left:auto;font-size:13px;color:#99b5cf;white-space:nowrap}.journey-close{width:44px;height:44px;background:#14283e;border:1px solid #36516e;border-radius:9px;font-size:29px;line-height:1;font-family:inherit;color:#c9e1f7;cursor:pointer;flex:none}.journey-close:hover{border-color:#83bff1;background:#1b3855}
.journey-dialog-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:38px max(25px,calc((100vw - 1220px)/2)) 35px;scrollbar-color:#476b8d #0c1726}.journey-dialog-intro{max-width:none;margin:0 0 30px}.journey-dialog-intro h2{font-size:clamp(30px,3.5vw,47px);line-height:1.2;letter-spacing:-.035em;max-width:1080px}.journey-dialog-intro h2:focus{outline:none}.journey-dialog-intro>p{font-size:18px;line-height:1.8;color:#b1c8de;margin-top:21px;max-width:990px}.journey-dialog .eyebrow{color:#83c2f5;margin-bottom:15px}
.journey-panel[hidden]{display:none!important}.journey-illustration{margin:0;border:1px solid #304b67;border-radius:14px;overflow:hidden;background:#03080e}.journey-illustration a{display:block;cursor:zoom-in}.journey-illustration img{display:block;width:100%;height:auto}.journey-illustration figcaption{font-size:13px;line-height:1.6;padding:13px 18px;background:#0d1c2e;color:#9db6d0}
.journey-explain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:25px;margin:28px 0}.journey-explain li{border-top:1px solid #315371;padding-top:19px}.journey-explain li>span{font-size:12px;color:#78b9ee}.journey-explain h3{font-size:20px;line-height:1.5;letter-spacing:-.02em;margin:8px 0}.journey-explain p{font-size:16px;line-height:1.8;color:#a9c0d7}
.journey-dialog .cycle-heading{margin-top:0;padding-top:0;border:0}.journey-dialog .cycle-heading p{font-size:18px}.journey-dialog .cycle-figure{box-shadow:none}.journey-dialog .cycle-figure figcaption{font-size:13px}
.journey-safe-note{font-size:16px;line-height:1.8;border-left:2px solid #4ba7dc;padding:5px 0 5px 22px;color:#b3cade;margin-top:23px}.journey-result{display:flex;align-items:flex-start;gap:17px;margin-top:28px;padding:24px 28px;border:1px solid #2d785d;border-radius:13px;background:linear-gradient(120deg,#103b2e,#102b29);color:#b9f0d6}.journey-result>span{display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid #4dbe8d;border-radius:50%;font-size:15px}.journey-result strong{font-size:17px;font-weight:500;color:#6be3ae}.journey-result p{font-size:18px;line-height:1.7;margin-top:7px;max-width:1000px}
.journey-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;padding:16px max(25px,calc((100vw - 1220px)/2));padding-bottom:max(16px,env(safe-area-inset-bottom));background:#0c1929;border-top:1px solid #2e4b65;box-shadow:0 -10px 40px #03081255}.journey-back{font:inherit;font-size:15px;line-height:1.5;color:#a9c8e7;border:0;background:none;cursor:pointer;padding:10px 0}.journey-footer-note{font-size:13px;color:#88a8c4}.journey-next{font-family:inherit;cursor:pointer;border:0;min-width:235px;justify-content:center}.journey-next:disabled{cursor:wait;opacity:.65}
#task:after,#method:after{content:'';display:block;height:40px;width:1px;margin:35px auto -65px;background:linear-gradient(#be6e85,#548bbe)}#method:after{background:linear-gradient(#548bbe,#52cda5)}
@media(min-width:1200px){.journey-section{padding-block:55px}.journey-heading h2{font-size:46px}.journey-heading>p{margin-top:15px;font-size:17px}.journey-scene{margin-top:30px}.journey-landscape{height:275px}.journey-support{padding-block:14px;margin-top:15px}.journey-bottom{margin-top:23px}}
@media(max-width:1100px){.journey-stops{width:74%;gap:12px}.journey-stop{padding:17px 14px}.journey-stop strong{font-size:15px}.journey-bank strong{font-size:16px}.journey-bank{max-width:150px}.journey-product strong{font-size:19px}.journey-support{padding-inline:4%}.journey-bottom{gap:25px}.journey-refund{max-width:320px}.journey-dialog-brand span{display:none}}
@media(max-width:800px){.journey-stops{width:100%;gap:10px}.journey-stop strong{font-size:16px}.stop-number{font-size:10px}.stop-more{font-size:12px}.journey-landscape{height:280px}.journey-bank{bottom:16px;max-width:120px}.journey-bank strong{font-size:14px}.bank-symbol{width:34px;height:34px;font-size:19px;margin-bottom:9px}.journey-product{left:25%;right:25%;bottom:42px}.journey-product strong{font-size:18px}.journey-product span{font-size:12px}.journey-bridge{width:92%;left:4%}.journey-bottom{flex-direction:column;align-items:stretch;gap:18px}.journey-bottom .button{max-width:none;justify-content:center}.journey-refund{max-width:none;text-align:center}.journey-explain{gap:18px}.journey-explain h3{font-size:18px}}
@media(max-width:600px){.journey-heading h2{font-size:33px}.journey-heading>p{font-size:16px}.journey-scene{margin-top:26px}.journey-stops{grid-template-columns:1fr;gap:10px}.journey-stop,.journey-stop:nth-child(2){margin-top:0;padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;border-radius:11px}.journey-stop:after{display:none}.stop-number{margin:0;font-size:11px;grid-column:1/-1}.journey-stop strong{font-size:18px;line-height:1.4}.journey-stop strong br{display:none}.stop-more{margin:0;font-size:0;gap:0}.stop-more b{font-size:27px}.journey-stop:nth-child(2) strong br:after,.journey-stop strong br:after{content:' '}.journey-landscape{height:245px;margin-top:8px}.journey-bridge{width:108%;left:-4%;height:190px;top:0}.journey-bank{bottom:0;max-width:135px}.bank-symbol{display:none}.journey-bank strong{font-size:14px}.journey-product{left:16%;right:16%;bottom:61px}.journey-product strong{font-size:17px}.journey-product span{font-size:12px}.journey-status{font-size:12px;margin-top:18px}.journey-support{gap:13px;padding:22px 0;align-items:flex-start;margin-top:22px}.support-orbit{width:32px;height:32px;font-size:20px}.journey-support strong{font-size:18px}.journey-support p{font-size:16px;line-height:1.8}.journey-bottom .button{padding:18px 16px;font-size:15px}.journey-bottom .button>span{display:none}.journey-refund{font-size:13px}.journey-dialog-header{padding:12px 16px;gap:12px}.journey-dialog-brand{font-size:14px}.journey-dialog-position{font-size:12px}.journey-close{height:40px;width:40px}.journey-dialog-scroll{padding:25px 18px 27px}.journey-dialog-intro{margin-bottom:24px}.journey-dialog-intro h2{font-size:29px}.journey-dialog-intro>p{font-size:16px;line-height:1.8;margin-top:16px}.journey-dialog .eyebrow{font-size:11px;letter-spacing:.025em}.journey-illustration{border-radius:9px}.journey-illustration figcaption{font-size:12px;padding:12px}.journey-explain{grid-template-columns:1fr;gap:20px;margin:24px 0}.journey-explain li{padding-top:16px}.journey-explain h3{font-size:20px}.journey-explain p{font-size:16px}.journey-dialog .cycle-heading h3{font-size:28px}.journey-dialog .cycle-heading p{font-size:16px}.journey-dialog .cycle-mobile{display:grid}.journey-result{padding:20px 17px;gap:12px}.journey-result p{font-size:16px}.journey-result strong{font-size:16px}.journey-safe-note{padding-left:16px}.journey-dialog-footer{padding-inline:16px;gap:15px;padding-top:12px}.journey-footer-note{display:none}.journey-back{font-size:13px;white-space:nowrap}.journey-next{font-size:14px;min-width:0;flex:1;max-width:255px;gap:10px;padding:13px 14px}.journey-next>span{display:none}#task:after,#method:after{margin-bottom:-55px;height:30px}}
@media(prefers-reduced-motion:reduce){.journey-stop{transition:none}.journey-is-walking .traveler-body,.journey-is-walking .traveler-arm,.journey-is-walking .traveler-leg{animation:none}}

/* The outcome of each stop is visible before opening its details. */
.section-anchor{display:block;position:relative;top:-25px;scroll-margin-top:30px}
.journey-stops{align-items:stretch;width:74%}
.stop-result{display:block;font-size:14px;line-height:1.65;color:#b5cce0;margin-top:12px;font-weight:400}
@media(max-width:1100px){.journey-stops{width:82%}}
@media(max-width:800px){.journey-stops{width:100%}}
@media(max-width:600px){.stop-result{grid-column:1/-1;grid-row:3;font-size:15px;margin-top:2px}.stop-more{grid-column:2;grid-row:2}}

/* An embedded tiny preview keeps the image area useful on slow connections. */
.journey-media{position:relative;aspect-ratio:var(--image-ratio);isolation:isolate;overflow:hidden;background:#0c1928}
.journey-media:before{content:'';position:absolute;inset:0;background-image:var(--image-preview);background-size:cover;background-position:center;filter:blur(6px);transform:scale(1.04);opacity:.65;z-index:-1}
.journey-media>a{height:100%}
.journey-media img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .18s ease}
.journey-media[data-load-state]:not([data-load-state="ready"]) img{opacity:0}
.journey-image-status{display:none}
.journey-media[data-load-state]:not([data-load-state="ready"]) .journey-image-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;text-align:center;background:#050d1855;pointer-events:none}
.journey-image-status>span{max-width:440px;border:1px solid #49607888;border-radius:10px;padding:14px 20px;background:#0c1929ed;color:#d6e7f7;font-size:15px;line-height:1.6}
.journey-image-retry{pointer-events:auto;border:1px solid #679bd0;border-radius:8px;background:#184879;color:#eff7ff;font:inherit;font-size:14px;min-height:44px;padding:10px 18px;cursor:pointer}
.journey-image-retry[hidden]{display:none}
.journey-image-retry:focus-visible{outline:2px solid #a0d6ff;outline-offset:3px}
@media(max-width:600px){.journey-image-status{gap:8px!important;padding:12px!important}.journey-image-status>span{font-size:12px;padding:9px 12px}.journey-image-retry{font-size:12px;min-height:40px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.journey-media img{transition:none}}
