.our-process { position: relative; padding: 46px 0 66px; background: #F8FAFD; color: #0A3D68; }
.our-process::before { position: absolute; top: 0; right: 0; left: 0; height: 1px; background: #D1DEEF; content: ''; }
.our-process-intro { text-align: center; }
.our-process-intro p { margin: 0; font-size: 17px; line-height: 24px; }
.our-process-intro h2 { margin: 8px 0 0; font-family: "Anton", Impact, 'Arial Narrow', sans-serif; font-size: 40px; font-weight: 400; line-height: 40px; text-transform: uppercase; }
.our-process-accent { display: block; width: 51px; height: 2px; margin: 13px auto 0; background: #2E9C91; }
.our-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 83px; }
.process-step { position: relative; min-width: 0; padding-top: 72px; text-align: center; }
.process-number { position: absolute; top: 0; left: 50%; color: #2E9C91; font-family: "Anton", Impact, 'Arial Narrow', sans-serif; font-size: 27px; line-height: 30px; transform: translateX(-50%); }
.process-icon { position: absolute; top: 32px; left: 50%; z-index: 1; width: 72px; height: 72px; transform: translateX(-50%); }
.process-icon svg { display: block; width: 72px; height: 72px; }
.process-card { min-height: 279px; padding: 54px 20px 36px; border-radius: 4px; background: #FFFFFF; }
.process-card h3 { margin: 0; color: #2E9C91; font-family: "Anton", Impact, 'Arial Narrow', sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; }
.process-card p { margin: 16px 0 0; color: #000000; font-size: 16px; line-height: 30px; white-space: pre-line; }
@media (max-width: 950px) {
  .our-process { padding: 68px 0 76px; }
  .our-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 70px 24px; }
}
@media (max-width: 600px) {
  .our-process-inner { width: calc(100% - 32px); }
  .our-process-intro h2 { font-size: clamp(32px, 9vw, 40px); }
  .our-process-grid { grid-template-columns: minmax(0, 1fr); gap: 58px; margin-top: 70px; }
  .process-card { min-height: 279px; }
}