/* =============================================
   MCAKEY — HOW IT WORKS SECTION
   ============================================= */

.mca-step-card {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.mca-step-card:hover {
  box-shadow: 0 8px 32px rgba(30,144,255,0.12);
  transform: translateY(-4px);
}

.mca-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  font-family: inherit;
}

.mca-step-number {
  font-size: 11px;
  font-weight: 800;
  color: var(--e-global-color-accent);
  background: rgba(127,216,32,0.12);
  border-radius: 20px;
  padding: 3px 10px;
  letter-spacing: 0.06em;
  width: fit-content;
}

.mca-step-icon {
  width: 70px;
  height: 70px;
  background: rgba(127,216,32,0.12);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mca-step-icon svg {
  stroke: var(--e-global-color-accent);
}

.mca-step-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--e-global-color-text);
  margin: 0;
  line-height: 1.3;
}

.mca-step-desc {
  font-size: 13px;
  color: var(--e-global-color-text);
  opacity: 0.65;
  line-height: 1.6;
  margin: 0;
  max-width: 220px;
}