.process-journey{align-items:start;position:relative;gap:75px;padding-block:85px;background:#f5f7fb}
.process-journey .outcome-statement{position:sticky;top:115px;align-self:start;animation:none!important;opacity:1!important;translate:none!important}
.process-journey .outcome-statement h2{font-size:38px}
.journey-visual{margin-top:35px;background:#fff;border:1px solid #d5e0ef;border-radius:20px;box-shadow:0 22px 50px #29408e0c;overflow:hidden;color:#002f6d}
.journey-topline{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #e7edf5;gap:10px}.journey-topline>span{font-size:11px;color:#29408e;font-weight:600;letter-spacing:1px}.journey-topline>small{font-size:9px;color:#526987}
.journey-scene{height:285px;position:relative;perspective:1000px;background:radial-gradient(ellipse at 90% 15%,#e8eefb,transparent 65%),#f9fbff}
.journey-plane{position:absolute;inset:22px 25px;opacity:0;visibility:hidden;transform:translateX(28px) rotateY(-9deg) scale(.96);transition:opacity .5s ease,transform .65s cubic-bezier(.22,1,.36,1),visibility .5s;pointer-events:none}
.journey-visual[data-stage="0"] .journey-brief,.journey-visual[data-stage="1"] .journey-interface,.journey-visual[data-stage="2"] .journey-connected,.journey-visual[data-stage="3"] .journey-published{opacity:1;visibility:visible;transform:translateX(0) rotateY(0) scale(1)}
.journey-brief{background:#fff;border:1px solid #d3deef;border-radius:12px;padding:20px;box-shadow:8px 8px 0 #29408e08}.journey-brief>small,.journey-published>small{font-size:8px;letter-spacing:1.3px;color:#526987}.journey-brief h3{font-size:24px;line-height:1.15;margin:12px 0 18px;letter-spacing:-.6px}.journey-brief>div{display:flex;gap:15px;align-items:center;padding:9px 0;border-top:1px solid #edf1f7}.journey-brief>div span{font-size:8px;color:#f26b27;min-width:30px}.journey-brief>div b{font-size:11px;font-weight:500}
.journey-interface{border:1px solid #cbd8ec;background:#fff;border-radius:12px;overflow:hidden;box-shadow:8px 10px 0 #29408e08}.journey-browser{display:flex;justify-content:space-between;padding:12px;font-size:7px;letter-spacing:2px;color:#f26b27;border-bottom:1px solid #e5ecf6}.journey-browser span{color:#526987;letter-spacing:0;font-size:8px}.journey-layout{padding:18px;display:grid;grid-template-columns:1.3fr .7fr;gap:15px}.journey-layout small{font-size:7px;color:#526987;letter-spacing:1px}.journey-layout h3{font-size:22px;line-height:1.1;margin:10px 0 14px}.journey-layout i{display:block;height:5px;background:#e1e8f3;width:85%;margin-top:7px;border-radius:3px}.journey-layout i+i{width:60%}.journey-layout b{display:inline-block;padding:8px 10px;margin-top:14px;border-radius:16px;font-size:9px;color:#fff;background:#29408e}.journey-layout aside{display:flex;flex-direction:column;gap:8px;padding-top:12px}.journey-layout aside span{flex:1;border-radius:8px;background:linear-gradient(120deg,#29408e15,#f26b2715);border:1px solid #e0e7f3}.journey-refine{border-top:1px solid #edf1f7;font-size:8px;color:#526987;padding:10px 14px}
.journey-node{position:absolute;width:100px;border:1px solid #ccd9ed;border-radius:12px;background:#fff;padding:12px;text-align:center;z-index:2;box-shadow:0 10px 20px #29408e0a}.journey-node span{display:block;font-size:20px;color:#f26b27;margin-bottom:7px}.journey-node b{display:block;font-size:10px;font-weight:500}.node-interface{left:0;top:70px}.node-data{right:0;top:0}.node-auth{right:0;top:84px}.node-flow{right:0;top:168px}.journey-link{position:absolute;height:2px;background:#c9d7eb;transform-origin:left center;left:95px;right:90px;top:110px}.link-one{transform:rotate(-30deg)}.link-three{transform:rotate(30deg)}.journey-link:after{content:'';position:absolute;inset:0;background:#f26b27;transform-origin:left;transform:scaleX(0)}.journey-visual[data-stage="2"] .journey-link:after{animation:connectJourney .8s ease forwards}.journey-visual[data-stage="2"] .link-two:after{animation-delay:.15s}.journey-visual[data-stage="2"] .link-three:after{animation-delay:.3s}.journey-connect-caption{position:absolute;bottom:-9px;left:0;right:0;text-align:center;font-size:9px;color:#526987}
.journey-published{text-align:center;inset:17px 20px}.journey-release-mark{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#29408e;color:#fff;font-size:21px;margin:0 auto 12px;box-shadow:0 0 0 7px #29408e0c}.journey-published h3{font-size:24px;line-height:1.2;margin:12px 0 16px}.journey-published>div:last-of-type{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.journey-published>div span{font-size:9px;background:#fff;border:1px solid #d9e4f1;border-radius:20px;padding:8px 10px}.journey-published p{font-size:8px;color:#526987;margin:15px 0 0}
.journey-bottom{padding:17px 20px;border-top:1px solid #e1e8f3}.journey-bottom>span{font-size:11px;line-height:1.5;display:block;min-height:33px;color:#526987}.journey-mini-track{display:flex;gap:7px;margin-top:10px}.journey-mini-track i{height:3px;flex:1;border-radius:2px;background:#d8e2f0;transition:background .4s}.journey-visual[data-stage="0"] .journey-mini-track i:first-child,.journey-visual[data-stage="1"] .journey-mini-track i:nth-child(-n+2),.journey-visual[data-stage="2"] .journey-mini-track i:nth-child(-n+3),.journey-visual[data-stage="3"] .journey-mini-track i{background:#f26b27}
.journey-stops{position:relative;padding-left:0;animation:none!important;opacity:1!important;translate:none!important}.journey-stops:before,.journey-stops:after{content:'';position:absolute;left:19px;top:42px;bottom:80px;width:2px;background:#d5dfed;z-index:0}.journey-stops:after{background:#f26b27;transform:scaleY(var(--journey-progress,0));transform-origin:top;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.journey-stops article{min-height:165px;display:grid;grid-template-columns:40px 1fr;column-gap:24px;padding:25px 0!important;border:0!important;position:relative;background:transparent!important;box-shadow:none!important;opacity:1!important;transform:none!important}.journey-stops article:before{display:none!important}.journey-step{position:relative;z-index:1;grid-row:1/3;width:40px;height:40px;border:1px solid #bccde6;border-radius:50%;background:#f5f7fb;color:#526987;font-size:11px;cursor:pointer;transition:background .35s,color .35s,box-shadow .35s}.journey-stops article h3{margin:4px 0 10px;font-size:19px;color:#29408e}.journey-stops article p{grid-column:2;margin:0;font-size:13px;line-height:1.7;color:#526987}.journey-active .journey-step{color:#fff;background:#29408e;border-color:#29408e;box-shadow:0 0 0 6px #29408e0c}.journey-complete .journey-step{color:#f26b27;border-color:#f26b27;background:#fff}.journey-stops .journey-active h3{color:#002f6d}
@keyframes connectJourney{to{transform:scaleX(1)}}
@media(max-width:1000px){.process-journey{gap:35px}.journey-plane{inset-inline:18px}.journey-node{width:86px}.journey-link{left:82px;right:77px}.journey-brief{padding:17px}.journey-brief>div b{font-size:10px}}
@media(max-width:700px){.process-journey{grid-template-columns:1fr;gap:32px;padding-block:55px}.process-journey .outcome-statement{position:static}.process-journey .outcome-statement h2{font-size:30px}.journey-visual{max-width:400px;margin:25px auto 0}.journey-scene{height:290px}.journey-stops article{min-height:145px;column-gap:18px;padding:20px 0!important}.journey-stops article h3{font-size:17px}.journey-stops article p{font-size:12px}.journey-stops:before,.journey-stops:after{top:40px;bottom:65px}.journey-topline{padding:16px}.journey-bottom{padding:15px 16px}}
@media(prefers-reduced-motion:reduce){.journey-plane,.journey-stops:after,.journey-step,.journey-mini-track i{transition:none!important}.journey-link:after{animation:none!important}.journey-visual[data-stage="2"] .journey-link:after{transform:scaleX(1)}}
@media(max-width:700px) and (min-height:700px){.process-journey .outcome-statement{display:contents}.process-journey .outcome-statement h2{margin:0}.process-journey .journey-visual{position:sticky;top:82px;z-index:3;align-self:start;width:100%;margin:0 auto;box-shadow:0 15px 30px #29408e16}}
@media(max-width:700px) and (min-height:700px){.journey-step{scroll-margin-top:520px;scroll-margin-bottom:80px}}