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

        <div class="engagement-options">
            {% for card in t.engagement.cards %}
            <div class="engagement-card">
                <div class="engagement-icon">{{ card.icon }}</div>
                <h3>{{ card.title }}</h3>
                <p>{{ card.text }}</p>
                <a href="#contact" class="btn btn-primary">{{ card.cta }}</a>
            </div>
            {% endfor %}
        </div>
    </div>
</section>
