/* «Всего N шагов» (основа — hard-target): из встроенных стилей оригинала; цвета оригинала, не тема. */
.steps {
    max-width: 1194px;            
    margin: 0 auto;
		margin-top: 30px;
      display: grid;
      gap: clamp(48px, 7vw, 96px);
      font-family: "Inter", Arial, sans-serif;
      color: #5f5f5f;
      -webkit-font-smoothing: antialiased;
    }
    .step {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
      gap: clamp(24px, 4vw, 45px);
      align-items: center;
    }
    .step--reverse { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
    .step--reverse .step__media { order: -1; }
    .step__num {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      margin-bottom: 12px;
      border-radius: 8px;
      background: #f1f9fe;
      color: #1fb0f0;
      font: 500 20px/1 "Rubik", Arial, sans-serif;
    }
    .step__title {
      margin: 0 0 12px;
      color: #111;
      font: 500 clamp(24px, 3.1vw, 30px)/1.15 "Rubik", Arial, sans-serif;
    }
    .step__text {
      margin: 0;
      font-size: 14px;
      line-height: 1.3;
    }
    .step__text + .step__text { margin-top: 0; }
    .step__link {
      display: inline-block;
      margin-top: 10px;
      color: #1fb0f0;
      font-size: 14px;
      line-height: 1.3;
      text-decoration: underline;
      text-underline-offset: 3px;
      transition: color .2s;
    }
    .step__link:hover { color: #0d8fc9; text-decoration: none; }
    .step__link:focus-visible { outline: 2px solid #1fb0f0; outline-offset: 3px; border-radius: 2px; }
    .step__media {
      padding: clamp(12px, 2.4vw, 24px);
      border-radius: clamp(12px, 2vw, 20px);
      background: #fff;
      box-shadow: 0 4px 24px rgba(20, 60, 90, .08);
    }
    .step__media img{
      display: block;
      width: 100%;
    }
    .step--text-only .step__content { max-width: 380px; }
    @media (max-width: 767px) {
      .step,
      .step--reverse { grid-template-columns: 1fr; }
      .step--reverse .step__media { order: 0; }
      .step--text-only .step__content { max-width: none; }
      .step__text, .step__link { font-size: 15px; line-height: 1.4; }
    }