/* Solutions: service-model / rollout panels. Sector grid (Layout.css), step cards (Cards.css). */
.process-panel {
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-xl);
  background: var(--color-paper-2);
  border: 1px solid var(--color-line);
}
.process-panel .step-card { background: var(--dome-fill); }
.process-panel__foot {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-md);
  margin-top: var(--space-lg); padding-top: var(--space-lg);
  border-top: 1px solid var(--color-line);
}
.process-panel__note { max-width: 70ch; font-size: var(--text-sm); color: var(--color-ink-2); line-height: var(--leading-relaxed); }
.process-panel__note .arrow-link { font-size: inherit; }
@media (min-width: 64rem) {
  .process-panel__foot { flex-direction: row; align-items: center; justify-content: space-between; gap: var(--space-xl); }
  .process-panel__foot .btn { flex: none; }
}
