.hp19-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.hp19-card{padding:24px;border:1px solid #dfe9f3;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(18,63,102,.05)}
.hp19-card-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:12px;background:#edf7ff;border:1px solid #d5ebfd}
.hp19-card-icon svg{width:23px;height:23px;fill:none;stroke:#0b78df;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hp19-card h3{margin:0 0 9px}.hp19-card p{margin:0;line-height:1.65}
.hp19-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.hp19-step{padding:22px;border:1px solid #dde8f2;border-radius:18px;background:#fff}
.hp19-step span{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:10px;background:#0b78df;color:#fff;font-weight:800}
.hp19-platform-visual{display:flex;align-items:center;justify-content:center;min-height:320px}
.hp19-platform-visual img{width:min(100%,520px);height:auto;display:block}
@media(max-width:900px){.hp19-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp19-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hp19-grid,.hp19-steps{grid-template-columns:1fr}}