.process-section {
 background:linear-gradient(90deg,rgba(245,249,252,.55),rgba(245,249,252,.4)),url("images/workflow-v1.png") center / cover no-repeat;
}
.process-copy {
 padding:clamp(24px,2.5vw,70px);
 background:rgba(249,252,255,.95);
 border-top:3px solid var(--navy);
}
.process-timeline {
 padding:12px clamp(20px,2vw,60px);
 background:rgba(255,255,255,.96);
}
.process-timeline::before { left:clamp(35px,calc(2vw + 15px),75px); }
.needs-section {
 background:linear-gradient(180deg,rgba(246,250,253,.05),rgba(246,250,253,.35) 45%,#f6fafd 90%),linear-gradient(90deg,#f6fafd 0%,rgba(246,250,253,.97) 36%,rgba(246,250,253,.18) 100%),url("images/scenarios-v1.png") center 40% / cover no-repeat;
}
.needs-section .split-heading {
 min-height:clamp(220px,19vw,430px);
 grid-template-columns:1fr;
 align-content:center;
 align-items:start;
 gap:22px;
}
.needs-section .split-heading>p {
 max-width:44em; width:55%; padding:16px 20px; color:#344c61;
 background:rgba(249,252,255,.94); border-left:2px solid var(--blue);
}
.needs-grid { background:#fff; }
@media(max-width:960px) {
 .process-grid { gap:32px; }
 .needs-section .split-heading>p { width:72%; }
}
@media(max-width:760px) {
 .process-section { background-position:65% center; }
 .process-copy { margin-bottom:130px; }
 .process-timeline { padding-inline:20px; }
 .process-timeline::before { left:35px; }
}
@media(max-width:560px) {
 .needs-section { background-size:auto,auto,auto 650px; background-position:center,center,62% top; }
 .needs-section .split-heading { min-height:270px; align-content:end; }
 .needs-section .split-heading>p { width:100%; padding:14px 16px; }
 .needs-section .section-heading h2 { background:rgba(249,252,255,.92); padding:8px 12px; margin-left:-12px; }
}