.cs-process { --cs-process-bg: #fff; --cs-process-heading: #080b10; --cs-process-text: #235389; --cs-process-number: #f0f2f5; padding: 80px 32px; background: var(--cs-process-bg); color: var(--cs-process-heading); }
.cs-process--dark { --cs-process-bg: #191b1d; --cs-process-heading: #fff; --cs-process-text: #b8cae0; --cs-process-number: #ffffff0d; }
.cs-process__inner { max-width: 1168px; margin: 0 auto; }
.cs-process__heading { margin: 0 0 88px; color: var(--cs-process-heading); font-size: clamp(28px, 2.8vw, 38px); line-height: 1.25; font-weight: 700; letter-spacing: -.025em; overflow-wrap: anywhere; }
.cs-process__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 56px 48px; margin: 0; padding: 0; list-style: none; }
.cs-process__step { position: relative; isolation: isolate; min-width: 0; padding: 42px 0 8px; }
.cs-process__number { position: absolute; z-index: -1; top: -14px; left: 0; color: var(--cs-process-number); font-size: 100px; font-weight: 800; line-height: 1; letter-spacing: -.06em; pointer-events: none; }
.cs-process__title { margin: 0 0 18px; color: var(--cs-process-heading); font-size: 18px; line-height: 1.5; font-weight: 600; overflow-wrap: anywhere; }
.cs-process__description { margin: 0; color: var(--cs-process-text); font-size: 14px; line-height: 1.75; white-space: pre-line; overflow-wrap: anywhere; }
@media (max-width: 900px) {
  .cs-process { padding: 80px 24px; }
  .cs-process__heading { margin-bottom: 56px; }
  .cs-process__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 32px; }
}
@media (max-width: 480px) {
  .cs-process { padding: 80px 20px; }
  .cs-process__steps { grid-template-columns: 1fr; gap: 40px; }
}