/* Steps [ink] — 656:19486: фон #181d24, отступы 100/110, промежуток 70 */
.steps {
  background: var(--ink);
  padding: clamp(56px, 5.2083vw, 100px) var(--gutter);
  display: flex;
  flex-direction: column;
  gap: clamp(36px, 3.6458vw, 70px);
}
.steps__head { display: flex; flex-direction: column; gap: 16px; }
.steps__title {
  font-size: clamp(30px, 2.7083vw, 52px);
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.5px;
  color: var(--white);
}

.steps__list {
  display: flex;
  align-items: flex-start;
  gap: clamp(20px, 1.3021vw, 25px);
}
.step {
  flex: 1 0 0;
  min-width: 1px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(14px, 1.0417vw, 20px);
}
.step--first { flex: 0 0 406px; }      /* 656:19493 */

.step__num {
  font-size: clamp(56px, 4.5833vw, 88px);
  font-weight: 900;
  line-height: normal;
  letter-spacing: -2px;
  color: rgba(91, 91, 91, 0.34);
}
.step__bar {
  width: 100%;
  height: 3px;
  background: var(--gold-grad);
}
.step__name {
  font-size: clamp(19px, 1.25vw, 24px);
  font-weight: 700;
  line-height: normal;
  color: var(--white);
}
.step__text {
  font-size: var(--t-body);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.55);
}
.step__text--w351 { width: min(351px, 100%); }
.step__text--w406 { width: min(406px, 100%); }

/* Плашка-статус 658:19675 */
.chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: clamp(8px, 0.5208vw, 10px) clamp(14px, 1.0417vw, 20px);
  border: 1px solid #38472a;
  border-radius: var(--r-xl);
  background: rgba(255, 246, 240, 0.2);
  font-size: var(--t-body);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 1px;
  color: var(--cream);
  white-space: nowrap;
}
.chip__dot {
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  border-radius: 3.5px;
  background: var(--cream);
  box-shadow: 0 0 0 5px rgba(215, 193, 127, 0.14);
}

@media (max-width: 1279px) {
  .steps__list { flex-wrap: wrap; }
  .step, .step--first { flex: 1 1 calc(50% - 13px); }
  .step__text--w351, .step__text--w406 { width: auto; }
  .chip { white-space: normal; text-align: start; }
}
@media (max-width: 599px) {
  .step, .step--first { flex: 1 1 100%; }
}

/* ——— Светлая версия (670:24539): фон #f7f7f7, отступы 130/110, номера золотом ——— */
.steps--paper {
  background: var(--paper);
  padding-block: clamp(64px, 6.7708vw, 130px);
}
.steps--paper .steps__title { color: var(--ink); }
.steps--paper .step { padding-inline-end: clamp(0px, 2.0833vw, 40px); }
.steps--paper .step:last-child { padding-inline-end: 0; }
.steps--paper .step__num { color: rgba(207, 164, 79, 0.22); }
.steps--paper .step__name { color: var(--ink); }
.steps--paper .step__text {
  width: min(340px, 100%);
  font-size: clamp(15px, 0.8333vw, 16px);
  color: rgba(24, 29, 36, 0.55);
}