Задача

Необходимо подготовить лендинг-заглушку по готовому макету для сайта, который еще не запущен. Страница должна послужить заменой основному контенту на хостинге, чтобы сайт "набирал историю" и индексировался поисковиками. Излишества не нужны, упор на чистоту кода и скорость работы.

Основные требования к верстке

• Условия использования технологий: В проекте допускаются исключительно технологии HTML5 и CSS3. Коммерческий и интерактивный контент (по типу частых вопросов) следует реализовать без использования JavaScript.
• Подход к адаптивности: Применяется принцип Mobile-first. Верстка должна корректно отображаться на мобильных устройствах. Таблицы которые используются по ТЗ, должны быть выполнены таким образом, чтобы они "не разрывали" экран на маленьких устройствах. Если контент в таблице не влезает, необходимо настроить горизонтальную прокрутку внутри конкретного элемента.
• Анатомия структуры: Для создания сетки документа используются строго семантические теги: <header>, <main>, <footer>, <section>, <article>. Заголовки (h1-h6) расставляются строго в соответствие с макетом, указанный под комментраиями.
• Табулированные данные: Информацию, представленную в макете в виде таблиц, верстать исключительно через тег <table> (запрещено использовать <div> для имитации табличной структуры). Это необходимо для лучшего ранжирования и семантической разметки Google.
• Блок FAQ: Для ответов на частые вопросы разрешено использовать только нативные теги <details> и <summary>. Они обеспечивают раскрывающийся функционал (аккордеон) без привлечения JavaScript.

Макет и важные примечания

Исходник для верстки предоставлен по ссылке: макет сервиса "UKVirtualNumber" (в тексте задания на платформе). В готовом ответе все упоминаниния названия бренда, адреса сайта, названий конкретной компании и номеров телефонов должны быть тщательно скрыты или заменены. Заказчик хочет получить "чистый" отформатированный ответ, который не будет его деанонимизировать.