/* JJIT v26 — premium How I Work component. Isolated namespace to avoid legacy collisions. */
.process-journey{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(92px,9vw,150px) 0 clamp(104px,10vw,168px);
  background:
    radial-gradient(ellipse 62% 82% at 75% 44%,rgba(30,108,160,.10),transparent 62%),
    radial-gradient(circle at 92% 62%,rgba(255,101,0,.07),transparent 25rem);
}
.process-journey::before{
  content:"";position:absolute;inset:0;z-index:-4;pointer-events:none;
  background-image:linear-gradient(rgba(72,132,171,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(72,132,171,.045) 1px,transparent 1px);
  background-size:82px 82px;
  mask-image:radial-gradient(ellipse 72% 82% at 76% 45%,#000,transparent 78%);
  opacity:.68;
}
.process-journey__layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(620px,1.18fr);gap:clamp(48px,6vw,96px);align-items:center;position:relative}
.process-journey__copy{position:relative;z-index:3;max-width:680px}
.process-journey__copy .eyebrow{margin-bottom:27px}
.process-journey__title{font-size:clamp(58px,5.4vw,88px);line-height:.94;letter-spacing:-.064em;max-width:680px;margin:0 0 28px;color:#f7f8fa;text-wrap:balance}
.process-journey__title em{font-style:normal;color:#f2f5f7;background:linear-gradient(105deg,#f8fafb 4%,#d7e0e7 60%,#ff9a4d 81%,#ff6500 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.process-journey__lead{max-width:620px;color:#9db1c0;font-size:clamp(17px,1.4vw,21px);line-height:1.62;margin:0 0 30px}
.process-journey__cta{min-width:250px;border-color:rgba(255,112,20,.78);box-shadow:0 0 0 1px rgba(255,101,0,.08),0 16px 45px rgba(0,0,0,.28),0 0 34px rgba(255,101,0,.08);background:linear-gradient(135deg,rgba(10,26,37,.82),rgba(3,12,20,.92))}
.process-journey__cta:hover{border-color:#ff7927;box-shadow:0 0 0 1px rgba(255,112,20,.15),0 19px 48px rgba(0,0,0,.36),0 0 42px rgba(255,101,0,.14)}
.process-journey__flow{margin-top:45px;display:flex;gap:13px;align-items:center;flex-wrap:wrap;color:#698497;font-size:9px;line-height:1;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.process-journey__flow i{width:28px;height:1px;background:linear-gradient(90deg,#ff6500,#ff9a4d);box-shadow:0 0 12px rgba(255,101,0,.45)}
.process-journey__flow b{color:#ff7d25;font-size:12px;font-weight:900}

.process-journey__visual{position:relative;min-height:720px;perspective:1500px;--tiltX:0deg;--tiltY:0deg;--orbX:0px;--orbY:0px}
.process-journey__orb{position:absolute;z-index:-2;width:min(720px,92%);aspect-ratio:1;left:5%;top:50%;translate:0 -50%;border-radius:50%;pointer-events:none;transform:translate3d(var(--orbX),var(--orbY),0);transition:transform .45s var(--ease);background:
  radial-gradient(circle at 38% 35%,rgba(74,158,214,.14),rgba(9,36,54,.09) 38%,rgba(2,9,16,.04) 62%,transparent 72%),
  repeating-radial-gradient(circle at 50% 50%,rgba(76,143,185,.10) 0 1px,transparent 1px 22px);
  border:1px solid rgba(85,145,183,.09);box-shadow:inset -36px -34px 88px rgba(255,101,0,.025),inset 20px 14px 72px rgba(63,153,216,.025)}
.process-journey__orb::before{content:"";position:absolute;inset:7%;border-radius:50%;background-image:radial-gradient(circle,rgba(255,117,28,.34) 0 1px,transparent 1.5px);background-size:22px 22px;mask-image:radial-gradient(circle at 52% 48%,#000 0 43%,transparent 72%);opacity:.30;transform:rotate(-8deg)}
.process-journey__orb::after{content:"";position:absolute;inset:-5%;border-radius:50%;border:1px solid rgba(92,157,196,.11);transform:rotate(17deg) scaleY(.62);box-shadow:0 0 54px rgba(48,134,192,.035)}
.process-journey__terrain{position:absolute;z-index:-3;left:-8%;right:-8%;height:280px;bottom:1%;pointer-events:none;transform:perspective(600px) rotateX(67deg);transform-origin:center bottom;background-image:linear-gradient(rgba(55,127,171,.095) 1px,transparent 1px),linear-gradient(90deg,rgba(55,127,171,.095) 1px,transparent 1px);background-size:44px 34px;mask-image:linear-gradient(to top,#000,transparent 92%);opacity:.54}
.process-journey__terrain::after{content:"";position:absolute;inset:18% -10% -20%;background:radial-gradient(ellipse at 64% 50%,rgba(255,101,0,.11),transparent 40%);filter:blur(16px)}

.process-journey__connector{position:absolute;left:1%;top:7%;width:25%;height:86%;overflow:visible;z-index:1;filter:drop-shadow(0 0 7px rgba(255,101,0,.48));pointer-events:none}
.process-journey__connector .rail{fill:none;stroke:url(#process-journey-gradient);stroke-width:2.1;opacity:.76}
.process-journey__connector .pulse{fill:none;stroke:#ff9b45;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:4 26;animation:process-journeyDash 4.5s linear infinite;opacity:.95}
.process-journey__connector .node{fill:#07131d;stroke:#ff7a24;stroke-width:2.4;filter:drop-shadow(0 0 7px rgba(255,101,0,.8))}
.process-journey__connector .nodeCore{fill:#fff1e6;filter:drop-shadow(0 0 5px #ff6500)}
@keyframes process-journeyDash{to{stroke-dashoffset:-120}}

.process-journey__stack{position:absolute;inset:3% 0 0 14%;transform-style:preserve-3d;transform:rotateX(var(--tiltX)) rotateY(var(--tiltY));transition:transform .5s var(--ease)}
.process-journey__card{--shift:0px;--rot:0deg;position:absolute;left:0;right:0;height:152px;display:grid;grid-template-columns:52px 76px minmax(0,1fr) 52px 112px;gap:20px;align-items:center;padding:22px 25px;border:1px solid rgba(129,175,204,.48);border-radius:27px;background:
  linear-gradient(110deg,rgba(15,40,56,.88),rgba(4,17,27,.93) 58%,rgba(9,26,38,.89)),
  radial-gradient(circle at 95% 82%,rgba(255,101,0,.13),transparent 23%);
box-shadow:0 30px 68px rgba(0,0,0,.37),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(255,107,10,.07),8px 7px 0 -5px rgba(34,78,105,.24);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translate3d(var(--shift),0,0) rotateZ(var(--rot));transition:transform .5s var(--ease),border-color .35s ease,box-shadow .35s ease,background .35s ease;overflow:hidden}
.process-journey__card::before{content:"";position:absolute;right:-55px;bottom:-65px;width:200px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,14,.17),rgba(255,101,0,.04) 45%,transparent 72%);filter:blur(12px);opacity:.7;transition:opacity .35s ease,transform .5s var(--ease)}
.process-journey__card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(94,161,200,.34) 20%,rgba(255,101,0,.62) 78%,rgba(255,143,64,.9) 98%);box-shadow:0 0 17px rgba(255,101,0,.24)}
.process-journey__card:nth-child(1){top:0;--shift:1%;--rot:1.35deg;z-index:4}
.process-journey__card:nth-child(2){top:170px;--shift:8%;--rot:1.05deg;z-index:3}
.process-journey__card:nth-child(3){top:340px;--shift:0%;--rot:1.5deg;z-index:2}
.process-journey__card:nth-child(4){top:510px;--shift:10%;--rot:.65deg;z-index:1}
.process-journey__card:hover{transform:translate3d(calc(var(--shift) - 7px),-4px,22px) rotateZ(0deg);border-color:rgba(255,132,49,.72);box-shadow:0 36px 78px rgba(0,0,0,.44),0 0 34px rgba(255,101,0,.07),inset 0 1px 0 rgba(255,255,255,.10)}
.process-journey__card:hover::before{opacity:1;transform:scale(1.18)}
.process-journey__num{font-size:13px;font-weight:950;color:#ff7b24;align-self:start;margin-top:4px}
.process-journey__icon{position:relative;width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(83,141,176,.38);border-radius:21px;background:linear-gradient(145deg,rgba(17,43,59,.96),rgba(3,13,22,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 12px 28px rgba(0,0,0,.28);overflow:hidden}
.process-journey__icon::after{content:"";position:absolute;right:-14px;bottom:-14px;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#ff8a35 0 4%,rgba(255,101,0,.45) 15%,transparent 67%);filter:blur(4px);opacity:.88}
.process-journey__icon img{width:42px;height:42px;position:relative;z-index:1;filter:drop-shadow(0 0 7px rgba(255,255,255,.05))}
.process-journey__body{min-width:0}.process-journey__body h3{margin:0;color:#f7f8fa;font-size:clamp(23px,2vw,29px);line-height:1;letter-spacing:-.04em}.process-journey__body p{margin:7px 0 0;color:#819aab;font-size:14px;line-height:1.35}
.process-journey__arrow{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(88,142,175,.31);border-radius:50%;font-size:22px;color:#ff7e27;background:rgba(4,17,27,.56);transition:transform .32s var(--ease),border-color .3s ease,background .3s ease}
.process-journey__card:hover .process-journey__arrow{transform:translateX(4px);border-color:rgba(255,118,30,.55);background:rgba(255,101,0,.06)}
.process-journey__micro{height:58px;border-left:1px solid rgba(82,136,169,.22);padding-left:20px;display:flex;flex-direction:column;justify-content:center;gap:5px;color:#5f7d90;font-size:8px;font-weight:800;line-height:1;letter-spacing:.18em;text-transform:uppercase}
.process-journey__sideword{position:absolute;right:-12px;top:1%;display:grid;gap:7px;color:#4f7083;font-size:8px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;opacity:.66}
.process-journey__sideword::after{content:"";width:20px;height:2px;margin-top:3px;background:#ff6500;box-shadow:0 0 11px rgba(255,101,0,.5)}

@media (max-width:1260px){
  .process-journey__layout{grid-template-columns:minmax(0,.8fr) minmax(570px,1.2fr);gap:38px}.process-journey__card{grid-template-columns:45px 68px minmax(0,1fr) 45px 90px;gap:14px;padding-inline:20px}.process-journey__icon{width:64px;height:64px}.process-journey__micro{padding-left:14px}.process-journey__title{font-size:clamp(54px,5.2vw,74px)}
}
@media (max-width:1020px){
  .process-journey{padding:90px 0 112px}.process-journey__layout{grid-template-columns:1fr;gap:55px}.process-journey__copy{max-width:820px}.process-journey__title{max-width:850px;font-size:clamp(58px,9vw,86px)}.process-journey__lead{max-width:760px}.process-journey__visual{width:min(900px,100%);margin-inline:auto;min-height:710px}.process-journey__stack{inset:3% 2% 0 15%}.process-journey__sideword{display:none}
}
@media (max-width:720px){
  .process-journey{padding:72px 0 86px}.process-journey__copy .eyebrow{margin-bottom:20px}.process-journey__title{font-size:clamp(46px,13vw,66px);line-height:.96;margin-bottom:22px}.process-journey__lead{font-size:16px;line-height:1.55}.process-journey__cta{width:100%;min-width:0}.process-journey__flow{margin-top:30px;gap:9px;font-size:8px;letter-spacing:.13em}.process-journey__flow i{width:18px}
  .process-journey__visual{min-height:auto;display:grid;gap:14px;padding:40px 0 0}.process-journey__orb{width:130%;left:-15%;top:35%;opacity:.56}.process-journey__terrain{display:none}.process-journey__connector{left:19px;top:56px;width:30px;height:calc(100% - 86px);z-index:0}.process-journey__stack{position:relative;inset:auto;display:grid;gap:14px;transform:none!important}.process-journey__card,.process-journey__card:nth-child(n){position:relative;top:auto;left:auto;right:auto;height:auto;min-height:142px;--shift:0px;--rot:0deg;transform:none;display:grid;grid-template-columns:38px 62px minmax(0,1fr) 38px;padding:18px 15px 18px 14px;gap:10px;border-radius:23px;margin-left:38px}.process-journey__card:hover{transform:translateY(-2px)}.process-journey__num{font-size:11px}.process-journey__icon{width:58px;height:58px;border-radius:18px}.process-journey__icon img{width:36px;height:36px}.process-journey__body h3{font-size:22px}.process-journey__body p{font-size:13px}.process-journey__arrow{width:36px;height:36px;font-size:18px}.process-journey__micro{display:none}.process-journey__connector .rail,.process-journey__connector .pulse{stroke-width:2}.process-journey__sideword{display:none}
}
@media (max-width:430px){.process-journey__card,.process-journey__card:nth-child(n){grid-template-columns:31px 52px minmax(0,1fr) 31px;margin-left:29px;padding:16px 11px 16px 10px;gap:8px}.process-journey__icon{width:50px;height:50px;border-radius:16px}.process-journey__icon img{width:31px;height:31px}.process-journey__body h3{font-size:19px}.process-journey__body p{font-size:12px}.process-journey__arrow{width:30px;height:30px}.process-journey__connector{left:12px}}
@media (prefers-reduced-motion:reduce){.process-journey__connector .pulse{animation:none}.process-journey__card,.process-journey__stack,.process-journey__orb{transition:none!important}.process-journey__card:hover{transform:none}}