/* ========================================================================== Марго Квиз — Design System v2 «Неон-сцена» landing.css — ВИТРИНА, ВНУТРЕННИЙ ХАБ И СТРАНИЦЫ ОШИБОК. Стадия 04, шестая и последняя поверхность. Требует: tokens.css (блок .mk-landing — шкала, --tap), motion.css, components.css (предметы 33 «живой фон», 34 «кнопка действия», 39 «дверь»). ГЛАВНЫХ СТРАНИЦ СЕГОДНЯ ДВЕ, И ОНИ РАЗНЫЕ. По корню домена отдаётся хаб на десять карточек внутренней навигации (static/index.html), по /hub — второй хаб на три карточки со своей палитрой (static/landing/index.html). Обе называются «Марго Квиз», обе на старых стилях, продуктовой витрины нет ни на одной. ПРЕДЛОЖЕНИЕ ЭТОГО ФАЙЛА: свести не в одну страницу, а в две — но в две РАЗНЫЕ, а не в две одинаковые. / — ВИТРИНА: что это за продукт, кому, как проходит вечер, что нужно от площадки, как заказать. Смотрит наружу. /hub — ЕДИНСТВЕННЫЙ внутренний хаб: все двери проекта, собранные по ролям. Смотрит внутрь. Внутренняя навигация и витрина — разные вещи, и это законный ответ на вопрос «свести в одну». Незаконно другое: две витрины или два хаба. Смена того, что отдаётся по корню, — решение владельца, а не дизайна; вопрос вынесен в отчёт приёмки. ЧЕГО ЗДЕСЬ НЕТ И БЫТЬ НЕ МОЖЕТ. Ни одного отзыва, кейса, метрики и скриншота живой игры в проекте не существует, и выдумывать их нельзя (PRODUCT.md, «Evidence on Hand»). Цены тоже нет: развилка «агентская модель против SaaS» владельцем не закрыта. Поэтому витрина построена на том, что проверяемо: три сцены вечера, ход игры, требования к площадке, — и заканчивается разговором, а не корзиной. ЗАКАЗЧИК — СМЕННЫЙ СЛОЙ, А НЕ ИДЕНТИЧНОСТЬ (BRAND.md §7). ГКП-51, «Ачим Девелопмент» и юбилей на витрине не упоминаются ни разу: тот же продукт продаётся площадке, у которой нет ни газа, ни Севера. ========================================================================== */ /* ========================================================================== 1 · Каркас поверхности ========================================================================== */ .mk-landing { position: relative; background: var(--bg-0); color: var(--text-mid); font-family: var(--font-body); /* Единственная поверхность проекта, которую ПРОКРУТЯТ. Остальные пять живут в один экран: зал не листают, телефон капитана прокручивает только тело, у оператора прокрутка во время игры равна пропущенному событию. */ overflow-x: hidden; hyphens: auto; overflow-wrap: break-word; } /* Пятна живого фона крупнее, чем у мини-игры: витрину смотрят целиком и издалека — с ноутбука и с телефона, — и фон здесь работает атмосферой, а не подсветкой одного блока. */ .mk-landing .mk-aurora { --mk-aurora-size: 780px; } /* Поверхность живёт на , как зал живёт на `body.mk-tv` (hall.css). Отступ страницы гасится ЗДЕСЬ и только здесь: своего