.wpd-process-steps--root-0 { background: radial-gradient(120% 80% at 100% 0%,var(--paper-2) 0%,transparent 55%),radial-gradient(100% 70% at 0% 100%,var(--paper-3) 0%,transparent 50%),var(--paper); }
.wpd-process-steps--root-0 .proc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 900px) {
  .wpd-process-steps--root-0 .proc-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .wpd-process-steps--root-0 .proc-grid { grid-template-columns: 1fr; }
}
.wpd-process-steps--root-0 .proc-step { position: relative; padding: 28px; display: flex; flex-direction: column; gap: 12px; border-radius: 18px; border: 1px solid var(--rule); overflow: hidden; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; }
.wpd-process-steps--root-0 .proc-step:nth-child(1) { background: var(--paper); }
.wpd-process-steps--root-0 .proc-step:nth-child(2) { background: var(--paper-2); }
.wpd-process-steps--root-0 .proc-step:nth-child(3) { background: var(--paper-3); }
.wpd-process-steps--root-0 .proc-step:nth-child(4) { background: var(--always-dark); }
.wpd-process-steps--root-0 .proc-step::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 3px; background: var(--lime); transform: scaleX(0); transform-origin: left center; transition: transform 0.35s; }
.wpd-process-steps--root-0 .proc-step:hover { transform: translateY(-4px); border-radius: 0px; box-shadow: rgba(14, 62, 43, 0.3) 0px 18px 40px -18px; }
.wpd-process-steps--root-0 .proc-step:hover::before { transform: scaleX(1); }
.wpd-process-steps--root-0 .proc-num { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.14em; color: var(--lime-ink); background: var(--lime); padding: 2px 8px; border-radius: 99px; align-self: flex-start; }
.wpd-process-steps--root-0 .proc-step h3 { font-family: var(--font-display); font-size: clamp(18px, 1.6vw, 24px); color: var(--forest); margin: 4px 0px 0px; font-weight: 400; letter-spacing: -0.02em; line-height: 1.1; }
.wpd-process-steps--root-0 .proc-step p { font-size: 14px; color: var(--ink-2); margin: 0px; line-height: 1.55; }
.wpd-process-steps--root-0 .proc-step:nth-child(4) h3 { color: var(--always-light); }
.wpd-process-steps--root-0 .proc-step:nth-child(4) p { color: rgba(244, 241, 232, 0.75); }