.edc-step-cards {
  padding: var(--edc-section-v) var(--edc-space-gutter);
  background: var(--edc-warm-white);
  text-align: center;
}
@media (min-width: 1024px) {
  .edc-step-cards { padding-left: var(--edc-section-h); padding-right: var(--edc-section-h); }
}
.edc-step-cards__inner {
  max-width: var(--edc-container);
  margin: 0 auto;
}
.edc-step-cards__headline {
  font-family: var(--edc-font-heading);
  font-weight: 800;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: var(--edc-track-tight);
  color: var(--edc-obsidian);
  margin: 0 0 56px 0;
}
.edc-step-cards__accent { color: var(--edc-solar-gold); }

.edc-step-cards__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 640px)  { .edc-step-cards__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) {
  /* Honor the actual card count so 5 cards land in one row */
  .edc-step-cards__grid { grid-template-columns: repeat(var(--edc-step-cols, 5), minmax(0, 1fr)); }
}

.edc-step-cards__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
  border-radius: 16px;
  background: rgba(250, 248, 244, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 0.5px solid rgba(129, 118, 97, 0.2);
  box-shadow: 0 2px 12px rgba(41, 41, 40, 0.05);
  transition: transform var(--edc-dur-medium), box-shadow var(--edc-dur-medium);
}
.edc-step-cards__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(41, 41, 40, 0.08);
}
.edc-step-cards__icon {
  font-size: 40px !important;
  color: var(--edc-slate);
  margin-bottom: 16px;
}
.edc-step-cards__title {
  font-family: var(--edc-font-heading);
  font-weight: 700;
  font-size: 14px;
  color: var(--edc-obsidian);
  margin: 0 0 8px 0;
  min-height: 48px;
}
.edc-step-cards__body {
  font-family: var(--edc-font-body);
  font-size: 13px;
  line-height: 1.75;
  color: var(--edc-slate);
  margin: 0 0 16px 0;
}
.edc-step-cards__num {
  margin-top: auto;
  font-family: var(--edc-font-heading);
  font-weight: 800;
  font-size: 28px;
  color: var(--edc-solar-gold);
}