{% load static %}
  <!-- ══ KIRIQ AI ══ -->
  <section class="section s-kiriq" id="kiriq">
    <div class="section-inner">
      <div class="two-col">
        <div class="reveal">
          <span class="section-tag tag-teal">
            <span class="material-icons-round" style="font-size:13px;">satellite_alt</span>
            Satellitaire & IA
          </span>
          <h2 class="section-title">Diagnostiquez vos parcelles<br>depuis <em>l'espace.</em></h2>
          <p class="section-body">KIRiQ AI vous aide à lire l’état réel de vos parcelles, détecter les anomalies plus tôt et décider avec une longueur d’avance.</p>
          <div class="uc-stack">
            <div class="uc-row">
              <span class="uc-num">01</span>
              <div class="uc-body">
                <div class="uc-title">Diagnostic instantané</div>
                <div class="uc-desc">Lancez une première lecture parcellaire en quelques minutes et validez rapidement les zones à surveiller.
                </div>
              </div>
            </div>
            <div class="uc-row">
              <span class="uc-num">02</span>
              <div class="uc-body">
                <div class="uc-title">Suivi priorisé</div>
                <div class="uc-desc">Recevez des alertes utiles pour cibler les interventions là où l’impact terrain est le plus fort.
                </div>
              </div>
            </div>
            <div class="uc-row">
              <span class="uc-num">03</span>
              <div class="uc-body">
                <div class="uc-title">Pilotage à l’échelle</div>
                <div class="uc-desc">Comparez vos parcelles, alignez vos équipes et décidez avec une vision claire, du bloc à la filière.                </div>
              </div>
            </div>
          </div>
          <div class="btn-row">
            <a href="https://kiriq.ai/" class="btn-primary" target="_blank">
              <span class="material-icons-round">east</span>
              Demander une démo
            </a>
            <a href="{% url 'core:kiriq' %}" class="btn-outline-dark">En savoir plus</a>
          </div>
        </div>
        <div class="visual-box vb-dark reveal" style="position:relative;padding:0;overflow:hidden;">
          <img src="{% static 'img/Kiriq AI.jpg' %}" alt="Kiriq AI — analyse parcellaire">
          <div class="chip-float cf-tl">
            <span class="material-icons-round">warning</span>
            4 anomalies détectées
          </div>
          <div class="chip-float cf-br">
            <span class="material-icons-round">trending_up</span>
            NDVI +12 pts
          </div>
        </div>
      </div>
    </div>
  </section>