Как реализовать данную верстку на сайте?

вот и славненько

Рустам Байназаров, как вы догадались что дело в кружочках?

Ankhena, причин несколько:

1. мне 25 лет, но у меня уже кризис среднего возраста
2. я — пофигист и лентяй
3. я сегодня очень много ел и мало спал
4. я догадался, что это единственное, что может испугать новичка в данном макете
5. главная причина:

Рустам Байназаров, вставить круги вместе с калькулятором одной картинкой и не пугаться.

Повеселили, спасибо.

Ankhena, там блок заходит на другой. Лучше фон отдельным блоком под блок с картинкой телефона на абсолютное позиционирование с якорем по середине.

Рустам Байназаров,
1. мне 33 года, но я уже не хочу работать
2. я — пофигист и лентяй
3. я сегодня мало ел и мало спал
4. я догадался, что работать на дядю стоит лет до 27, но воз и ныне там
5. главная причина: я дол**еб

А если по существу, можно как то избавиться от "волшебных чисел" и calc?

Одиночка Айс, ну, в данном случае никаких магических чисел нет. К ширине в 100% прибавляем px с шагом в 25px. От них можно избавиться, если будете вкладывать одинаковые блоки друг в друга, тогда можно на padding это сделать.