<section id="solutions" class="publics">
    <div class="section-container">
        <h2>{{ t.publics.section_title }} <span class="accent-text">{{ t.publics.section_title_accent }}</span></h2>
        <p class="section-subtitle">
            {{ t.publics.section_subtitle }}
        </p>

        <div class="publics-grid">
            {% for public in t.publics.items %}
            <div class="public-card">
                <div class="public-icon">{{ public.icon }}</div>
                <h3>{{ public.title }}</h3>
                <p class="public-description">{{ public.description }}</p>

                <div class="public-benefits">
                    <h4>{{ t.publics.benefits_label }}</h4>
                    <ul>
                        {% for benefit in public.benefits %}
                        <li>✓ {{ benefit }}</li>
                        {% endfor %}
                    </ul>
                </div>

                <a href="#contact" class="btn btn-primary public-cta">
                    {{ public.cta }} →
                </a>
            </div>
            {% endfor %}
        </div>

        <div class="publics-footer">
            <p>
                {{ t.publics.footer_line1 }}
            </p>
            <p>
                {{ t.publics.footer_line2 }}
            </p>
        </div>
    </div>
</section>
