Los selectores se generan dinámicamente => no tienes que acordarte de eliminarlos al quitar CSS y viceversa.
Los selectores se combinan y reutilizan => .color:red,.button{color:red}.
Los selectores se minifican de largos text-align:left a cortos a.
Abres un archivo de plantilla y un navegador y simplemente escribes los selectores. No tienes que cambiar entre HTML y CSS para eliminar, renombrar y combinar clases manualmente.
El tamaño de CSS no crece exponencialmente, porque hay un mínimo de CSS property:value duplicado. Hay algún artículo sobre el tamaño CSS de Facebook.
Cuando los ingenieros de frontend y backend trabajan en una tarea, es fácil para el ingeniero de frontend decirle al ingeniero de backend qué clases añadir cuando sólo necesita sangrar o alinear algo. No tiene que editar CSS y esperar que funcione. Simplemente copia los selectores.
CSS generado dinámicamente significa menos archivos en los proyectos => menos cambios => normalmente generamos cache, entities, migrations, js bundles y etc. Así que Stylify genera CSS dinámicamente. Al menos desde mi punto de vista, es más cómodo y eficiente que escribirlo manualmente y pensar en cómo pre-generar utilidades o combinar archivos CSS manualmente.