/* A real scene behind the existing four steps, with a steady readability layer. */
.process-section{position:relative;isolation:isolate;overflow:hidden;background:var(--navy);min-height:720px;padding-block:70px}
.process-section>.container{position:relative;z-index:1;min-height:580px;display:flex;flex-direction:column;justify-content:space-between;gap:140px}
.process-section .h2{color:#fff;text-shadow:0 2px 20px #061b3d99;margin:0;max-width:700px}
.process-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}
.process-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,27,61,.57),rgba(6,27,61,.12) 42%,rgba(6,27,61,.58));}
.process-scene img,.process-scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.process-scene video{opacity:0}
.process-scene.is-ready video{opacity:1}
.process-section .steps.is-connected{margin:0;padding-top:22px;gap:18px}
.process-section .steps>li{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.75);box-shadow:0 10px 35px #061b3d26}
.process-section .steps.is-connected::before{background:#ffffff70}
.process-section .process-light,.process-section .process-sparkles{display:none}
@media(min-width:1600px){.process-section{min-height:780px}.process-section>.container{min-height:640px}}
@media(max-width:900px){.process-section{min-height:900px;padding-block:48px}.process-section>.container{min-height:804px;gap:180px}.process-section .steps.is-connected{padding-left:24px;padding-top:0;gap:14px}.process-section .steps>li{padding:20px}.process-scene img,.process-scene video{object-position:62% center}.process-section .steps h3{font-size:18px}.process-section .steps p{font-size:14.5px}}
@media(prefers-reduced-motion:reduce){.process-scene video{display:none}}