Первый экран со сменным словом

Серверный компонент, один файл, ноль зависимостей. Палитра --vibeui-hero-017-*, тема берётся из color-scheme окружения через light-dark(); подложки по умолчанию нет — блок ложится на фон страницы. Сменное слово собрано в data-part="rotator": все варианты лежат в одной grid-ячейке (grid-area: 1/1), поэтому контейнер сам меряется по самому широкому слову и ширина не дёргается при смене — без измерения в JS. Каждое слово получает animation-delay, кратный длительности цикла и умноженный на свой индекс со знаком минус: это сдвигает фазы так, что видно ровно одно слово в любой момент, а бесконечный повтор работает без класса состояния. Ротатор помечен aria-hidden, рядом лежит visually-hidden строка со списком слов через запятую — иначе скринридер озвучил бы все варианты подряд, потому что opacity не убирает текст из доступного дерева. При prefers-reduced-motion анимация выключается и остаётся первое слово статично.