Юрий

.label-checkbox-editions:hover::before{
    cursor: pointer;
    color: var(--color-violet-hover);
    border-color: var(--color-violet-hover);
}

Так работают векторные изображения, не может у одного пути быть несколько разных заливок. Любая векторная картинка - набор объектов с разными свойствами. Если вы попытаетесь эти объекты слить в один, то и набор свойств у него окажется ровно один. В вашем случае - либо одинаковая заливка чёрным по всему объекту, либо отсутствие заливки и обводка.

Вам просто нужна группа объектов. Как её правильно экспортировать в один файл из фигмы, я написал в комментарии здесь.

Pixel Perfect перестал существовать примерно тогда, когда в Windows по умолчанию включили сглаживание шрифтов.

Что можно им предложить?

Сменить верстальщиков.

Потому что display: flex задан для body.

.subheader {
    flex: 0 0 auto;
}

У вложенного блока высота ровно такая, какая задана в CSS, 50px.

Очередной наркоманский баг Сафари. В 14 версии, судя по всему, таки пофикшен.
Как вариант, можно добавить сроке .flex-lg-nowrap, чтобы она в принципе не переносилась на разрешениях, где должно всё входить в одну строчку.

Во-первых, добавить display и content псевдоэлементу:

.free-subtext:after{
  display: block;
  content: '';
	border-top: 2px solid #b7bfc5;
}

Во-вторых, псевдоэлемент у вас только один, и повешен он на блок .free-subtext. Если нужны полоски, как в макете, псевдо тоже нужно вешать на каждый из абзацев:

.free-subtext > p:not(:last-of-type):after{
  display: block;
  content: '';
  margin-top: 15px;
	border-top: 2px solid #b7bfc5;
}