.flow { padding: var(--section-pad) 0; }
.flow__label {
  font-size: 13px; letter-spacing: 0.06em; color: var(--c-steel);
  text-align: center; margin-bottom: 12px;
}
.flow__title { text-align: center; margin-bottom: clamp(40px, 6vw, 64px); }
.flow__steps {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 0; position: relative;
}
.flow__steps::before {
  content: ''; position: absolute; top: 32px;
  left: calc(12.5% + 16px); right: calc(12.5% + 16px);
  height: 1px; background: var(--c-card-light-border);
}
.flow__step { text-align: center; padding: 0 clamp(8px, 1.5vw, 16px); }
.flow__number {
  width: 48px; height: 48px; border-radius: 50%;
  background: var(--c-dark-tertiary); color: var(--c-white);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 16px; font-family: var(--font-en);
  font-size: 16px; font-weight: var(--fw-semi);
  position: relative; z-index: 1;
  transition: transform var(--duration-fast) ease;
}
.flow__step:hover .flow__number { transform: scale(1.1); }
.flow__step-title { font-size: 15px; font-weight: var(--fw-semi); margin-bottom: 8px; }
.flow__step-desc { font-size: 13px; line-height: 1.7; color: var(--c-text-on-light-sub); }