.hp-process{background:#fff;padding:85px 20px 95px;color:#17374e;font-family:inherit}
.hp-process-inner{max-width:1450px;margin:0 auto;text-align:center}
.hp-process-kicker{margin:0 0 18px;color:#d9902d;font-size:15px;font-weight:700;letter-spacing:.32em;text-transform:uppercase}
.hp-process h2{max-width:820px;margin:0 auto 76px;color:#19394f;font-size:clamp(36px,4.5vw,74px);font-weight:800;line-height:1.08;letter-spacing:-.035em}
.hp-process-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px}
.hp-process-grid:before{content:"";position:absolute;left:5%;right:5%;top:132px;border-top:2px dashed #d7dce0;transform:rotate(-4deg);z-index:0}
.hp-process-step{position:relative;z-index:1;min-width:0;text-align:center}
.hp-process-photo-wrap{width:min(100%,255px);aspect-ratio:1;margin:0 auto 30px;position:relative}
.hp-process-photo{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#edf1f4}
.hp-process-placeholder{background:linear-gradient(135deg,#dbe7ee,#f0f3f7)}
.hp-process-number{position:absolute;z-index:2;top:0;left:6%;display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:#df9b35;color:#fff;font-size:23px;font-weight:500;box-shadow:0 0 0 11px rgba(223,155,53,.13)}
.hp-process-step h3{margin:0 0 16px;font-size:clamp(20px,1.6vw,27px);font-weight:750;color:#17374e;line-height:1.25}
.hp-process-step p{max-width:310px;margin:0 auto;color:#61718d;font-size:clamp(16px,1.25vw,20px);line-height:1.65}
@media(max-width:1000px){.hp-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:60px}.hp-process-grid:before{display:none}.hp-process h2{margin-bottom:55px}}
@media(max-width:600px){.hp-process{padding:60px 18px}.hp-process-grid{grid-template-columns:1fr;gap:45px}.hp-process h2{font-size:38px;margin-bottom:45px}.hp-process-photo-wrap{width:210px;margin-bottom:25px}.hp-process-step p{font-size:17px}.hp-process-kicker{font-size:12px}}