diff --git a/README.md b/README.md
index 5c5cf68..04872c8 100644
--- a/README.md
+++ b/README.md
@@ -44,7 +44,7 @@ npm start
При сбое появляется пометка сохранённых данных. Истёкшие рейсы удаляются. Если сохранённые рейсы закончились, табло честно сообщает об этом и продолжает переподключение. Предупреждения фильтруются по городу, маршрутам, срокам действия; сохраняются полный текст и детали отмены. Полный кеш расписания не подтверждает актуальность предупреждений — без свежего ответа API это явно указано.
-QR-код создаётся локально, без стороннего сервиса генерации, и открывает `https://pwa.ridebus.by/?city=1&stop=1` для текущей остановки (параметры меняются вместе с площадкой). Адрес PWA можно переопределить серверной переменной `BOARD_PWA_URL`. QR использует скруглённые чёрные модули, белый фон и свободное поле шириной 4 модуля; рамка и внешняя подсветка следуют акценту темы. Декодирование нескольких ссылок проверено автоматически.
+QR-код создаётся локально, без стороннего сервиса генерации, и открывает `https://pwa.ridebus.by/?city=1&stop=1` для текущей остановки (параметры меняются вместе с площадкой). Адрес PWA можно переопределить серверной переменной `BOARD_PWA_URL`. Карточка оформлена как приглашение забрать расписание: большой неподвижный QR на акцентной панели с плавно движущейся линией маршрута, название остановки, шаги открытия и заметная ссылка. В узкой и короткой карточке используется упрощённая компоновка, размер кода рассчитывается по свободному месту. Декоративное движение выключено при `prefers-reduced-motion`. QR использует скруглённые чёрные модули, белый фон и свободное поле шириной 4 модуля; рамка и внешняя подсветка следуют акценту темы. Декодирование нескольких ссылок и QR на снимках страницы проверено автоматически.
Погода запрашивается независимо через `/api/weather` у [Open-Meteo](https://open-meteo.com/en/docs) по публичным координатам остановки из API. В шапке — температура и состояние; на информационном экране — ощущаемая температура, ветер в м/с и три следующих часа. Процент осадков — максимальная почасовая вероятность в этих трёх часах. Это модельные погодные данные. Обновление раз в 10 минут; сохранённая погода помечается и показывается не дольше часа, затем скрывается. При отсутствии координат или сбое погоды транспорт продолжает работать. Данные сохраняются по городу и остановке; RideBus-ключ не передаётся поставщику погоды. Указаны источник и CC BY 4.0.
diff --git a/artifacts/board-qr-light.jpg b/artifacts/board-qr-light.jpg
new file mode 100644
index 0000000..b00d5dd
Binary files /dev/null and b/artifacts/board-qr-light.jpg differ
diff --git a/artifacts/board-qr-three-cards.jpg b/artifacts/board-qr-three-cards.jpg
new file mode 100644
index 0000000..7dad010
Binary files /dev/null and b/artifacts/board-qr-three-cards.jpg differ
diff --git a/artifacts/board-qr-ticket-portrait.jpg b/artifacts/board-qr-ticket-portrait.jpg
new file mode 100644
index 0000000..c9294f9
Binary files /dev/null and b/artifacts/board-qr-ticket-portrait.jpg differ
diff --git a/artifacts/board-qr-wide.jpg b/artifacts/board-qr-wide.jpg
new file mode 100644
index 0000000..1290e9a
Binary files /dev/null and b/artifacts/board-qr-wide.jpg differ
diff --git a/artifacts/verification-qr-layout.md b/artifacts/verification-qr-layout.md
new file mode 100644
index 0000000..5a70b6d
--- /dev/null
+++ b/artifacts/verification-qr-layout.md
@@ -0,0 +1,14 @@
+# Новая QR-карточка — 9 октября 2026
+
+Изменены `PassengerQr.tsx`, иконки камеры/телефона VK и стили QR. Данные остановки, генератор QR и публичная ссылка сохранены.
+
+- `npm run build`: TypeScript и Vite проходят. `node --test test/qr.test.mjs`: декодирование трёх ссылок и свободное поле 4 модуля проходят.
+- 1000×900, отдельная карточка: QR-панель и информация заполняют доступную высоту. Рамка QR 380×380 px, карточка 520 px по высоте. В обеих темах `scrollHeight = clientHeight`, горизонтального переполнения нет.
+- 1280×900, три карточки: QR-панель расположена над остановкой, шагами и ссылкой. Высота карточки 497 px, QR 182×182 px, внутреннего переполнения нет.
+- 855×723: широкий QR 260×260 px, высота карточки 375 px, все элементы видны без прокрутки.
+- 879×593: QR 200×200 px, карточка 314 px; краткие шаги помещаются рядом с кодом.
+- 390×667: код сверху, подсказка и ссылка в одной строке снизу. QR 167×167 px, карточка 320 px, внутреннего и горизонтального переполнения нет. Код увеличен относительно варианта с боковым текстом.
+- Фоновая линия имеет анимацию `qr-route-flow`; сам QR не движется. При `prefers-reduced-motion` декоративная анимация явно отключена в CSS.
+- Дополнительно `jsQR` декодировал код с настоящего снимка светлой страницы 1000×900, тёмного снимка 390×667 и компоновки 1280×900. Во всех случаях результат — `https://pwa.ridebus.by/?city=1&stop=1`. Это проверка пикселей страницы, а не испытание физической камеры или уличного дисплея.
+
+Снимки: `board-qr-wide.jpg`, `board-qr-light.jpg`, `board-qr-three-cards.jpg`, `board-qr-ticket-portrait.jpg`.
diff --git a/src/Icons.tsx b/src/Icons.tsx
index b47ace9..7743928 100644
--- a/src/Icons.tsx
+++ b/src/Icons.tsx
@@ -5,6 +5,7 @@ import {
Icon20Play, Icon20FullscreenOutline, Icon20InfoCircleOutline,
Icon20HelpOutline, Icon20CheckShieldOutline, Icon20ArrowUturnLeftOutline,
Icon20SunOutline, Icon20MoonOutline, Icon20CloudOutline, Icon16CloudRain, Icon16Snowflake, Icon16CloudLighting, Icon20WindOutline,
+ Icon28CameraOutline, Icon28SmartphoneOutline,
} from '@vkontakte/icons';
import type { ComponentType } from 'react';
@@ -38,3 +39,5 @@ export const Rain = adapt(Icon16CloudRain);
export const Snow = adapt(Icon16Snowflake);
export const Storm = adapt(Icon16CloudLighting);
export const Wind = adapt(Icon20WindOutline);
+export const Camera = adapt(Icon28CameraOutline);
+export const Smartphone = adapt(Icon28SmartphoneOutline);
diff --git a/src/PassengerQr.tsx b/src/PassengerQr.tsx
index b136825..98b3be5 100644
--- a/src/PassengerQr.tsx
+++ b/src/PassengerQr.tsx
@@ -1,13 +1,21 @@
import { useMemo } from 'react';
-import { ArrowUpRight } from './Icons';
+import { ArrowUpRight, Camera, Smartphone } from './Icons';
import type { Config, Stop } from './types';
import { createPassengerQr, passengerLink } from './lib/passenger.mjs';
export function PassengerQr({ config, stop }: { config: Config; stop: Stop | undefined }) {
const url = passengerLink(config.passengerBaseUrl, config.cityId, stop?.id || config.defaultStopId);
const qr = useMemo(() => createPassengerQr(url), [url]);
- return <>