<!-- TENTANG SISTEM -->
<div style="background:linear-gradient(135deg,var(--clr-primary-d),var(--clr-primary));color:#fff;padding:60px 32px;text-align:center">
  <h1 style="font-size:2rem;font-weight:900">Tentang SINERGI</h1>
  <p style="color:rgba(255,255,255,0.75);max-width:600px;margin:12px auto 0">Sistem Informasi Geografis Penanganan Kemiskinan Berbasis Kolaborasi</p>
</div>
<div class="public-container" style="padding:48px 24px">
  <div style="max-width:800px;margin:0 auto">
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px">
      <div class="card"><div class="card-body">
        <div style="font-size:2rem;margin-bottom:12px">🎯</div>
        <h3 style="font-weight:700;margin-bottom:8px">Tujuan Sistem</h3>
        <p style="color:var(--clr-text-muted);font-size:0.875rem;line-height:1.7">SINERGI dirancang untuk memetakan, memverifikasi, dan menangani kemiskinan di Kota Pontianak melalui kolaborasi antara rumah ibadah, masyarakat, dan pemerintah.</p>
      </div></div>
      <div class="card"><div class="card-body">
        <div style="font-size:2rem;margin-bottom:12px">⛪</div>
        <h3 style="font-weight:700;margin-bottom:8px">Kolaborasi Rumah Ibadah</h3>
        <p style="color:var(--clr-text-muted);font-size:0.875rem;line-height:1.7">Setiap warga miskin yang terverifikasi akan ditugaskan ke rumah ibadah terdekat menggunakan Haversine Formula untuk memastikan penyaluran bantuan tepat sasaran.</p>
      </div></div>
    </div>
    <div class="card"><div class="card-body">
      <h3 style="font-weight:700;margin-bottom:16px">Fitur Unggulan Sistem</h3>
      <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px">
        <?php $fitur = [
          ['🗺','Peta GIS Real-time','Visualisasi persebaran kemiskinan secara real-time menggunakan Leaflet.js'],
          ['🔥','Heatmap Kemiskinan','Identifikasi daerah dengan konsentrasi kemiskinan tertinggi'],
          ['⚡','Blind Spot Detection','Deteksi otomatis warga yang tidak terjangkau radius rumah ibadah'],
          ['📊','Skor Prioritas','Algoritma penilaian prioritas bantuan berdasarkan 7 indikator'],
          ['📱','Lapor Tanpa Login','Masyarakat dapat melaporkan warga tanpa perlu mendaftar'],
          ['🏛','Dashboard Eksekutif','Monitoring real-time untuk Wali Kota dan Dinas Sosial'],
        ]; foreach($fitur as [$icon,$title,$desc]): ?>
        <div style="padding:16px;background:#f8fafc;border-radius:8px;border:1px solid var(--clr-border)">
          <div style="font-size:1.5rem;margin-bottom:8px"><?= $icon ?></div>
          <div style="font-weight:700;font-size:0.875rem;margin-bottom:4px"><?= $title ?></div>
          <div style="font-size:0.78rem;color:var(--clr-text-muted);line-height:1.5"><?= $desc ?></div>
        </div>
        <?php endforeach; ?>
      </div>
    </div></div>
  </div>
</div>
