Vladislav

1. Фигма и браузер по-разному рендерят шрифты, соответственно текст может расходится в макете и браузере.
2. Если делаешь блок на флексах и задаешь центрирование или кнопку, то в некоторых местах у дизайнера может быть визуально контент посередине, а по факту padding-left: 16px; padding-right: 17px и соответственно следовать пиксель в пиксель - делать некачественную верстку, которая займет больше времени.

Все зависит от макета, дизайнера и заказчика, чьи требования выполняются. Этот вопрос скорее по работе с клиентом, чем технический.

Не стоит. Стоит верстать очень близко к макету, но задрачиваться по поводу 1px вправо-влево точно не стоит. Вообще, pixel perfect как концепция старше адаптивной верстки. И в случае адаптива теряет всякий смысл.

Можем придать контейнеру:

.blabla{
    display: flex;
    justify-content: space-between
}

.presentation-bg {
  z-index: -1;
}

Я предлагаю следуючий вариант.
Верстаем две части: левую и правую.
в правой вроде все просто, а в левой - задаем бекграунд-градиет.
Внутри которого будем размещать некоторые его дочерние елементы - лого, текст, круги. Всех их я верстал бы абсолютом, предварительно задав левой части формы - position: relative.
Создаем еще один блок - для бекграунда волнистого цвета - по диагонали блока... ее тоже абсолютом делаем, и задаем чтобы она занимала всю высоту и ширину родителя. Ее z-index - будет меньше чем в текстов, лого и кругов, но больше чем в бекграунда волнистого цвета. Сам волнистый бекграунд я бы просил в дизайнера, так как пока нет идей как реализовать такие волны =/.
Если говорить о адаптивности , то я бы компонировал таким образом елементы https:// prnt . sc/ 18hg5rm - уберите проблелы =)

Специфичность селекторов

Верхний селектор имеет больший вес. Там селектор класса + селектор псевдокласса.

В Adobe Illustrator нарисовать поверх корпусов контуры и таблички и инфой, сохранить копию как.. SVG. Взять код и вставить в HTML. Отображать поверх растровой картинки.

Дать id фигурам контуров и табличек. Не перепутать, как это сделал я: таблички вылезают не для тех контуров.

JS может обращаться по этим id к элементам SVG как к обычным HTML-элементам, и слушать на них события. По наезду мышки подсвечивать контур, показывать табличку ярче: