.integration-illustrated-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0;margin:30px 0 0;list-style:none}
.integration-step-card{min-width:0;background:#fff;border:1px solid #cfe5f8;border-radius:18px;padding:14px 14px 22px;box-shadow:0 5px 20px #235a8108}
.integration-step-art{position:relative;width:100%;aspect-ratio:1.4;background-image:url('/saverack/optimized/integration-steps-artwork-v1-dd0e63af6221-2172w.webp');background-size:300% auto;background-position:var(--sync-x) center;background-repeat:no-repeat;border-radius:11px}
.integration-step-art>span{position:absolute;left:9px;top:9px;width:42px;height:42px;display:grid;place-items:center;background:#247ac1;color:#fff;border:2px solid #fff;border-radius:50%;font-size:17px;font-weight:700}
.integration-step-card h2{font-size:24px;line-height:1.2;letter-spacing:-.5px;color:var(--navy);margin:17px 8px 8px}
.integration-step-card p{font-size:16px;line-height:1.5;color:#50658a;margin:0 8px}
@media(max-width:1000px){.integration-illustrated-steps{gap:14px}.integration-step-card{padding:10px 10px 18px}.integration-step-card h2{font-size:20px}.integration-step-card p{font-size:14px}}
@media(max-width:700px){.integration-illustrated-steps{grid-template-columns:1fr;gap:18px}.integration-step-card{padding:12px 12px 20px}.integration-step-card h2{font-size:23px}.integration-step-card p{font-size:16px}}