At-rule @scope (.pricing) ограничивает действие селекторов границей поддерева — меньше конфликтов .button между секциями маркетингового лендинга.
Не заменяет BEM-именование, но снижает вес глобальных утилит.
- [@scope — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/@scope) — root и limit.
- [@scope — Chrome Developers](https://developer.chrome.com/docs/css-ui/at-scope) — Примеры изоляции.
---
## Сборка
Проверьте порядок слоёв @layer вместе со scope — иначе utilities всё равно победят.