Блок преимуществ для ремонтной компании

<section class="vbprb">
  <div class="vbprb-wrap">
    <h2 class="vbprb-h2">Почему с нами спокойнее</h2>
    <p class="vbprb-lead">Ни одного пункта, который нельзя проверить. Каждый закреплён договором или подтверждается цифрой.</p>

    <div class="vbprb-grid">
      <article class="vbprb-tile">
        <svg viewBox="0 0 32 32" aria-hidden="true" focusable="false"><g fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M7 4h13l5 5v19H7z"/><path d="M20 4v5h5"/><path d="M11 16h10M11 21h7"/></g></svg>
        <b class="vbprb-num">0 ₽</b>
        <h3>Смета не растёт</h3>
        <p>Цифра из договора — окончательная. Любое изменение объёма оформляется допсоглашением, которое подписываете вы.</p>
      </article>

      <article class="vbprb-tile">
        <svg viewBox="0 0 32 32" aria-hidden="true" focusable="false"><g fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="16" cy="16" r="12"/><path d="M16 9v7l5 3"/></g></svg>
        <b class="vbprb-num">45 дней</b>
        <h3>Срок с неустойкой</h3>
        <p>График по этапам приложен к договору. Просрочили по своей вине — платим 0,5% от суммы за каждый день.</p>
      </article>

      <article class="vbprb-tile">
        <svg viewBox="0 0 32 32" aria-hidden="true" focusable="false"><g fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M16 3l11 4v9c0 7-4.6 11.4-11 13-6.4-1.6-11-6-11-13V7z"/><path d="M11.5 16l3 3 6-6.5"/></g></svg>
        <b class="vbprb-num">3 года</b>
        <h3>Гарантия на работы</h3>
        <p>Гарантийный случай закрываем за свой счёт в течение пяти рабочих дней. Без экспертиз и переписки на месяц.</p>
      </article>

      <article class="vbprb-tile">
        <svg viewBox="0 0 32 32" aria-hidden="true" focusable="false"><g fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M4 27V13l12-9 12 9v14z"/><path d="M13 27v-8h6v8"/></g></svg>
        <b class="vbprb-num">218</b>
        <h3>Сданных объектов</h3>
        <p>С 2019 года. Адреса тридцати из них можем показать лично — договоримся с хозяевами и съездим вместе.</p>
      </article>

      <article class="vbprb-tile">
        <svg viewBox="0 0 32 32" aria-hidden="true" focusable="false"><g fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="11" r="5"/><path d="M3 27c0-5 4-8 9-8s9 3 9 8"/><path d="M23 13l3 3 5-6"/></g></svg>
        <b class="vbprb-num">Каждый день</b>
        <h3>Прораб на объекте</h3>
        <p>Не «на связи», а физически на площадке. Фотоотчёт по этапу приходит вам в мессенджер вечером того же дня.</p>
      </article>

      <article class="vbprb-tile">
        <svg viewBox="0 0 32 32" aria-hidden="true" focusable="false"><g fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="8" width="24" height="17" rx="2"/><path d="M4 14h24M10 4v5M22 4v5"/><path d="M11 19h4"/></g></svg>
        <b class="vbprb-num">Поэтапно</b>
        <h3>Оплата по факту</h3>
        <p>Аванс только на черновые материалы. Дальше платите за закрытый этап, который приняли и проверили.</p>
      </article>
    </div>
  </div>
</section>

<style>
.vbprb, .vbprb *, .vbprb *::before, .vbprb *::after { box-sizing: border-box; }
.vbprb {
  --acc: #e8622a; --ink: #1b1b1b; --muted: #6f6f6f; --line: #e6e3df; --bg: #f6f4f1;
  --f: var(--t-text-font, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif);
  --fh: var(--t-headline-font, var(--f));
  background: var(--bg); color: var(--ink); font-family: var(--f); padding: clamp(36px, 5vw, 80px) 20px;
}
.vbprb-wrap { max-width: 1240px; margin: 0 auto; padding: 0 clamp(0px, 2vw, 40px); }
.vbprb-h2 { font-family: var(--fh); font-size: clamp(26px, 3.4vw, 42px); line-height: 1.12; font-weight: 700; letter-spacing: -.02em; margin: 0 0 12px; }
.vbprb-lead { font-size: 16px; line-height: 1.55; color: var(--muted); margin: 0 0 clamp(28px, 3vw, 44px); max-width: 44em; }

.vbprb-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 20px; overflow: hidden; }
.vbprb-tile { background: #fff; padding: clamp(22px, 2.4vw, 32px);
  opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .5s cubic-bezier(.22,1,.36,1); }
.vbprb-tile.is-in { opacity: 1; transform: none; }
.vbprb-tile svg { width: 30px; height: 30px; color: var(--acc); display: block; margin-bottom: 18px; }
.vbprb-num { display: block; font-family: var(--fh); font-size: clamp(24px, 2.4vw, 32px); line-height: 1; font-weight: 700; color: var(--acc); margin-bottom: 10px; }
.vbprb-tile h3 { font-family: var(--fh); font-size: 18px; line-height: 1.3; font-weight: 600; margin: 0 0 8px; }
.vbprb-tile p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--muted); }

@media (prefers-reduced-motion: reduce) { .vbprb-tile { opacity: 1 !important; transform: none !important; transition: none !important; } }
</style>

<script>
(function () {
  var roots = document.querySelectorAll('.vbprb');
  for (var i = 0; i < roots.length; i++) init(roots[i]);

  function init(root) {
    if (root.__vb) return; root.__vb = 1;
    var tiles = root.querySelectorAll('.vbprb-tile');

    if (!('IntersectionObserver' in window)) {
      tiles.forEach(function (t) { t.classList.add('is-in'); });
      return;
    }
    var io = new IntersectionObserver(function (entries) {
      entries.forEach(function (e) {
        if (!e.isIntersecting) return;
        var idx = Array.prototype.indexOf.call(tiles, e.target);
        e.target.style.transitionDelay = (idx % 3) * 70 + 'ms';
        e.target.classList.add('is-in');
        io.unobserve(e.target);
      });
    }, { rootMargin: '0px 0px -12% 0px' });
    tiles.forEach(function (t) { io.observe(t); });
  }
})();
</script>

Вставляется целиком в блок T123 «HTML-код». Внутри уже есть стили и скрипт, подключать ничего не нужно.