#process{background:linear-gradient(180deg,#fff 0%,#f5f9fc 100%)}
.process-showcase{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:stretch}
.process-visual{position:relative;overflow:hidden;min-height:480px;margin:0;border-radius:16px;box-shadow:0 22px 55px rgba(7,29,53,.16)}
.process-visual img{width:100%;height:100%;display:block;object-fit:cover}
.process-visual:after{content:"From idea to reliable delivery";position:absolute;left:22px;right:22px;bottom:22px;padding:16px 18px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(8,28,51,.82);backdrop-filter:blur(10px);color:#fff;font-size:1rem;font-weight:800}
#process .process-grid{grid-template-columns:repeat(2,1fr);border:0;gap:16px;overflow:visible}
#process .step{position:relative;min-height:232px;padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(7,29,53,.06)}
#process .step+.step,#process .step:nth-child(3),#process .step:nth-child(4){border-left:1px solid var(--line);border-top:1px solid var(--line)}
#process .step b{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#0d94c8,#17a6dd);box-shadow:0 9px 22px rgba(23,166,221,.28);color:#fff;font-size:1.2rem;line-height:1}
#process .step:nth-child(2) b{background:linear-gradient(135deg,#6d28d9,#a855f7);box-shadow:0 9px 22px rgba(109,40,217,.24)}
#process .step:nth-child(3) b{background:linear-gradient(135deg,#ea580c,#f59e0b);box-shadow:0 9px 22px rgba(234,88,12,.24)}
#process .step:nth-child(4) b{background:linear-gradient(135deg,#059669,#22c55e);box-shadow:0 9px 22px rgba(5,150,105,.24)}
#process .step h3{margin:20px 0 7px}
@media(max-width:980px){.process-showcase{grid-template-columns:1fr}.process-visual{min-height:390px}}
@media(max-width:650px){.process-visual{min-height:300px}.process-visual:after{left:14px;right:14px;bottom:14px}#process .process-grid{grid-template-columns:1fr}#process .step{min-height:auto}}