---
import SiteLayout from "../layouts/SiteLayout.astro";
---

<SiteLayout title="Archicratie — Édition web">
  <section class="landing landing-home" aria-labelledby="home-title">
    <header class="landing-hero">
      <p class="landing-kicker">Édition web critique</p>

      <h1 id="home-title">Archicratie</h1>

      <p class="landing-lead">
        Une recherche indépendante sur les architectures de régulation qui rendent
        possible la co-viabilité des sociétés complexes.
      </p>

      <div class="landing-actions" aria-label="Entrées principales">
        <a class="landing-btn landing-btn--primary" href="/commencer/">
          Entrevoir l’archicratie
        </a>
        <a class="landing-btn" href="/glossaire/">
          Explorer son glossaire
        </a>
      </div>
    </header>

    <section class="landing-section" aria-labelledby="home-paths-title">
      <div class="landing-section__head">
        <p class="landing-kicker">Parcours</p>
        <h2 id="home-paths-title">Accès principaux</h2>
      </div>

      <div class="landing-grid">
        <a class="landing-card" href="/archicrat-ia/">
          <strong>Essai-thèse — ArchiCraT-IA</strong>
          <span>
            Le corpus principal : fondements, histoire, philosophie du pouvoir,
            tensions et régulations archicratiques.
          </span>
          <small>Lire ArchiCraT-IA →</small>
        </a>

        <a class="landing-card" href="/cas-ia/">
          <strong>Cas pratique — Gouvernance IA</strong>
          <span>
            Une mise à l’épreuve contemporaine du paradigme à travers la
            gouvernance des systèmes d’intelligence artificielle.
          </span>
          <small>Explorer le cas pratique →</small>
        </a>

        <a class="landing-card" href="/glossaire/">
          <strong>Glossaire</strong>
          <span>
            La cartographie conceptuelle du système : notions, scènes,
            dynamiques, tensions et méta-régimes.
          </span>
          <small>Entrer dans le glossaire →</small>
        </a>

        <a class="landing-card" href="/recherche/">
          <strong>Recherche</strong>
          <span>
            Rechercher un terme, une notion ou un passage dans les textes de
            l’édition web.
          </span>
          <small>Lancer une recherche →</small>
        </a>
      </div>
    </section>
  </section>
</SiteLayout>