.process__timeline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-xl);
  margin-bottom: var(--gap-3xl);
}

.process__step {
  text-align: left;
  padding: var(--gap-xl);
  border-radius: var(--radius-xl);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: all var(--duration-base) var(--ease-out);
}

.process__step:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(0, 201, 123, 0.2);
  transform: translateY(-4px);
}

.process__step-number {
  font-size: var(--fs-4xl);
  font-weight: var(--fw-bold);
  color: var(--color-primary);
  opacity: 0.4;
  line-height: 1;
  margin-bottom: var(--gap-md);
  letter-spacing: -0.02em;
}

.process__step:hover .process__step-number {
  opacity: 0.7;
}

.process__step-title {
  font-size: var(--fs-lg);
  font-weight: var(--fw-semibold);
  color: var(--color-white);
  margin-bottom: var(--gap-xs);
}

.process__step-desc {
  font-size: var(--fs-sm);
  color: var(--color-gray-500);
  line-height: var(--lh-normal);
}

.process__cta {
  text-align: center;
}