@scope: ограничение каскада CSS на секции лендинга
Изоляция стилей блока без Shadow DOM и утечки `.title` на всю страницу.
At-rule `@scope (.pricing)` ограничивает действие селекторов границей поддерева — меньше конфликтов `.button` между секциями маркетингового лендинга.
Не заменяет BEM-именование, но снижает вес глобальных утилит.
- @scope — MDN — root и limit.
- @scope — Chrome Developers — Примеры изоляции.
Сборка
Проверьте порядок слоёв `@layer` вместе со scope — иначе utilities всё равно победят.