/* Mirror the term-and-capacity frame using its shared type, spacing and icons. */
.process-design {
  position: relative;
  isolation: isolate;
  padding-block: var(--rhythm-section);
  border-top: 1px solid #d3dfea;
  background: linear-gradient(180deg, #fafcfe 0%, #edf3f8 48%, #e0e9f2 100%);
}
.process-design::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 52% 78% at 10% 104%, #b9d3ec, #c9ddf100 64%),
    radial-gradient(ellipse 38% 96% at 102% 46%, #c2d9efd9, transparent 62%),
    radial-gradient(ellipse 64% 52% at 58% 112%, #adcbe5a6, transparent 64%);
}
.selection-frame .commitment-grid {
  grid-template-columns: minmax(0, 2.2fr) minmax(240px, .8fr);
}
.ps-stages { margin: 0; padding: 0; list-style: none; }

/* Keep the existing one-time entrance; all text is visible without JavaScript. */
.js .process-design[data-reveal] .ps-stages-sheet {
  opacity: 0;
  transform: translateY(8px);
}
.js .process-design[data-reveal].ps-is-in .ps-stages-sheet {
  opacity: 1;
  transform: none;
  transition: opacity .5s ease-out, transform .6s cubic-bezier(.22, 1, .36, 1);
}

@media (max-width: 1080px) {
  .selection-frame .commitment-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (forced-colors: active) {
  .process-design::before { display: none; }
  .selection-frame .selection-feature { border-top: 1px solid CanvasText; }
}
@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  .js .process-design[data-reveal] .ps-stages-sheet {
    opacity: 1;
    transform: none;
    transition: none;
  }
}