/* Six-step delivery journey. The line shows sequence; colored outputs show evidence. */
.delivery-process{background:linear-gradient(180deg,#f7fafc,#f2f7fb)}
.delivery-process__head{max-width:none;margin-bottom:32px;text-align:center}
.delivery-process__head .eyebrow{color:#1974c9}
.delivery-process__head h2{margin:4px 0 8px;color:#18334d;font-size:clamp(29px,3vw,38px);line-height:1.35;letter-spacing:-.04em}
.delivery-process__head .lead{margin:0;color:#667e92;font-size:15px;line-height:1.8}
.delivery-flow{position:relative;display:block;margin:0;padding:13px 28px 13px 35px;overflow:hidden;list-style:none;border:1px solid #d4e4ee;border-radius:26px;background:#fff;box-shadow:0 19px 48px rgba(32,87,130,.08)}
.delivery-flow::before{content:"";position:absolute;left:61px;top:51px;bottom:51px;width:2px;background:linear-gradient(#6da9df 0 34%,#53b7b9 34% 67%,#9b9bcf 67% 100%)}
.delivery-flow__step{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr) 300px;align-items:center;gap:22px;min-height:93px;padding:12px 0;border-bottom:1px solid #e5edf4}
.delivery-flow__step:last-child{border-bottom:0}
.delivery-flow__phase{display:flex;align-items:center;gap:17px;min-width:0}
.delivery-flow__number{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;flex:none;border:5px solid #fff;border-radius:50%;background:#c9e3f5;color:#155f9d;font-size:13px;font-weight:800;box-shadow:0 0 0 1px #a9d1ee}
.delivery-flow__step:nth-child(3) .delivery-flow__number,.delivery-flow__step:nth-child(4) .delivery-flow__number{background:#bee7e8;color:#087c85;box-shadow:0 0 0 1px #8dcfd1}
.delivery-flow__step:nth-child(5) .delivery-flow__number,.delivery-flow__step:nth-child(6) .delivery-flow__number{background:#dedef0;color:#595e99;box-shadow:0 0 0 1px #b7badd}
.delivery-flow__phase h3{margin:0;color:#18334d;font-size:18px;font-weight:700;white-space:nowrap}
.delivery-flow__step > p{margin:0;color:#3c5b73;font-size:13px;line-height:1.7}
.delivery-flow__output{padding:12px 17px;border-radius:13px;background:#e6f2fb;color:#1c5b8f}
.delivery-flow__step:nth-child(3) .delivery-flow__output,.delivery-flow__step:nth-child(4) .delivery-flow__output{background:#e4f3f2;color:#146e75}
.delivery-flow__step:nth-child(5) .delivery-flow__output,.delivery-flow__step:nth-child(6) .delivery-flow__output{background:#eeeef8;color:#5a6091}
.delivery-flow__output span{display:block;margin-bottom:3px;font-size:10px;font-weight:700;opacity:.72}
.delivery-flow__output strong{display:block;font-size:13px;line-height:1.55}
@media(max-width:1023px){
  .delivery-flow__step{grid-template-columns:190px minmax(0,1fr) 245px;gap:16px}
  .delivery-flow__output{padding:11px 12px}
}
@media(max-width:767px){
  .delivery-process__head{margin-bottom:25px}
  .delivery-process__head .lead{font-size:13px}
  .delivery-flow{padding:12px 17px 12px 21px}
  .delivery-flow::before{left:45px;top:45px;bottom:45px}
  .delivery-flow__step{grid-template-columns:1fr;gap:9px;padding:18px 0 18px 58px}
  .delivery-flow__phase{margin-left:-58px}
  .delivery-flow__number{width:48px;height:48px}
  .delivery-flow__phase h3{font-size:17px}
  .delivery-flow__step > p{font-size:12px}
  .delivery-flow__output{padding:10px 12px}
}