feat: landing page redesign

- New hero headline "Turn any video into a watch party" with animated
  gradient highlight, sharper subtitle and quiet trust line under the CTAs
- Changelog badge redesigned as the koala's speech bubble (version and
  release date baked in at build time, no version.json fetch anymore)
- Light/dark theme toggle in the header (dark default, pre-paint via
  lang-init, full light theme across sections)
- Use cases and "Why KoalaSync" merged into one section with the three
  strongest feature tiles; question-mark koala moved to the FAQ
- FAQ and self-hosting setup collapsed by default via shared
  section-collapse component (hash deep links auto-open them)
- Compat/juggler section more compact
- og:image switched to the 1280x640 repository OpenGraph card (landing
  and join page), generated during build
- "watch party" keyword added to meta title/description in all 15 locales
- All em-dashes removed from user-facing copy

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

website/locales/uk.json

@@ -5,20 +5,20 @@
   "LANG_TOGGLE_URL": "../",
   "LANG_TOGGLE_TEXT": "EN",
   "OG_LOCALE": "uk_UA",
-  "META_TITLE": "KoalaSync | Синхронізуйте Netflix, YouTube і будь-яке відео з друзями",
-  "META_DESCRIPTION": "Дивіться Netflix, YouTube, Twitch і будь-яке HTML5 відео в ідеальній синхронізації з друзями. Безкоштовне розширення для браузера з відкритим кодом для Chrome і Firefox. Реєстрація не потрібна.",
-  "SCHEMA_APP_DESC": "Дивіться Netflix, YouTube, Twitch і будь-яке HTML5 відео в ідеальній синхронізації з друзями. Безкоштовне розширення для браузера з відкритим кодом для Chrome і Firefox. Реєстрація не потрібна.",
+  "META_TITLE": "KoalaSync | Watch party для Netflix, YouTube та інших",
+  "META_DESCRIPTION": "Watch party у Netflix, YouTube, Twitch і будь-якому HTML5-відео. Безкоштовне розширення з відкритим кодом для Chrome і Firefox. Без акаунта, стеження та реклами.",
+  "SCHEMA_APP_DESC": "Watch party у Netflix, YouTube, Twitch і будь-якому HTML5-відео. Безкоштовне розширення з відкритим кодом для Chrome і Firefox. Без акаунта, стеження та реклами.",
   "OG_TITLE": "KoalaSync | Синхронізація Netflix, Emby, Jellyfin і майже будь-якого відео з друзями",
   "OG_DESCRIPTION": "Дивіться Netflix, Emby, Jellyfin, YouTube, Twitch і майже будь-яке відео HTML5 в ідеальній синхронізації. Розширення веб-переглядача з відкритим вихідним кодом для Chrome і Firefox, перш за все конфіденційність.",
   "TWITTER_TITLE": "KoalaSync | Синхронізація Netflix, Emby, Jellyfin і майже будь-якого відео з друзями – розширення браузера",
   "TWITTER_DESCRIPTION": "Дивіться Netflix, Emby, Jellyfin, YouTube, Twitch і майже будь-яке відео HTML5 в ідеальній синхронізації з друзями. Розширення веб-переглядача з відкритим вихідним кодом для Chrome і Firefox, перш за все конфіденційність.",
   "NAV_FEATURES": "особливості",
   "NAV_HOW_IT_WORKS": "Як це працює",
-  "HERO_TITLE": "Дивіться разом.<span class='hero-line2'>Ідеальна синхронізація.</span>",
-  "HERO_SUBTITLE": "Ваш віддалений кіновечір без лагів. Ні реєстрації, ні збору даних. Просто поділіться посиланням і дивіться разом.",
+  "HERO_TITLE": "Перетвори будь-яке відео на <span class='hero-highlight'>watch party</span>.",
+  "HERO_SUBTITLE": "Ваш кіновечір на відстані, без затримок. Без акаунта, без стеження, без реклами. Просто поділіться посиланням і натисніть play разом.",
   "HERO_MASCOT_ALT": "Мила коала стоїть і дивиться вниз на кнопки завантаження",
   "DEMO_SYNC": "Синхронно",
-  "DEMO_HINT": "Жива демонстрація — натисніть play у будь-якій вкладці: KoalaSync синхронізує обидві.",
+  "DEMO_HINT": "Жива демонстрація: натисніть play у будь-якій вкладці, і KoalaSync синхронізує обидві.",
   "DEMO_NO_ROOM": "Ще не підключено",
   "DEMO_CREATE_ROOM": "Створити кімнату",
   "DEMO_JOINED": "У кімнаті",
@@ -127,13 +127,13 @@
   "FAQ_Q_VIDEO_ACCESS": "Чи транслює KoalaSync відео моїм друзям?",
   "FAQ_A_VIDEO_ACCESS": "Ні. KoalaSync не транслює, не розміщує, не поширює відеоконтент і не обходить доступ до нього. Кожен учасник дивиться відео локально у власному браузері та повинен мати власний доступ до сайту або стримінгового сервісу, наприклад власний акаунт Netflix. KoalaSync синхронізує лише дії відтворення, як-от запуск, паузу та перемотування.",
   "FAQ_Q2": "Чи є KoalaSync безкоштовною альтернативою Teleparty?",
-  "FAQ_A2": "100% безкоштовне та з відкритим кодом за ліцензією MIT. Без преміум-рівнів, без заблокованих функцій, без реклами — все включено. На відміну від Teleparty, ретрансляційний сервер KoalaSync призначений лише для RAM і не вимагає збору даних або облікових записів користувачів.",
+  "FAQ_A2": "100% безкоштовне та з відкритим кодом за ліцензією MIT. Без преміум-рівнів, без заблокованих функцій, без реклами, все включено. На відміну від Teleparty, ретрансляційний сервер KoalaSync призначений лише для RAM і не вимагає збору даних або облікових записів користувачів.",
   "FAQ_Q3": "Чи працює KoalaSync із Emby, Jellyfin і власними медіа-серверами?",
   "FAQ_A3": "так KoalaSync виявляє будь-який стандартний відеоелемент HTML5, що означає, що він ідеально працює з Emby, Jellyfin, Plex та будь-якими спеціальними налаштуваннями потокового передавання. Ви також можете самостійно розмістити сервер ретрансляції KoalaSync через Docker для повного суверенітету даних.",
   "FAQ_Q4": "Які браузери та платформи підтримують KoalaSync?",
   "FAQ_A4": "Google Chrome, Mozilla Firefox, Microsoft Edge, Opera, Brave та всі браузери на основі Chromium. Встановіть його безпосередньо з веб-магазину Chrome або додатків Firefox — ручне налаштування не потрібне.",
   "FAQ_Q5": "Чи всім моїм друзям потрібно встановити розширення?",
-  "FAQ_A5": "Так, кожному учаснику потрібно встановити KoalaSync — але немає реєстрації чи створення облікового запису. Просто клацніть посилання запрошення, установіть розширення, якщо ви ще цього не зробили, і ви автоматично приєднаєтесь до кімнати за лічені секунди.",
+  "FAQ_A5": "Так, кожному учаснику потрібно встановити KoalaSync, але немає реєстрації чи створення облікового запису. Просто клацніть посилання запрошення, установіть розширення, якщо ви ще цього не зробили, і ви автоматично приєднаєтесь до кімнати за лічені секунди.",
   "FAQ_Q6": "Чи мої дані в безпеці? Що робити, якщо я не довіряю офіційному серверу?",
   "FAQ_A6": "Повністю безпечний. Сервер ретрансляції KoalaSync призначений лише для RAM — усі дані сеансу назавжди видаляються, коли ви залишаєте кімнату. Ні бази даних, ні реєстрації, ні аналітики, ні облікових записів. А якщо ви віддаєте перевагу повному контролю: ви можете самостійно розмістити свій приватний сервер ретрансляції через Docker за лічені хвилини. Уся кодова база є відкритим кодом і доступна д��я перевірки на GitHub.",
   "FAQ_Q7": "Чи можу я виправити тихий діалог і гучні вибухи під час перегляду відео в браузері?",
@@ -216,5 +216,11 @@
   "MOCK_HOST_CONTROL_LABEL": "Керування ведучим",
   "MOCK_HOST_CONTROL_TOGGLE": "Тільки я можу керувати відтворенням",
   "LABEL_SELECT_VIDEO": "Виберіть Відео",
-  "OPTION_SELECT_TAB": "-- Виберіть вкладку --"
+  "OPTION_SELECT_TAB": "-- Виберіть вкладку --",
+  "THEME_TOGGLE_LABEL": "Перемкнути світлу/темну тему",
+  "FAQ_SHOW_ALL": "Показати всі запитання",
+  "FAQ_HIDE_ALL": "Приховати запитання",
+  "SELF_SHOW_SETUP": "Показати інструкцію з налаштування",
+  "SELF_HIDE_SETUP": "Приховати інструкцію",
+  "HERO_TRUST": "Безкоштовно · Відкритий код · Без акаунта"
 }