Создание лендинг-страницы HTML CSS из макета Figma

Общее описание Необходимо сверстать адаптивную лендинг-страницу на основе предоставленного макета в Figma. Работа должна быть выполнена с учетом современных стандартов HTML5 и CSS3, с использованием методологии БЭМ и принципа Mobile First. Требования к вёрстке Mobile First: Вёрстка должна строиться от мобильных версий (320px) к большим экранам. Кроссбраузерность: Страница должна корректно отображаться в последних версиях Google Chrome, Firefox, Safari, Edge. Адаптивность: Использовать flexbox и grid для построения сетки, поддерживать мобильные устройства от 320px до 1920px и выше. Оптимизация загрузки: Минимизировать использование тяжелых изображений, использовать WebP. Чистый код: Соблюдать семантическую разметку HTML, избегать избыточных div’ов. Анимации и интерактив: Реализовать базовые CSS-анимации для кнопок и эффектов наведения. Шрифты: Подключить через Google Fonts или локально, учитывать размеры и межбуквенные интервалы по макету. Иконки: Использовать SVG или иконки из FontAwesome. Pixel Perfect: Максимально точное соответствие макету. Методология: Использовать БЭМ (блоки, элементы, модификаторы). Адаптивность (Mobile First) Файлы и структура проекта index.html — основной файл страницы. styles/ — папка со стилями (SCSS/CSS). fonts/ — локальные шрифты. Сроки выполнения Промежуточные правки согласовывать через комментарии в Figma. Дополнительно Макет предоставляется в Figma. Доступ к макету будет открыт через ссылку. Финальную работу сдавать в виде архива с файлами.