#approach {background:radial-gradient(ellipse at 90% 30%,#15356866,transparent 65%),#07162d;}
#approach .process-journey {position:relative;isolation:isolate;--journey-progress:0;margin-top:2rem;border:0;}
#approach .process-journey::before,#approach .process-journey::after {content:"";position:absolute;left:21px;top:32px;bottom:32px;width:2px;z-index:-1;}
#approach .process-journey::before {background:#58708b55;}
#approach .process-journey::after {background:linear-gradient(#ffb66d,#ff630b);transform:scaleY(var(--journey-progress));transform-origin:top;transition:transform 1s ease;box-shadow:0 0 14px #ff791d55;}
#approach .process-journey .process-step {position:relative;display:grid;grid-template-columns:44px minmax(130px,.8fr) 1.5fr;align-items:center;gap:1.1rem;margin:0 0 1rem;padding:1.1rem 4.5rem 1.1rem 0;min-height:100px;border:0;opacity:1;transform:none;background:none;}
#approach .process-step::before {content:"";position:absolute;inset:0 0 0 58px;z-index:-1;border:1px solid #91b4e324;border-radius:14px;background:linear-gradient(110deg,#15345880,#0b213f55);transition:border-color .65s,background .65s,box-shadow .65s;}
#approach .process-step > span {display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #6582a4;background:#0b203b;border-radius:50%;color:#afc4dd;font-size:.75rem;transition:background .6s,border-color .6s,color .6s,box-shadow .6s;}
#approach .process-step strong {padding-left:1rem;font-size:1.6rem;color:#f4f7ff;}
#approach .process-step p {margin:0;color:#bfcee0;line-height:1.5;}
#approach .process-symbol {position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);width:28px;height:28px;color:#7994b7;transition:color .65s;}
#approach .process-step.is-lit > span {color:#fff;border-color:#ff8b40;background:#7b351d;box-shadow:0 0 0 5px #ff791d0d,0 0 22px #ff791d30;}
#approach .process-step.is-current::before {border-color:#ff8b4066;background:linear-gradient(110deg,#183e69cc,#11294a77);box-shadow:0 8px 35px #0002;}
#approach .process-step.is-current .process-symbol {color:#ffa569;}
#approach .process-step.is-current > span {animation:journey-beacon 1.8s ease-out 1;}
@keyframes journey-beacon {0%{box-shadow:0 0 0 0 #ff862b55}100%{box-shadow:0 0 0 14px #ff862b00}}
@media(max-width:620px){
 #approach {padding-block:1.6rem;}
 #approach .section-heading h2 {font-size:1.85rem;}
 #approach .process-journey {margin-top:1.4rem;}
 #approach .process-journey::before,#approach .process-journey::after {left:16px;top:30px;bottom:40px;}
 #approach .process-journey .process-step {grid-template-columns:34px minmax(0,1fr);gap:.25rem 1rem;min-height:92px;padding:.8rem 2.9rem .8rem 0;margin-bottom:.65rem;}
 #approach .process-step::before {left:45px;border-radius:12px;}
 #approach .process-step > span {grid-column:1;grid-row:1/3;width:34px;height:34px;align-self:start;margin-top:.15rem;font-size:.67rem;}
 #approach .process-step strong {grid-column:2;padding-left:.6rem;font-size:1.18rem;line-height:1.3;}
 #approach .process-step p {grid-column:2;padding-left:.6rem;font-size:.84rem;line-height:1.45;}
 #approach .process-symbol {right:.75rem;width:22px;height:22px;top:1rem;transform:none;}
 #approach .approach-next {margin-top:.7rem;}
}
@media(prefers-reduced-motion:reduce){
 #approach .process-journey::after,#approach .process-step::before,#approach .process-step > span,#approach .process-symbol {transition:none;animation:none;}
}