#process{padding:var(--section-pad) 0;background:var(--white)}
.process-inner{max-width:var(--wrap-max);margin:0 auto;padding:0 var(--wrap-pad)}
.process-head{text-align:center;margin-bottom:64px}
.process-head h2{font-size:clamp(28px,3.5vw,42px);color:var(--td);line-height:1.15;margin-bottom:10px}
.process-head p{font-size:15px;color:var(--tm);max-width:480px;margin:0 auto;line-height:1.7}
.process-steps{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;gap:0}
.p-step{background:var(--sky-bg);border-radius:24px;padding:40px 32px;text-align:center;position:relative;border:1px solid rgba(26,46,110,.07)}
.p-num{position:absolute;top:20px;right:22px;font-family:var(--font-display);font-size:13px;font-weight:900;color:rgba(26,46,110,.18);letter-spacing:.08em}
.p-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--navy);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;color:var(--white);box-shadow:0 8px 24px rgba(26,46,110,.2)}
.p-title{font-family:var(--font-display);font-size:18px;font-weight:900;color:var(--td);margin-bottom:10px}
.p-desc{font-size:13px;color:var(--tmu);line-height:1.7}
.p-arrow{display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--sky-m);font-weight:300}
@media(max-width:768px){
  .process-steps{grid-template-columns:1fr;gap:20px}
  .p-arrow{transform:rotate(90deg);height:20px}
}