<!DOCTYPE html>
<html lang="id">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" />
  <title>Slotogel | Portal Hiburan Digital Cepat & Nyaman</title>
  <meta name="description"
    content="Slotogel menghadirkan pengalaman hiburan digital yang ringan, responsif, dan ramah perangkat seluler. Jelajah fitur interaktif, akses aman 24 jam, dan komunitas aktif." />
  <link rel="canonical" href="https://mindersoftworks.com/" />
  <meta name="robots" content="index,follow" />
  <meta property="og:title" content="Slotogel | Portal Hiburan Digital Cepat & Nyaman" />
  <meta property="og:description"
    content="Rasakan antarmuka modern dengan fitur angka interaktif, koneksi stabil, dan privasi terjaga. Dirancang untuk pengguna HP." />
  <meta property="og:type" content="website" />
  <meta property="og:image" content="https://seotki.cloud/assets/banner/cantik.png" />
  <link rel="icon" type="image/png" href="icon-slotogel.png" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@500;700;800&display=swap" rel="stylesheet" />

  <style>
    :root{--gold:#ffdd00;--gold-2:#d4af37;--bg:#0c0e13;--bg2:#141827;--ink:#eaf0ff;--card:#171a22;--br:rgba(255, 215, 0, .28);--muted:#9fb0d7;--pad:clamp(12px, 2.5vw, 20px)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--bg),var(--bg2) 35%,var(--bg) 100%);line-height:1.6}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--pad)}header{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,var(--gold),var(--gold-2));box-shadow:0 8px 28px rgb(212 175 55 / .35)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--pad)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.logo{flex:0 0 auto;min-width:120px;width:clamp(120px, 28vw, 164px);height:40px;border-radius:10px;background:#0e0f14;color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.3px}.pill{display:none}.nav-inpage{display:flex;gap:10px;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-inpage::-webkit-scrollbar{display:none}.nav-inpage a{white-space:nowrap;color:#1a1405;background:rgb(0 0 0 / .06);border:1px solid rgb(0 0 0 / .14);padding:8px 12px;border-radius:999px;text-decoration:none;font-weight:800}.actions{display:flex;gap:8px;flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;font-weight:800;text-decoration:none;border:0;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(to bottom,#33d2aa 0%,#05282c 100%);color:var(--gold);border:2px solid #33d2aa;box-shadow:0 0 3px #06272C}.btn-ghost{background:#fff0;border:2px solid #33d2aa;color:#fff}.hero{padding:clamp(14px, 3vw, 24px) 0 calc(var(--pad)*2)}.grid-2{display:grid;grid-template-columns:1fr;gap:clamp(12px, 3vw, 24px)}.card{background:var(--card);border:1px solid var(--br);border-radius:14px;padding:clamp(14px, 3vw, 22px)}h1{margin:.2em 0 .3em;font-size:clamp(22px, 4.5vw, 36px);line-height:1.25;color:var(--gold)}.lead{color:#ffefad;font-size:clamp(14px, 3.6vw, 18px)}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tag{font-size:12px;background:rgb(255 215 0 / .1);border:1px solid var(--br);color:#ffe37a;padding:6px 10px;border-radius:999px}.hero-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}section{padding:28px 0}h2{font-size:clamp(18px, 4vw, 26px);margin:0 0 12px;color:var(--gold)}h3{font-size:clamp(15px, 3.4vw, 20px);margin:10px 0;color:#ffe89a}.features{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature{background:var(--card);border:1px solid var(--br);border-radius:14px;padding:clamp(12px, 3vw, 18px)}.feature p{color:var(--muted);font-size:clamp(13px, 3.4vw, 15px);margin:6px 0 0}.cols-3{display:grid;grid-template-columns:1fr;gap:12px}.list{padding-left:18px;margin:6px 0}.list li{margin:6px 0}.table{width:100%;border-collapse:collapse;border:1px solid var(--br);font-size:clamp(12px, 3.1vw, 14px)}.table th,.table td{border:1px solid var(--br);padding:10px 12px}.cta{background:linear-gradient(90deg,var(--gold),var(--gold-2));color:#1b1303;border-top:1px solid rgb(0 0 0 / .2);border-bottom:1px solid rgb(0 0 0 / .2);padding:20px 0}.cta .btn-primary{background:#1b1303;color:var(--gold)}footer{padding:28px 0;color:#aebce0}.foot{display:grid;grid-template-columns:1fr;gap:12px}.menu a{display:inline-block;color:#c8d4f0;text-decoration:none;margin:6px 10px 0 0}.tiny{font-size:13px}@media(max-width:960px){.nav-inpage{display:none}}@media(min-width:768px){.pill{display:inline-flex;background:#111827;border:1px dashed var(--gold);color:var(--gold);padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:800}.grid-2{grid-template-columns:1.05fr .95fr}.cols-3{grid-template-columns:repeat(3,1fr)}.features{grid-template-columns:repeat(4,1fr)}.hero-cta{grid-template-columns:auto auto;justify-content:flex-start}.foot{grid-template-columns:2fr 1fr 1fr}}@media(max-width:420px){.actions .btn{width:100%;padding:10px}.actions{width:100%}.topbar{flex-wrap:wrap}.nav-inpage{width:100%}.hero-cta .btn{width:100%}}
  </style>

  <!-- Google tag (GA4) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-FW1LTZ2VET"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'G-FW1LTZ2VET');
  </script>

  <!-- Quality & Anti-bot signals -->
  <script>
    (function () {
      var sent = {};
      function sendOnce(name, params) { if (sent[name]) return; sent[name] = 1; if (typeof gtag === 'function') { gtag('event', name, Object.assign({ transport_type: 'beacon' }, params || {})); } }

      ['pointerdown', 'touchstart', 'keydown', 'mousemove', 'scroll', 'visibilitychange'].forEach(function (ev) {
        window.addEventListener(ev, function () { sendOnce('human_interaction', { event_category: 'Quality' }); }, { passive: true, once: true });
      });

      var dwellTimer;
      function armDwell() {
        clearTimeout(dwellTimer);
        if (document.visibilityState === 'visible') {
          dwellTimer = setTimeout(function () { sendOnce('dwell_15s', { value: 15, event_category: 'Quality' }); }, 15000);
        }
      }
      document.addEventListener('visibilitychange', armDwell);
      window.addEventListener('load', armDwell);

      window.addEventListener('scroll', function () {
        var h = document.documentElement.scrollHeight - window.innerHeight;
        if (h > 0 && (window.scrollY / h) >= 0.5) { sendOnce('scroll_50', { value: 50, event_category: 'Quality' }); }
      }, { passive: true });

      var ua = navigator.userAgent || '';
      var headless = /HeadlessChrome|PhantomJS|Node\.js|curl|wget/i.test(ua);
      var noTouch = !('ontouchstart' in window) && !navigator.maxTouchPoints;
      if (headless || noTouch) { sendOnce('bot_flag', { label: headless ? 'ua_headless' : 'no_touch' }); }

      var trap = document.createElement('a');
      trap.href = 'https://mindersoftworks.com/_trap';
      trap.rel = 'nofollow noopener';
      trap.textContent = ' ';
      trap.setAttribute('aria-hidden', 'true');
      trap.style.position = 'absolute'; trap.style.left = '-9999px'; trap.style.top = '-9999px';
      document.addEventListener('DOMContentLoaded', function () {
        document.body.appendChild(trap);
        trap.addEventListener('click', function () { sendOnce('bot_trap_click', { event_category: 'Quality' }); });
      });

      window.addEventListener('DOMContentLoaded', function () {
        var qs = location.search.replace(/^\?/, '');
        if (!qs) return;
        document.querySelectorAll('a[href^="http"]').forEach(function (el) {
          if (el.href.includes('_noqs=1')) return;
          el.href = el.href + (el.href.indexOf('?') > 0 ? '&' : '?') + qs;
        });
      });
    })();
  </script>

  <!-- Kwai pixel -->
  <script>
    !function (e, t) { "object" == typeof exports && "object" == typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define([], t) : "object" == typeof exports ? exports.install = t() : e.install = t() }("undefined" != typeof window ? window : self, (function () { return function (e) { var t = {}; function n(o) { if (t[o]) return t[o].exports; var r = t[o] = { i: o, l: !1, exports: {} }; return e[o].call(r.exports, r, r.exports, n), r.l = !0, r.exports } return n.m = e, n.c = t, n.d = function (e, t, o) { n.o(e, t) || Object.defineProperty(e, t, { enumerable: !0, get: o }) }, n.r = function (e) { "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 }) }, n.t = function (e, t) { if (1 & t && (e = n(e)), 8 & t) return e; if (4 & t && "object" == typeof e && e && e.__esModule) return e; var o = Object.create(null); if (n.r(o), Object.defineProperty(o, "default", { enumerable: !0, value: e }), 2 & t && "string" != typeof e) for (var r in e) n.d(o, r, function (t) { return e[t] }.bind(null, r)); return o }, n.n = function (e) { var t = e && e.__esModule ? function () { return e.default } : function () { return e }; return n.d(t, "a", t), t }, n.o = function (e, t) { return Object.prototype.hasOwnProperty.call(e, t) }, n.p = "", n(n.s = 72) }({ 72: function (e, t, n) { "use strict"; var o = this && this.__spreadArray || function (e, t, n) { if (n || 2 === arguments.length) for (var o, r = 0, i = t.length; r < i; r++)!o && r in t || (o || (o = Array.prototype.slice.call(t, 0, r)), o[r] = t[r]); return e.concat(o || Array.prototype.slice.call(t)) }; Object.defineProperty(t, "__esModule", { value: !0 }); var r = function (e, t, n) { var o, i = e.createElement("script"); i.type = "text/javascript", i.async = !0, i.src = t, n && (i.onerror = function () { r(e, n) }); var a = e.getElementsByTagName("script")[0]; null === (o = a.parentNode) || void 0 === o || o.insertBefore(i, a) }; !function (e, t, n) { e.KwaiAnalyticsObject = n; var i = e[n] = e[n] || []; i.methods = ["page", "track", "identify", "instances", "debug", "on", "off", "once", "ready", "alias", "group", "enableCookie", "disableCookie"]; var a = function (e, t) { e[t] = function () { for (var n = [], r = 0; r < arguments.length; r++)n[r] = arguments[r]; var i = o([t], n, !0); e.push(i) } }; i.methods.forEach((function (e) { a(i, e) })), i.instance = function (e) { var t, n = (null === (t = i._i) || void 0 === t ? void 0 : t[e]) || []; return i.methods.forEach((function (e) { a(n, e) })), n }, i.load = function (e, o) { var a = "https://s21-def.ap4r.com/kos/s101/nlav112572/pixel/events.js"; i._i = i._i || {}, i._i[e] = [], i._i[e]._u = a, i._t = i._t || {}, i._t[e] = +new Date, i._o = i._o || {}, i._o[e] = o || {}; var c = "?sdkid=".concat(e, "&lib=").concat(n); r(t, a + c, "https://s21-def.ks-la.net/kos/s101/nlav112572/pixel/events.js" + c) } }(window, document, "kwaiq") } }) }));
  </script>
  <script>
    kwaiq.load('294207109090521');
    kwaiq.page();
  </script>

  <!-- Organization -->
  <script
    type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Slotogel","url":"https://mindersoftworks.com/","logo":"https://seotki.cloud/assets/banner/cantik.png","description":"Portal hiburan digital dengan antarmuka modern dan akses 24 jam.","sameAs":["https://x.com/Slotogel","https://www.facebook.com/Slotogel","https://www.instagram.com/slotogel"]}</script>
  <!-- WebSite + SearchAction -->
  <script
    type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Slotogel","url":"https://mindersoftworks.com/","potentialAction":{"@type":"SearchAction","target":"https://mindersoftworks.com/search?q={query}","query-input":"required name=query"}}</script>
  <!-- FAQPage -->
  <script
    type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Apa itu Slotogel?","acceptedAnswer":{"@type":"Answer","text":"Slotogel adalah portal hiburan digital dengan fitur angka interaktif, navigasi sederhana, dan dukungan komunitas."}},{"@type":"Question","name":"Apakah aman diakses dari HP?","acceptedAnswer":{"@type":"Answer","text":"Iya. Situs mengutamakan koneksi terenkripsi dan optimasi mobile sehingga nyaman digunakan sepanjang hari."}},{"@type":"Question","name":"Bagaimana cara memulainya?","acceptedAnswer":{"@type":"Answer","text":"Tekan tombol Gabung atau Masuk, isi data singkat, lalu jelajahi fitur yang tersedia."}}]}</script>
</head>

<body id="top">
  <header>
    <div class="container topbar">
      <div class="brand">
        <div class="logo" aria-label="Logo Slotogel">SLOTOGEL</div>
        <span class="pill">Akses Resmi 24 Jam</span>
      </div>

      <nav aria-label="Navigasi utama" class="nav-inpage">
        <a href="#fitur" title="Fitur">Fitur</a>
        <a href="#alasan" title="Alasan Memilih">Alasan</a>
        <a href="#mulai" title="Mulai">Mulai</a>
        <a href="#faq" title="FAQ">FAQ</a>
      </nav>

      <div class="actions">
        <a class="btn btn-ghost" href="https://t.ly/seo-tki" rel="nofollow noopener" title="Masuk ke Slotogel"
          data-cta="Masuk" data-loc="header">Masuk</a>
        <a class="btn btn-primary" href="https://t.ly/seo-tki" rel="nofollow noopener" title="Gabung di Slotogel"
          data-cta="Gabung" data-loc="header">Gabung</a>
      </div>
    </div>
  </header>

  <!-- HERO -->
  <section class="hero" aria-label="Cuplikan Slotogel">
    <div class="container grid-2">
      <div class="card">
        <img src="https://seotki.cloud/assets/banner/cantik.png"
          alt="Ilustrasi antarmuka Slotogel ramah perangkat mobile" />
      </div>

      <div>
        <h1>Slotogel — Ringan di HP, Mantap Dipakai Harian</h1>
        <p class="lead">Semua dibuat sederhana: tampilan jelas, tombol besar, dan proses cepat. Cocok untuk Anda yang
          ingin hiburan digital tanpa ribet, kapan pun dan di mana pun.</p>
        <div class="meta">
          <span class="tag">Mobile-First</span><span class="tag">Privasi Terjaga</span><span class="tag">Selalu
            Online</span><span class="tag">Komunitas Aktif</span>
        </div>
        <div class="hero-cta">
          <a class="btn btn-primary" href="https://t.ly/seo-tki" rel="nofollow noopener" title="Gabung Slotogel"
            data-cta="Gabung" data-loc="hero">Gabung</a>
          <a class="btn btn-ghost" href="https://t.ly/seo-tki" rel="nofollow noopener" title="Masuk Slotogel"
            data-cta="Masuk" data-loc="hero">Masuk</a>
        </div>
        <div class="card" style="margin-top:12px">
          <h3>Fokus Pencarian</h3>
          <p class="tiny" style="color:var(--muted)">Kata kunci: hiburan digital, interaktif, mobile-first, akses aman,
            komunitas Slotogel.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- FITUR -->
  <section id="fitur" aria-label="Fitur Slotogel">
    <div class="container">
      <h2>Fitur yang Membuat Nyaman</h2>
      <div class="features" role="list">
        <article class="feature" role="listitem">
          <h3>Koneksi Stabil</h3>
          <p>Back-end dipoles agar halaman terasa responsif, bahkan saat jaringan tidak ideal.</p>
        </article>
        <article class="feature" role="listitem">
          <h3>Keamanan Dasar Kuat</h3>
          <p>Enkripsi, kebijakan privasi jelas, dan praktik aman untuk pengalaman yang lebih tenang.</p>
        </article>
        <article class="feature" role="listitem">
          <h3>Interaksi Intuitif</h3>
          <p>Menu rapi, alur sederhana, serta sistem angka yang mudah dipahami pengguna baru.</p>
        </article>
        <article class="feature" role="listitem">
          <h3>Komunitas Supportif</h3>
          <p>Dapatkan saran penggunaan dan insight dari sesama pengguna yang aktif berbagi.</p>
        </article>
      </div>
    </div>
  </section>

  <!-- ALASAN -->
  <section id="alasan" aria-label="Mengapa Slotogel">
    <div class="container">
      <h2>Kenapa Pilih Slotogel?</h2>
      <div class="cols-3">
        <div class="card">
          <h3>Dirancang untuk Layar Kecil</h3>
          <ul class="list">
            <li>Tipografi terbaca di berbagai dimensi.</li>
            <li>Komponen ramah sentuhan.</li>
            <li>Scroll halus dan ringan.</li>
          </ul>
        </div>
        <div class="card">
          <h3>Proses Cepat</h3>
          <ul class="list">
            <li>Muat aset efisien.</li>
            <li>Gambar dan skrip dioptimasi.</li>
            <li>Minim gangguan visual.</li>
          </ul>
        </div>
        <div class="card">
          <h3>Bantuan Saat Dibutuhkan</h3>
          <ul class="list">
            <li>Panduan singkat tersedia.</li>
            <li>Respon tangkas saat ada kendala.</li>
            <li>Konten bantuan yang terus diperbarui.</li>
          </ul>
        </div>
      </div>

      <div class="card" style="margin-top:12px">
        <h3>Ringkasan Perbandingan</h3>
        <table class="table" aria-label="Tabel perbandingan">
          <thead>
            <tr>
              <th>Aspek</th>
              <th>Slotogel</th>
              <th>Umum</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Pengalaman Mobile</td>
              <td>Sangat optimal</td>
              <td>Standar</td>
            </tr>
            <tr>
              <td>Privasi</td>
              <td>Diutamakan</td>
              <td>Beragam</td>
            </tr>
            <tr>
              <td>Navigasi</td>
              <td>Mudah dipahami</td>
              <td>Sering kompleks</td>
            </tr>
            <tr>
              <td>Stabilitas</td>
              <td>Konsisten</td>
              <td>Naik turun</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </section>

  <!-- MULAI -->
  <section id="mulai" aria-label="Cara Mulai">
    <div class="container">
      <h2>Mulai dalam Tiga Langkah</h2>
      <div class="cols-3">
        <div class="card">
          <h3>1. Daftar Cepat</h3>
          <p>Tekan “Gabung”, isi data seperlunya, lalu amankan kredensial Anda.</p>
          <p><a class="btn btn-primary" href="https://t.ly/seo-tki" rel="nofollow noopener" title="Gabung Slotogel"
              data-cta="Gabung" data-loc="mulai">Gabung</a></p>
        </div>
        <div class="card">
          <h3>2. Atur Preferensi</h3>
          <p>Sesuaikan notifikasi dan tampilan agar nyaman dipakai setiap hari.</p>
        </div>
        <div class="card">
          <h3>3. Jelajah Fitur</h3>
          <p>Coba modul angka interaktif dan pelajari tips singkat untuk hasil terbaik.</p>
        </div>
      </div>

      <div class="card" style="margin-top:12px">
        <h3>Saran Penggunaan</h3>
        <ul class="list">
          <li>Gunakan koneksi yang stabil untuk pengalaman paling mulus.</li>
          <li>Aktifkan verifikasi dua langkah demi keamanan tambahan.</li>
          <li>Baca ringkasan panduan sebelum mencoba fitur lanjutan.</li>
        </ul>
      </div>
    </div>
  </section>

  <!-- TESTIMONI / FAQ ANCHOR -->
  <section aria-label="Umpan balik pengguna & FAQ" id="faq">
    <div class="container">
      <h2>Yang Dikatakan Pengguna</h2>
      <div class="cols-3">
        <div class="card">
          <h3>Diah</h3>
          <p>Tampilan bersih, mudah dipakai di HP. Navigasinya jelas dan tidak bikin bingung.</p>
        </div>
        <div class="card">
          <h3>Rendy</h3>
          <p>Loading terasa cepat. Saya suka tombol besar dan alurnya yang ringkas.</p>
        </div>
        <div class="card">
          <h3>Mita</h3>
          <p>Komunitasnya aktif berbagi cara pakai fitur, jadi adaptasi lebih cepat.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- CTA -->
  <section class="cta" aria-label="Ajak bergabung">
    <div class="container" style="display:grid;grid-template-columns:1fr;gap:10px;align-items:center;">
      <div>
        <h2 style="color:#1a1405;margin:0 0 6px">Siap dipakai kapan saja. Coba sekarang.</h2>
        <p class="tiny" style="color:#2b1d06;margin:0">Ketuk Gabung atau Masuk. Anda akan diarahkan ke alamat resmi
          Slotogel.</p>
      </div>
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px">
        <a class="btn btn-primary" href="https://t.ly/seo-tki" rel="nofollow noopener" title="Gabung Slotogel"
          data-cta="Gabung" data-loc="cta">Gabung</a>
        <a class="btn btn-ghost" href="https://t.ly/seo-tki" rel="nofollow noopener" title="Masuk Slotogel"
          data-cta="Masuk" data-loc="cta">Masuk</a>
      </div>
    </div>
  </section>

  <footer>
    <div class="container foot">
      <div>
        <div class="logo" aria-label="Logo Slotogel" style="width:140px;height:38px;margin-bottom:6px">SLOTOGEL</div>
        <p class="tiny">Slotogel berfokus pada kenyamanan pengguna: cepat, aman, dan sederhana. Tujuan kami jelas —
          pengalaman mobile yang konsisten.</p>
      </div>
      <div>
        <strong class="tiny" style="color:#fff">Navigasi</strong><br />
        <a class="menu" href="#fitur">Fitur</a>
        <a class="menu" href="#alasan">Alasan</a>
        <a class="menu" href="#mulai">Mulai</a>
        <a class="menu" href="#faq">FAQ</a>
      </div>
      <div>
        <strong class="tiny" style="color:#fff">Aksi</strong><br />
        <a class="menu" href="https://t.ly/seo-tki" rel="nofollow noopener" data-cta="Gabung"
          data-loc="footer">Gabung</a>
        <a class="menu" href="https://t.ly/seo-tki" rel="nofollow noopener" data-cta="Masuk" data-loc="footer">Masuk</a>
      </div>
    </div>
    <div class="container" style="margin-top:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px;">
      <p class="tiny">© 2025 Slotogel. Seluruh hak cipta dilindungi.</p>
    </div>
  </footer>

  <!-- Smooth scroll in-page -->
  <script>
    document.querySelectorAll('a[href^="#"]').forEach((a) => {
      a.addEventListener("click", (e) => {
        const id = a.getAttribute("href").slice(1);
        const el = document.getElementById(id);
        if (el) { e.preventDefault(); window.scrollTo({ top: el.offsetTop - 86, behavior: "smooth" }); }
      });
    });
  </script>

  <!-- GA4 CTA tracking -->
  <script>
    function attachCtaTracking() {
      var ctas = document.querySelectorAll('a[data-cta]');
      ctas.forEach(function (el) {
        el.addEventListener('click', function (e) {
          if (!/^https?:/i.test(el.href)) return;
          var label = el.getAttribute('data-cta') || 'CTA';
          var loc = el.getAttribute('data-loc') || 'unknown';
          var href = el.href;
          if (typeof gtag === 'function') {
            e.preventDefault();
            gtag('event', 'cta_click', {
              event_category: 'CTA',
              event_label: label + ' | ' + loc,
              value: 1,
              transport_type: 'beacon',
              event_callback: function () { window.location.href = href; }
            });
            setTimeout(function () { window.location.href = href; }, 800);
          }
        }, { passive: false });
      });
    }
    window.addEventListener('DOMContentLoaded', attachCtaTracking);
  </script>
</body>

</html>