.process-section { background: #f4f9fa; }
.process-heading { max-width: 640px; margin-bottom: 35px; }
.process-heading h2 { margin: 0 0 12px; color: #0c2436; font-size: clamp(30px, 4vw, 45px); line-height: 1.2; letter-spacing: -.07em; }
.process-heading p { margin: 0; color: #6a7b88; font-size: 17px; line-height: 1.75; }
.process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.process-card { position: relative; min-height: 215px; padding: 25px 22px; border: 1px solid #dce8ed; border-radius: 20px; background: #fff; overflow: hidden; }
.process-card::after { content: ""; position: absolute; width: 90px; height: 90px; right: -38px; bottom: -38px; border-radius: 50%; background: #e6f5f2; }
.process-number { display: inline-grid; place-items: center; width: 35px; height: 35px; border-radius: 11px; color: #197a75; background: #e6f5f2; font-size: 13px; font-weight: 900; }
.process-card h3 { margin: 23px 0 8px; color: #12324a; font-size: 18px; letter-spacing: -.05em; }
.process-card p { margin: 0; color: #6a7b88; font-size: 14px; line-height: 1.65; }
@media (max-width: 900px) { .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .process-grid { grid-template-columns: 1fr; gap: 9px; } .process-card { min-height: 0; padding: 20px; } .process-card h3 { margin-top: 17px; } }