{# Chiffres clés strip — homepage uniquement (docs/pages.md p.01).
   Valeurs numériques animées via data-count (JS tca-animations.js).
   Items featured rendus en anthracite, autres en gris pâle. #}
{% set items = items|default([
    { value: 40,  suffix: '+',  label: 'Années d\'expertise industrielle' },
    { value: 8,                 label: 'Départements couverts' },
    { value: 24,  suffix: ' H', label: 'Délai de réponse sur devis', featured: true },
    { value: 300, suffix: '+',  label: 'Clients accompagnés' }
]) %}

<section class="tca-chiffres tca-reveal tca-reveal--stagger" aria-label="Chiffres clés TCA Industries">
    <div class="tca-container">
        <div class="tca-chiffres__grid">
            {% for it in items %}
                <div class="tca-chiffres__item{% if it.featured|default(false) %} tca-chiffres__item--featured{% endif %}">
                    {% if it.value is iterable == false and (it.value ~ '') matches '/^\\d+$/' %}
                        {# Valeur numérique → animation count-up. #}
                        <div class="tca-chiffres__value"
                             data-count="{{ it.value }}"
                             {% if it.suffix is defined %}data-suffix="{{ it.suffix }}"{% endif %}>0{{ it.suffix|default('') }}</div>
                    {% else %}
                        <div class="tca-chiffres__value">{{ it.value }}{{ it.suffix|default('') }}</div>
                    {% endif %}
                    <div class="tca-chiffres__label">{{ it.label }}</div>
                </div>
                {% if not loop.last %}
                    <span class="tca-chiffres__slash" aria-hidden="true"></span>
                {% endif %}
            {% endfor %}
        </div>
    </div>
</section>