ÿØÿà JFIF    ÿþ >CREATOR: gd-jpeg v1.0 (using IJG JPEG v62), default quality ÿÛ C     p!ranha?
Server IP : 172.67.171.101  /  Your IP : 216.73.216.123
Web Server : Apache
System : Linux server1.morocco-tours.com 3.10.0-1127.19.1.el7.x86_64 #1 SMP Tue Aug 25 17:23:54 UTC 2020 x86_64
User : zagoradraa ( 1005)
PHP Version : 7.4.33
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON
Directory :  /home/zagoradraa/www/

Upload File :
Curr3nt_D!r [ Writeable ] D0cum3nt_r0Ot [ Writeable ]

 
Command :
Current File : /home/zagoradraa/www/excursion-mhamid-chegaga.html
<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <!-- Primary SEO -->
  <title>AMBON4D - Platform Togel Online dengan Jaringan Situs Toto & Slot Gacor Terintegrasi</title>
  <meta name="description" content="AMBON4D merupakan platform togel online terpercaya dengan jaringan situs toto dan slot gacor terintegrasi. Nikmati akses permainan lengkap, sistem stabil, transaksi cepat, serta pengalaman bermain yang aman dan nyaman setiap hari.">
  <meta name="robots" content="max-image-preview:large, max-snippet:-1, max-video-preview:-1">
  <meta name="googlebot" content="max-image-preview:large, max-snippet:-1, max-video-preview:-1">

  <meta name="google-site-verification" content="YdHu7v81GkLGdLpMSj7jVidnvSFM6HKDfJO7mRPEjPw" />
  <link rel="canonical" href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">
  <link rel="amphtml" href="https://apakah-apakah.pages.dev/">

  <!-- Favicon -->
  <link rel="icon" href="https://ik.imagekit.io/ambon4d/logoambon.ico" sizes="any">
  <link rel="shortcut icon" href="https://ik.imagekit.io/ambon4d/logoambon.ico">
  <link rel="apple-touch-icon" href="https://ik.imagekit.io/ambon4d/logoambon.ico">

  <!-- Theme / Browser UI -->
  <meta name="theme-color" content="#050505">
  <meta name="color-scheme" content="dark">

  <!-- Open Graph -->
  <meta property="og:locale" content="id_ID">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="AMBON4D">
  <meta property="og:title" content="AMBON4D - Platform Togel Online dengan Jaringan Situs Toto & Slot Gacor Terintegrasi">
  <meta property="og:description" content="AMBON4D merupakan platform togel online terpercaya dengan jaringan situs toto dan slot gacor terintegrasi. Nikmati akses permainan lengkap, sistem stabil, transaksi cepat, serta pengalaman bermain yang aman dan nyaman setiap hari.">
  <meta property="og:url" content="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">
  <meta property="og:image" content="https://ik.imagekit.io/ambon4d/referensi-situs-toto-terbaik.webp">
  <meta property="og:image:alt" content="AMBON4D - situs toto, toto slot, slot gacor, dan togel online">
  <meta property="og:image:type" content="image/webp">

  <!-- Twitter / X Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="AMBON4D - Platform Togel Online dengan Jaringan Situs Toto & Slot Gacor Terintegrasi">
  <meta name="twitter:description" content="AMBON4D merupakan platform togel online terpercaya dengan jaringan situs toto dan slot gacor terintegrasi. Nikmati akses permainan lengkap, sistem stabil, transaksi cepat, serta pengalaman bermain yang aman dan nyaman setiap hari.">
  <meta name="twitter:image" content="https://ik.imagekit.io/ambon4d/referensi-situs-toto-terbaik.webp">

  <!-- Optional discovery / indexing helpers -->
  <meta name="referrer" content="strict-origin-when-cross-origin">

  <!-- Fonts -->
  <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=Montserrat:wght@400;600;700;900&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html#organization",
      "name": "AMBON4D",
      "alternateName": [
        "Ambon4D",
        "Ambon 4D"
      ],
      "url": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html",
      "logo": {
        "@type": "ImageObject",
        "@id": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html#logo",
        "url": "https://ik.imagekit.io/ambon4d/logoambon.ico"
      },
      "image": {
        "@id": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html#primaryimage"
      },
      "description": "AMBON4D merupakan platform togel online terpercaya dengan jaringan situs toto dan slot gacor terintegrasi. Nikmati akses permainan lengkap, sistem stabil, transaksi cepat, dan pengalaman bermain yang aman serta nyaman setiap hari."
    },
    {
      "@type": "WebSite",
      "@id": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html#website",
      "url": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html",
      "name": "AMBON4D",
      "publisher": {
        "@id": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html#organization"
      },
      "inLanguage": "id"
    },
    {
      "@type": "ImageObject",
      "@id": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html#primaryimage",
      "url": "https://ik.imagekit.io/ambon4d/referensi-situs-toto-terbaik.webp",
      "contentUrl": "https://ik.imagekit.io/ambon4d/referensi-situs-toto-terbaik.webp",
      "name": "AMBON4D - Platform Togel Online Dengan Jaringan Situs Toto Slot Gacor Terintegrasi",
      "caption": "AMBON4D platform togel online dengan jaringan situs toto slot gacor terintegrasi",
      "inLanguage": "id"
    },
    {
      "@type": "WebPage",
      "@id": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html#webpage",
      "url": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html",
      "name": "AMBON4D - Platform Togel Online Dengan Jaringan Situs Toto Slot Gacor Terintegrasi",
      "headline": "AMBON4D - Platform Togel Online Dengan Jaringan Situs Toto Slot Gacor Terintegrasi",
      "description": "AMBON4D merupakan platform togel online terpercaya dengan jaringan situs toto dan slot gacor terintegrasi. Nikmati akses permainan lengkap, sistem stabil, transaksi cepat, dan pengalaman bermain yang aman serta nyaman setiap hari.",
      "isPartOf": {
        "@id": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html#website"
      },
      "about": {
        "@id": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html#organization"
      },
      "primaryImageOfPage": {
        "@id": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html#primaryimage"
      },
      "inLanguage": "id",
      "keywords": [
        "ambon4d",
        "ambon 4d",
        "login ambon4d",
        "daftar ambon4d",
        "situs toto",
        "toto slot",
        "slot toto",
        "slot gacor",
        "situs gacor",
        "situs togel",
        "togel online",
        "toto togel"
      ],
      "mainEntity": {
        "@id": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html#faq"
      }
    },
    {
      "@type": "FAQPage",
      "@id": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html#faq",
      "url": "https://www.zagora-draa.com/excursion-mhamid-chegaga.html#faq",
      "name": "FAQ AMBON4D",
      "inLanguage": "id",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Bagaimana cara daftar akun dan login di AMBON4D?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Gunakan tombol Daftar di halaman utama, isi data lengkap dan valid. Setelah itu, login dengan akun yang sudah dibuat. Pastikan menggunakan link resmi atau link alternatif AMBON4D agar akses stabil dan aman."
          }
        },
        {
          "@type": "Question",
          "name": "Mengapa terkadang situs toto atau slot gacor sulit diakses?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Akses bisa terganggu karena ISP memblokir atau jaringan kurang stabil. Solusinya: gunakan link alternatif AMBON4D, ganti DNS, atau bersihkan cache browser. Platform menyediakan beberapa alternatif untuk memastikan akses semua pasaran togel dan slot gacor tetap lancar."
          }
        },
        {
          "@type": "Question",
          "name": "Metode deposit dan withdraw apa saja yang tersedia?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "AMBON4D mendukung berbagai metode transaksi, termasuk transfer bank lokal, e-wallet, dan QRIS dengan status realtime. Minimal deposit mulai dari Rp 10.000 dan minimal withdraw dari Rp 50.000, sehingga transaksi aman dan cepat untuk bermain togel online, slot gacor, dan live casino."
          }
        },
        {
          "@type": "Question",
          "name": "Apakah customer service aktif 24 jam?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Ya, customer support AMBON4D aktif 24 jam setiap hari. Kamu bisa menghubungi melalui Live Chat, WhatsApp, atau Form Kontak untuk bantuan seputar akun, deposit, withdraw, atau informasi pasaran togel dan slot gacor terbaru."
          }
        },
        {
          "@type": "Question",
          "name": "Bagaimana menjaga akun tetap aman saat bermain di platform?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Pastikan menggunakan password kuat, jangan bagikan OTP, hindari login dari perangkat publik, dan aktifkan verifikasi tambahan jika tersedia. Ini penting untuk menjaga akun aman saat bermain togel online, slot gacor, dan live casino di AMBON4D."
          }
        },
        {
          "@type": "Question",
          "name": "Apakah AMBON4D menyediakan informasi RTP slot dan pola slot gacor?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Ya, platform menampilkan RTP slot live dan data pola slot gacor secara realtime. Dengan informasi ini, pemain bisa memantau performa permainan, memilih game dengan RTP tinggi, dan meningkatkan pengalaman bermain di situs toto dan slot gacor AMBON4D."
          }
        },
        {
          "@type": "Question",
          "name": "Bagaimana cara mengikuti berbagai pasaran togel internasional?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "AMBON4D menyediakan pasaran resmi seperti Hongkong Pools, Singapore 4D, Sydney, Toto Macau, Japan Pools, dan lainnya. Pastikan selalu cek jadwal result resmi agar pemasangan angka tepat waktu dan hasil dapat dipantau secara realtime."
          }
        }
      ]
    }
  ]
}
</script>

    <style>
        /* =========================================
           RESET & GLOBAL VARIABLES
           ========================================= */
        :root {
            --primary-green: #00ff9a;
            --dark-green: #008f5d;
            --neon-green: #39ff14;
            --bg-dark: #050505;
            --bg-card: #0f0f0f;
            --text-main: #ffffff;
            --text-muted: #a0a0a0;
            --font-main: 'Montserrat', sans-serif;
            --font-mono: 'Space Mono', monospace;
            --container-width: 1200px;
            --transition: all 0.3s ease;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: var(--font-main);
            background-color: var(--bg-dark);
            color: var(--text-main);
            line-height: 1.6;
            overflow-x: hidden;
        }

        a { text-decoration: none; color: inherit; transition: var(--transition); }
        ul { list-style: none; }
        img { max-width: 100%; display: block; }

        /* Container Utility */
        .container {
            max-width: var(--container-width);
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
            z-index: 2; /* Agar konten di atas slider */
        }

        /* Buttons */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 12px 30px;
            border-radius: 50px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            cursor: pointer;
            border: none;
            transition: var(--transition);
            font-size: 0.9rem;
        }

        .btn-primary {
            background: linear-gradient(90deg, var(--dark-green), var(--primary-green));
            color: #000;
            box-shadow: 0 0 15px rgba(0, 255, 154, 0.4);
        }

        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 0 25px rgba(0, 255, 154, 0.7);
        }

        .btn-outline {
            background: transparent;
            border: 2px solid var(--primary-green);
            color: var(--primary-green);
        }

        .btn-outline:hover {
            background: var(--primary-green);
            color: #000;
        }

        /* =========================================
           HEADER & NAV
           ========================================= */
        .site-header {
            background: rgba(5, 5, 5, 0.95);
            border-bottom: 1px solid rgba(0, 255, 154, 0.2);
            padding: 15px 0;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            backdrop-filter: blur(10px);
        }

        .nav-flex {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-size: 1.8rem;
            font-weight: 900;
            color: var(--text-main);
            display: flex;
            align-items: center;
            gap: 8px;
            text-transform: uppercase;
            letter-spacing: -1px;
        }

        .logo span { color: var(--primary-green); }
        
        .clover-icon {
            width: 24px;
            height: 24px;
            fill: var(--primary-green);
        }

        .nav-links {
            display: flex;
            gap: 30px;
        }

        .nav-links a {
            font-weight: 600;
            font-size: 0.9rem;
            color: var(--text-muted);
            text-transform: uppercase;
        }

        .nav-links a:hover, .nav-links a.active {
            color: var(--primary-green);
            text-shadow: 0 0 8px rgba(0, 255, 154, 0.4);
        }

        .header-actions {
            display: flex;
            gap: 15px;
        }

        .menu-toggle { display: none; font-size: 1.5rem; color: var(--primary-green); cursor: pointer; }

        /* =========================================
           HERO SECTION (VERSION 1 CONTENT + FULL BACKGROUND SLIDER)
           ========================================= */
        .hero {
            position: relative;
            padding-top: 140px; /* Offset for fixed header */
            padding-bottom: 100px;
            min-height: 85vh; /* Tinggi hampir full screen */
            display: flex;
            align-items: center;
            /* Fallback background jika gambar gagal load */
            background: #000; 
            overflow: hidden;
        }

        /* 
           FULL WIDTH SLIDER BACKGROUND 
           Ini memenuhi syarat "Full Body menutupi sisi kiri dan kanan"
        */
        .hero-slider-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1; /* Di belakang konten */
            overflow: hidden;
        }

        .slide-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1.5s ease-in-out;
            /* "Potong bagian atas dan bawah" -> object-fit: cover */
            object-fit: cover; 
            object-position: center;
        }

        .slide-bg.active {
            opacity: 0.6; /* Sedikit gelap supaya teks terbaca */
        }

        /* Dark Overlay tambahan agar teks benar-benar terbaca di atas gambar apapun */
        .hero-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.3) 100%);
            z-index: 1;
            pointer-events: none;
        }

        /* Konten Teks (Versi 1) */
        .hero-content {
            position: relative;
            z-index: 3; /* Paling atas */
            max-width: 650px; /* Lebar teks agar rapi di kiri */
        }

        .hero-content h1 {
            font-size: 3.5rem;
            line-height: 1.1;
            font-weight: 900;
            margin-bottom: 20px;
            background: linear-gradient(180deg, #fff 0%, #e0e0e0 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
        }

        .hero-content h1 span {
            color: var(--primary-green);
            -webkit-text-fill-color: var(--primary-green);
            display: block;
            font-size: 4rem;
            text-shadow: 0 0 20px rgba(0, 255, 154, 0.3);
        }

.hero-content p {
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 30px;
    max-width: 500px;
    letter-spacing: 0.3px;

    text-shadow:
        0 0 6px rgba(255,255,255,0.45),
        0 0 12px rgba(255,255,255,0.25),
        0 0 20px rgba(0,255,154,0.15);
}

        .hero-buttons {
            display: flex;
            gap: 15px;
        }

        /* =========================================
           STATS BAR
           ========================================= */
        .stats-bar {
  background: #000;
  padding: 20px 0;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  position: relative;
  z-index: 5;
}

.stats-frame{
  position: relative;
  padding: 16px 18px;
  border-radius: 14px;
  background: rgba(0,0,0,0.58);
  border: 1px solid rgba(255,255,255,0.05);
  overflow: hidden;
}

/* border dasar tipis */
.stats-frame::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:14px;
  box-shadow: inset 0 0 0 1px rgba(0,255,154,0.08);
  pointer-events:none;
  z-index:0;
}

/* corner glow */
.stats-frame::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:14px;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(90deg, rgba(0,255,154,0.0), rgba(0,255,154,0.95), rgba(0,255,154,0.0)) top left / 56px 2px no-repeat,
    linear-gradient(180deg, rgba(0,255,154,0.0), rgba(0,255,154,0.95), rgba(0,255,154,0.0)) top left / 2px 56px no-repeat,

    linear-gradient(90deg, rgba(0,255,154,0.0), rgba(0,255,154,0.95), rgba(0,255,154,0.0)) top right / 56px 2px no-repeat,
    linear-gradient(180deg, rgba(0,255,154,0.0), rgba(0,255,154,0.95), rgba(0,255,154,0.0)) top right / 2px 56px no-repeat,

    linear-gradient(90deg, rgba(0,255,154,0.0), rgba(0,255,154,0.95), rgba(0,255,154,0.0)) bottom left / 56px 2px no-repeat,
    linear-gradient(180deg, rgba(0,255,154,0.0), rgba(0,255,154,0.95), rgba(0,255,154,0.0)) bottom left / 2px 56px no-repeat,

    linear-gradient(90deg, rgba(0,255,154,0.0), rgba(0,255,154,0.95), rgba(0,255,154,0.0)) bottom right / 56px 2px no-repeat,
    linear-gradient(180deg, rgba(0,255,154,0.0), rgba(0,255,154,0.95), rgba(0,255,154,0.0)) bottom right / 2px 56px no-repeat;
  filter: drop-shadow(0 0 5px rgba(0,255,154,0.22));
  animation: statsCornerPulse 3.2s ease-in-out infinite;
}

/* garis animasi atas */
.stats-frame .stats-line-top,
.stats-frame .stats-line-bottom{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:110px;
  height:2px;
  border-radius:999px;
  pointer-events:none;
  z-index:1;
  overflow:hidden;
}

.stats-frame .stats-line-top{
  top:0;
}

.stats-frame .stats-line-bottom{
  bottom:0;
}

.stats-frame .stats-line-top::before,
.stats-frame .stats-line-bottom::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    90deg,
    rgba(0,255,154,0) 0%,
    rgba(0,255,154,.15) 20%,
    rgba(0,255,154,.95) 50%,
    rgba(0,255,154,.15) 80%,
    rgba(0,255,154,0) 100%
  );
  filter: drop-shadow(0 0 6px rgba(0,255,154,.35));
  transform: translateX(-140%);
  opacity: 0;
}

.stats-frame .stats-line-top::before{
  animation: statsLineSweep 3.4s linear infinite;
}

.stats-frame .stats-line-bottom::before{
  animation: statsLineSweep 3.4s linear infinite 1.7s;
}

.stats-grid {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-around;
  text-align: center;
  gap: 10px;
}

.stat-item h3 {
  font-family: var(--font-mono);
  font-size: 1.5rem;
  color: var(--primary-green);
  margin-bottom: 5px;
}

.stat-item p {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: var(--text-muted);
  letter-spacing: 1px;
}

@keyframes statsCornerPulse{
  0%, 100%{
    opacity: .45;
    filter: drop-shadow(0 0 3px rgba(0,255,154,0.16));
  }
  50%{
    opacity: 1;
    filter: drop-shadow(0 0 8px rgba(0,255,154,0.32));
  }
}

@keyframes statsLineSweep{
  0%{
    transform: translateX(-140%);
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  50%{
    transform: translateX(0%);
    opacity: 1;
  }
  90%{
    opacity: 1;
  }
  100%{
    transform: translateX(140%);
    opacity: 0;
  }
}

@media (max-width: 768px) {
  .stats-frame{
    padding: 14px 12px;
  }

  .stats-grid {
    flex-direction: column;
    gap: 16px;
  }

  .stats-frame .stats-line-top,
  .stats-frame .stats-line-bottom{
    width: 90px;
  }
}

        /* =========================================
           GAME CATEGORIES
           ========================================= */
        .game-section {
            padding: 80px 0;
            background: var(--bg-dark);
        }

        .section-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .section-header h2 {
            font-size: 2.5rem;
            text-transform: uppercase;
            font-weight: 800;
            margin-bottom: 10px;
        }

        .section-header h2 span { color: var(--primary-green); }
        .section-header p { color: var(--text-muted); }

        .games-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
        }

        .game-card {
            background: var(--bg-card);
            border: 1px solid #222;
            border-radius: 15px;
            padding: 30px 20px;
            text-align: center;
            transition: var(--transition);
            position: relative;
            overflow: hidden;
            cursor: pointer;
        }

        .game-card:hover {
            border-color: var(--primary-green);
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
        }

        .game-card::before {
            content: '';
            position: absolute;
            top: 0; left: 0; width: 100%; height: 4px;
            background: var(--primary-green);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.3s ease;
        }

        .game-card:hover::before { transform: scaleX(1); }

        .game-icon {
            width: 60px;
            height: 60px;
            margin: 0 auto 20px;
            background: rgba(255,255,255,0.05);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: var(--primary-green);
        }

        .game-card h3 { font-size: 1.1rem; margin-bottom: 5px; }
        .game-card p { font-size: 0.8rem; color: var(--text-muted); }

        /* =========================================
           SEO CONTENT SECTION
           ========================================= */
        .seo-content {
            padding: 80px 0;
            background: #080808;
            border-top: 1px solid #1a1a1a;
        }

        .content-wrapper { max-width: 900px; margin: 0 auto; }
        .content-wrapper h2 { font-size: 2rem; margin-bottom: 20px; color: #fff; }
        .content-wrapper h3 { font-size: 1.4rem; margin-top: 30px; margin-bottom: 15px; color: var(--primary-green); }
        .content-wrapper p { margin-bottom: 15px; color: #ccc; text-align: justify; }
        .content-wrapper ul { list-style: disc; padding-left: 20px; margin-bottom: 20px; color: #ccc; }
        .content-wrapper li { margin-bottom: 8px; }

        /* =========================================
           FOOTER
           ========================================= */
        /* =========================
   FOOTER ENHANCED
========================= */

.site-footer{
  background: #040806;
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 60px 0 30px;
  position: relative;
}

/* grid */
.footer-grid{
  display:grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 30px;
}

/* logo */
.footer-logo{
  font-size: 1.5rem;
  font-weight: 900;
  color: #fff;
}

.footer-logo span{
  color: var(--primary-green);
}

/* text */
.footer-text{
  margin-top: 10px;
  color: rgba(255,255,255,.70);
  line-height: 1.6;
  font-size: .92rem;
}

/* status */
.footer-status{
  margin-top: 14px;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.85rem;
  color: rgba(255,255,255,.75);
}

.footer-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background: var(--primary-green);
  box-shadow:0 0 8px rgba(0,255,154,.6);
}

/* links */
.footer-links h4{
  margin-bottom: 10px;
  font-size: .9rem;
  text-transform: uppercase;
  letter-spacing: .6px;
  color:#fff;
}

.footer-links ul{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-links li{
  margin-bottom: 8px;
}

.footer-links a{
  color: rgba(255,255,255,.70);
  font-size:.9rem;
  transition: .25s;
}

.footer-links a:hover{
  color: var(--primary-green);
}

/* divider */
.footer-divider{
  height:1px;
  margin:40px 0;
  background:
    linear-gradient(
      90deg,
      rgba(0,255,154,0),
      rgba(0,255,154,.3),
      rgba(0,255,154,0)
    );
  box-shadow:0 0 8px rgba(0,255,154,.1);
}

/* disclaimer */
.footer-disclaimer{
  max-width: 900px;
  margin: 0 auto 30px auto;
  text-align:center;
}

.footer-disclaimer p{
  font-size:.85rem;
  color: rgba(255,255,255,.60);
  line-height:1.6;
  margin-bottom:10px;
}

/* bottom */
.footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

.footer-copy{
  font-size:.85rem;
  color: rgba(255,255,255,.55);
}

.footer-legal{
  display:flex;
  gap:14px;
  font-size:.8rem;
  color: rgba(255,255,255,.55);
}

.footer-legal span{
  padding:4px 8px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:6px;
}

/* responsive */
@media (max-width:900px){

.footer-grid{
grid-template-columns:1fr 1fr;
gap:24px;
}

}

@media (max-width:560px){

.footer-grid{
grid-template-columns:1fr;
}

.footer-bottom{
flex-direction:column;
text-align:center;
}

}

        /* =========================================
           USER PROVIDED STYLES INTEGRATION
           ========================================= */
        
        /* 1. PARTNERS STYLE */
        .partners-bar {
            background: #000;
            padding: 40px 0;
            text-align: center;
            border-top: 1px solid #222;
            border-bottom: 1px solid #222;
        }

        .partners-title {
            font-family: var(--font-mono);
            color: #777;
            margin-bottom: 25px;
            font-size: 0.8rem;
            letter-spacing: 3px;
        }

        .partners-grid {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
            align-items: center;
        }

        .partner-logo img {
            max-height: 45px;
            max-width: 130px;
            object-fit: contain;
            filter: grayscale(100%) brightness(0.6);
            transition: all 0.4s ease;
            cursor: pointer;
        }

        .partner-logo img:hover {
            filter: grayscale(0%) brightness(1.1);
            transform: scale(1.08);
            filter: drop-shadow(0 0 8px rgba(0,255,200,0.6));
        }

        /* 2. JACKPOT STYLE */
        .jackpot-bar {
            position: relative;
            overflow: hidden;
            padding: 60px 0;
            background:
                radial-gradient(120% 140% at 15% 0%, rgba(0, 255, 154, 0.18) 0%, transparent 55%),
                radial-gradient(120% 140% at 85% 0%, rgba(0, 143, 93, 0.16) 0%, transparent 55%),
                radial-gradient(160% 160% at 50% 100%, rgba(0, 255, 255, 0.05) 0%, transparent 60%),
                linear-gradient(180deg, #06000a 0%, #030007 55%, #000 100%);
        }

        .jackpot-bar::before {
            content: "";
            position: absolute;
            inset: -2px;
            pointer-events: none;
            opacity: .55;
            background:
                repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0 1px, transparent 1px 3px),
                repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 3px),
                linear-gradient(110deg, transparent 0%, rgba(0,255,154,.10) 38%, rgba(0,213,255,.10) 50%, rgba(0,143,93,.10) 62%, transparent 100%);
            mix-blend-mode: overlay;
            filter: blur(.2px);
            animation: jpShimmer 6s linear infinite;
        }

        .jackpot-wrap {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            padding: 18px 18px;
            border-radius: 26px;
            background: linear-gradient(180deg, rgba(0, 143, 93, 0.1), rgba(0, 0, 0, .35));
            box-shadow:
                0 0 0 2px rgba(0, 255, 154, 0.35),
                0 0 35px rgba(0, 255, 154, 0.18),
                inset 0 0 0 1px rgba(255, 255, 255, .06);
            position: relative;
            overflow: hidden;
            isolation: isolate;
        }

        .jackpot-wrap::after {
            content: "";
            position: absolute;
            inset: -80px;
            pointer-events: none;
            z-index: 0;
            opacity: .75;
            background:
                repeating-linear-gradient(135deg, rgba(0,255,154,.00) 0 18px, rgba(0,255,154,.16) 18px 22px, rgba(0,213,255,.14) 22px 26px, rgba(0,143,93,.12) 26px 30px, rgba(0,255,154,.10) 30px 34px, rgba(0,0,0,0) 34px 52px),
                repeating-linear-gradient(90deg, rgba(0,255,154,.00) 0 28px, rgba(0,255,154,.10) 28px 29px, rgba(0,0,0,0) 29px 44px),
                radial-gradient(circle at 20% 30%, rgba(0,255,154,.18), transparent 45%),
                radial-gradient(circle at 75% 55%, rgba(0,143,93,.16), transparent 48%);
            mix-blend-mode: screen;
            filter: blur(0.4px);
            transform: translateX(-12%) translateY(-3%) rotate(-2deg);
            animation: jpSlice 7.5s linear infinite;
        }

        .jackpot-left { display: flex; align-items: center; gap: 14px; min-width: 220px; z-index: 1; }
        .jackpot-logo { height: 22px; width: auto; object-fit: contain; filter: drop-shadow(0 0 6px rgba(0, 255, 154, 0.25)); opacity: .95; }
        
        .jackpot-title {
            font-family: var(--font-main);
            font-weight: 900;
            letter-spacing: 1px;
            text-transform: uppercase;
            line-height: 1;
            display: flex;
            gap: 10px;
            align-items: baseline;
        }

        .jackpot-title .jp1 {
            font-size: 26px;
            background: linear-gradient(90deg, #ff7a00, #ff007a);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            text-shadow: 0 0 14px rgba(255, 122, 0, .25);
        }

        .jackpot-title .jp2 {
            font-size: 26px;
            background: linear-gradient(90deg, var(--primary-green), var(--dark-green));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            text-shadow: 0 0 14px rgba(0, 255, 154, .25);
        }

        .jackpot-right { z-index: 1; flex: 1; display: flex; justify-content: flex-end; }

        .jackpot-screen {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 12px 16px;
            border-radius: 18px;
            background: rgba(0, 0, 0, .55);
            box-shadow: inset 0 0 0 1px rgba(0, 255, 154, 0.35), 0 0 22px rgba(0, 255, 154, 0.12);
            position: relative;
            overflow: hidden;
            min-width: 420px;
            justify-content: flex-end;
        }

        .jackpot-screen::after {
            content: ""; position: absolute; inset: 0; border-radius: 18px;
            box-shadow: inset 0 0 0 2px rgba(0, 255, 154, 0.18); pointer-events: none;
        }

        .jackpot-screen::before {
            content:""; position:absolute; inset:8px; border-radius: 14px; pointer-events:none; opacity:.55;
            background: repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0 1px, transparent 1px 4px),
            linear-gradient(90deg, transparent 0%, rgba(0,255,154,.10) 35%, rgba(0,255,154,.12) 50%, rgba(0,143,93,.10) 65%, transparent 100%);
            mix-blend-mode: overlay; animation: jpScan 3.2s ease-in-out infinite;
        }

        .jackpot-currency {
            font-family: var(--font-mono); font-weight: 800;
            color: rgba(0, 255, 154, 0.85); text-shadow: 0 0 10px rgba(0, 255, 154, 0.35);
            letter-spacing: .5px; z-index: 2;
        }

        .jackpot-digits {
            display: flex; align-items: center; gap: 6px; white-space: nowrap;
            font-family: var(--font-mono); font-weight: 900; z-index: 2;
        }

        .jp-sep { width: 10px; height: 44px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.65); user-select: none; }

        .jp-digit {
            width: 26px; height: 44px; overflow: hidden; border-radius: 10px;
            display: flex; align-items: stretch; justify-content: center;
            background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
        }

        .jp-stack { display: flex; flex-direction: column; width: 100%; will-change: transform; transform: translateY(0); }
        .jp-stack span { height: 44px; line-height: 44px; font-size: 28px; letter-spacing: 0; text-align: center; display: block; color: rgba(255,255,255,.92); text-shadow: 0 0 12px rgba(0,255,154,.18); user-select: none; }

        @keyframes jpSlice { 0% { transform: translateX(-18%) translateY(-6%) rotate(-2deg); } 100% { transform: translateX(18%) translateY(-6%) rotate(-2deg); } }
        @keyframes jpShimmer { 0% { transform: translateX(-30%); opacity: .35; } 50% { opacity: .65; } 100% { transform: translateX(30%); opacity: .35; } }
        @keyframes jpScan { 0% { transform: translateX(-18%); opacity: .35; } 50% { opacity: .6; } 100% { transform: translateX(18%); opacity: .35; } }

        /* =========================================
           RESPONSIVE
           ========================================= */
        @media (max-width: 768px) {
            .nav-links { display: none; }
            .menu-toggle { display: block; }
            .header-actions { display: none; }
            .hero { padding-top: 100px; text-align: center; justify-content: center; }
            .hero-content { margin: 0 auto; }
            .hero-content h1 { font-size: 2.5rem; }
            .hero-content h1 span { font-size: 2.8rem; }
            .hero-buttons { justify-content: center; }
            
            .jackpot-wrap { flex-direction: column; align-items: stretch; }
            .jackpot-left { justify-content: center; }
            .jackpot-right { justify-content: center; }
            .jackpot-screen { min-width: 0; width: 100%; justify-content: center; }
            .partner-logo img { max-height: 35px; max-width: 100px; }
            .stats-grid { flex-direction: column; gap: 20px; }
        }
    </style>
    <style>
        /* =========================================
   RUNNING TEXT (INFO BERJALAN)
   ========================================= */
/* ===== RUNNING TEXT: container + fade in delay ===== */
.running-text-section{
  background:#000;
  border-top:1px solid rgba(0,255,154,.30);
  border-bottom:1px solid rgba(0,255,154,.30);
  padding:10px 0;
  overflow:hidden;
  position:relative;
  z-index:5;

  /* bikin ujung kiri/kanan lebih halus (optional tapi bikin terasa mulus) */
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);

  box-shadow:
    inset 0 1px 0 rgba(0,255,154,.10),
    inset 0 -1px 0 rgba(0,255,154,.10);

  /* START: awalnya gelap dulu, baru muncul */
  opacity:0;
  animation: rtFadeIn .9s ease forwards;
  animation-delay: .9s; /* jeda sebelum muncul */
}

/* track berjalan terus */
.running-text-track{
  display:flex;
  width:max-content;
  will-change:transform;
  transform: translateZ(0);

  /* lebih pelan */
  animation: marquee 30s linear infinite;  /* <— SPEED lebih lambat */
  animation-delay: 1.6s;                  /* <— jeda sebelum mulai jalan (setelah fade-in) */
}

/* group = 1 set konten (PENTING: jangan kasih padding-left di sini biar loop mulus) */
.running-text-group{
  display:flex;
  align-items:center;
}

/* konten */
.running-text-content{
  display:inline-flex;
  align-items:center;
  gap:14px;
  white-space:nowrap;

  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace);
  font-size:.95rem;
  font-weight:700;
  letter-spacing:.2px;
  text-transform: uppercase;

  color: rgba(255,255,255,.82);
  text-shadow: 0 1px 2px rgba(0,0,0,.85);

  /* padding kiri/kanan dibuat di content agar 2 loop punya ukuran identik = lebih mulus */
  padding: 0 24px;
}

/* highlight hijau */
.running-text-content span{
  color: var(--primary-green, #00ff9a);
  text-shadow:
    0 0 10px rgba(0,255,154,.35),
    0 0 18px rgba(0,255,154,.20);
}

/* separator dot */
.running-text-content .rt-sep{
  width:6px;
  height:6px;
  border-radius:999px;
  background: rgba(0,255,154,.95);
  box-shadow: 0 0 10px rgba(0,255,154,.35);
  display:inline-block;
  flex:0 0 auto;
}

/* seamless: karena isi diduplikasi 2x, geser setengah lebar track */
@keyframes marquee{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* fade-in dari gelap -> normal */
@keyframes rtFadeIn{
  0%   { opacity:0; filter: brightness(.55) blur(1px); }
  100% { opacity:1; filter: brightness(1) blur(0); }
}

/* mobile: tetap enak (sedikit lebih cepat dari desktop) */
@media (max-width:768px){
  .running-text-track{ animation-duration: 24s; }
  .running-text-content{ font-size:.9rem; }
}

/* accessibility */
@media (prefers-reduced-motion: reduce){
  .running-text-track{ animation:none; }
  .running-text-section{ animation:none; opacity:1; filter:none; }
}

/* =========================================
   HOT GAMES / GAME GACOR
   ========================================= */
/* Section tetap seperti punya kamu */
.hot-games-section {
  padding: 60px 0;
  background: linear-gradient(180deg, #050505 0%, #0a0a0a 100%);
  border-bottom: 1px solid #1a1a1a;
}

.hot-grid {
  display: grid;
  gap: 20px;
  margin-top: 30px;
}

/* Paksa 8 slot: 4 kolom x 2 baris (desktop) */
.hot-grid-8{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Card style senada */
.hot-card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 1/1;
  cursor: pointer;
  border: 1px solid #333;
  transition: var(--transition);
  background: #0b0f1a;
  isolation: isolate;
}

/* gambar dipaksa fit kotak, tapi sistem CUT (bukan resize) */
.hot-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* CUT */
  object-position: center; /* fokus tengah */
  transition: transform 0.5s ease, filter .35s ease;
}

/* overlay hover */
.hot-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.65);
  opacity: 0;
  transition: var(--transition);
}

.hot-card:hover {
  border-color: var(--primary-green);
  box-shadow: 0 0 20px rgba(0, 255, 154, 0.28);
  transform: translateY(-5px);
}

.hot-card:hover img {
  transform: scale(1.08);
  filter: saturate(1.1);
}

.hot-card:hover::after {
  opacity: 1;
}

/* Badge label */
.game-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--primary-green);
  color: #000;
  font-size: 0.7rem;
  font-weight: 900;
  padding: 4px 8px;
  border-radius: 6px;
  z-index: 3;
  box-shadow: 0 2px 10px rgba(0,0,0,0.6);
}

/* rating bar bawah */
.g-rate{
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  z-index:3;
  padding:8px 10px;
  border-radius:10px;
  background: linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,.35));
  border: 1px solid rgba(0,255,154,.18);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  backdrop-filter: blur(6px);

  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace);
  font-weight: 800;
  letter-spacing: .2px;
  color: rgba(255,255,255,.9);
  text-shadow: 0 1px 2px rgba(0,0,0,.8);
}
.g-rate span{
  color: var(--primary-green);
  text-shadow: 0 0 10px rgba(0,255,154,.25);
  font-weight: 900;
}

/* play icon */
.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.55);
  z-index: 4;
  width: 54px;
  height: 54px;
  background: var(--primary-green);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  opacity: 0;
  transition: var(--transition);
  box-shadow: 0 0 18px rgba(0,255,154,.25);
}

.hot-card:hover .play-icon {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* nama game kecil atas rating (optional) */
.g-title{
  position:absolute;
  left:10px;
  bottom:62px;
  z-index:3;
  padding:6px 10px;
  border-radius:10px;
  background: rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.9);
  font-weight: 800;
  font-size: .78rem;
  letter-spacing: .3px;
  text-transform: uppercase;
}

/* Animasi pergantian page biar mulus */
.hot-grid.is-fading{
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .35s ease, transform .35s ease;
}
.hot-grid.is-show{
  opacity: 1;
  transform: translateY(0);
  transition: opacity .45s ease, transform .45s ease;
}

/* CTA */
.hot-cta{
  text-align:center;
  margin-top: 30px;
}
.hot-cta .btn.btn-outline{
  padding: 8px 25px;
  font-size: 0.85rem;
}

/* Responsive */
@media (max-width: 900px) {
  .hot-grid-8 { grid-template-columns: repeat(3, 1fr); gap: 12px; }
}
@media (max-width: 600px) {
  .hot-grid-8 { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}


/* wrapper untuk 2 layer */
.hot-swap{
  position: relative;
}

/* tiap layer grid */
.hot-layer{
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 30px;

  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .55s ease, transform .55s ease;
}

/* layer aktif */
.hot-layer.is-active{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* biar wrapper punya tinggi (nggak collapse karena children absolute) */
.hot-swap::before{
  content:"";
  display:block;
  padding-top: 52%; /* kira-kira tinggi 2 baris kotak + gap (bisa adjust) */
}

/* responsif mengikuti punyamu */
@media (max-width: 900px) {
  .hot-layer { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .hot-swap::before{ padding-top: 70%; }
}
@media (max-width: 600px) {
  .hot-layer { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .hot-swap::before{ padding-top: 110%; }
}



/* =========================
   HERO LAYOUT
========================= */

.hero-wrap{
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
}

/* LEFT TEXT */
.hero-content{
position:relative;
z-index:3;
max-width:600px;
}

/* RIGHT IMAGE */
.hero-image-frame{
position:relative;
flex-shrink:0;
max-width:420px;
border-radius:22px;
padding:10px;

/* frame theme */
background:
linear-gradient(180deg, rgba(0,255,154,.18), rgba(0,255,154,.05)),
rgba(0,0,0,.35);

border:1px solid rgba(0,255,154,.25);

box-shadow:
0 0 40px rgba(0,255,154,.12),
0 0 60px rgba(0,255,154,.05);

}

/* glow border */
.hero-image-frame::before{
content:"";
position:absolute;
inset:-2px;
border-radius:22px;
background:linear-gradient(
90deg,
rgba(0,255,154,0),
rgba(0,255,154,.6),
rgba(0,255,154,0)
);
opacity:.4;
filter:blur(10px);
z-index:-1;
}

/* image */
.hero-image-frame img{
width:100%;
height:auto;
border-radius:16px;
display:block;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:1000px){

.hero-wrap{
flex-direction:column;
text-align:center;
}

.hero-content{
max-width:700px;
}

.hero-buttons{
justify-content:center;
}

.hero-image-frame{
max-width:380px;
}

}

@media(max-width:600px){

.hero-image-frame{
max-width:300px;
}

.hero-content h1{
font-size:2.6rem;
}

.hero-content h1 span{
font-size:3rem;
}

}


.clover-icon{
  width:24px;
  height:24px;
  object-fit:contain;
}

    </style>
    <script>
(function(){
  const grid = document.getElementById("hotGrid8");
  const games = (window.AMBON4D_GAMES || []).slice();
  if(!grid || games.length === 0) return;

  const PER_PAGE = 8;
  const SWAP_MS  = 5000;     // durasi tampil per page
  const FADE_MS  = 280;      // durasi fade-out sebelum render ulang

  // helper: badge berdasar rating
  function badgeFrom(p){
    if (p >= 98) return "JACKPOT";
    if (p >= 97.5) return "HOT";
    return "NEW";
  }

  // ambil 8 item mulai dari index (loop)
  function getPage(start){
    const out = [];
    for(let i=0;i<PER_PAGE;i++){
      out.push(games[(start + i) % games.length]);
    }
    return out;
  }

  function render(list){
    grid.innerHTML = list.map(g => `
      <div class="hot-card" role="button" tabindex="0" aria-label="Play ${g.title}">
        <span class="game-badge">${badgeFrom(g.percent)}</span>
        <img src="${g.img}" alt="${g.title}" loading="lazy">
        <div class="play-icon">▶</div>
        <div class="g-title">${g.title}</div>
        <div class="g-rate">${g.ratingText} <span>(${g.percent}%)</span></div>
      </div>
    `).join("");

    // enter animation state
    grid.classList.remove("is-fading");
    grid.classList.add("is-show");
  }

  let pageStart = 0;

  // initial render (langsung)
  grid.classList.add("is-show");
  render(getPage(pageStart));

  // swap loop
  setInterval(() => {
    grid.classList.remove("is-show");
    grid.classList.add("is-fading");

    setTimeout(() => {
      pageStart = (pageStart + PER_PAGE) % games.length;
      render(getPage(pageStart));
    }, FADE_MS);

  }, SWAP_MS);
})();
</script>
<script src="https://4dmax.space/inforesult/widget-togel.js" defer></script>
</head>
<body>

    <!-- Header -->
    <header class="site-header">
        <div class="container">
            <div class="nav-flex">
                <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html" class="logo">
                    <img 
  src="https://ik.imagekit.io/ambon4d/logoambon.ico" 
  alt="AMBON4D Logo" 
  class="clover-icon"
/>

                    AMBON<span>4D</span>
                </a>
                
                <nav class="nav-links">
                    <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html" class="active">AMBON4D</a>
                    <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">SITUS TOTO</a>
                    <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">SITUS TOGEL</a>
                    <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">SITUS SLOT</a>
                    <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">SLOT GACOR</a>
                </nav>

                <div class="header-actions">
                    <a href="https://apakah-apakah.pages.dev/" class="btn btn-outline" style="padding: 8px 20px; font-size: 0.8rem;">Masuk</a>
                    <a href="https://apakah-apakah.pages.dev/" class="btn btn-primary" style="padding: 8px 20px; font-size: 0.8rem;">Daftar</a>
                </div>

                <div class="menu-toggle">☰</div>
            </div>
        </div>
    </header>

    <!-- Hero Section (Versi 1 Teks + Background Slider) -->
    <section id="home" class="hero">
        <!-- Background Slider (Full Width, Object-fit Cover) -->
        <div class="hero-slider-bg" id="bgSlider">
            <!-- Gambar akan di-inject via JS -->
            <img src="https://rgb.team/ambon4d/img/AMBON4D.webp" class="slide-bg active" alt="Banner 1">
            <img src="https://rgb.team/ambon4d/img/slider-ambon4d-1.webp" class="slide-bg" alt="Banner 2">
            <img src="https://rgb.team/ambon4d/img/banner-slider-ambon4d-10.webp" class="slide-bg" alt="Banner 3">
            <img src="https://rgb.team/ambon4d/img/slider-ambon4d-3.webp" class="slide-bg" alt="Banner 4">
            <img src="https://rgb.team/ambon4d/img/slider-ambon4d-2.webp" class="slide-bg" alt="Banner 5">
        </div>
        
        <!-- Dark Overlay (Agar teks terbaca) -->
        <div class="hero-overlay"></div>

        <!-- Konten Teks (Versi 1) -->
       <div class="container">
  <div class="hero-wrap">

    <!-- LEFT CONTENT -->
    <div class="hero-content">
      <h1>Platform Togel Online Dengan <br>
        <span>Jaringan Situs Toto Slot Gacor Terintegrasi</span>
      </h1>

      <p>
        AMBON4D merupakan platform togel online terpercaya dengan jaringan situs toto
        dan slot gacor terintegrasi. Nikmati akses permainan lengkap, sistem stabil,
        transaksi cepat, dan pengalaman bermain yang aman serta nyaman setiap hari.
      </p>

      <div class="hero-buttons">
        <a href="https://apakah-apakah.pages.dev/" class="btn btn-primary">Daftar Sekarang</a>
        <a href="https://apakah-apakah.pages.dev/" class="btn btn-outline">Lihat Game</a>
      </div>
    </div>

    <!-- RIGHT IMAGE -->
    <div class="hero-image-frame">
      <img src="https://ik.imagekit.io/ambon4d/referensi-situs-toto-terbaik.webp"
           alt="AMBON4D situs toto slot gacor"
           loading="eager">
    </div>

  </div>
</div>
    </section>

    <!-- Stats Bar -->
    <div class="stats-bar">
  <div class="container">
    <div class="stats-frame">
      <div class="stats-line-top"></div>
      <div class="stats-line-bottom"></div>

      <div class="stats-grid">
        <div class="stat-item">
          <h3>50K+</h3>
          <p>Member Aktif</p>
        </div>
        <div class="stat-item">
          <h3>24/7</h3>
          <p>Layanan Support</p>
        </div>
        <div class="stat-item">
          <h3>2 DETIK</h3>
          <p>Deposit Cepat</p>
        </div>
      </div>
    </div>
  </div>
</div>

    <!-- Progressive Jackpot Section -->
    <section id="jackpot" class="jackpot-bar" aria-label="Jackpot Counter">
        <div class="container">
            <div class="jackpot-wrap">
                <div class="jackpot-left">
                    <div class="jackpot-brand">
                        <img src="https://ik.imagekit.io/ambon4d/assets/pragmatic.png" alt="Pragmatic Play" class="jackpot-logo">
                    </div>
                    <div class="jackpot-title">
                        <span class="jp1">JACKPOT</span>
                        <span class="jp2">PLAY</span>
                    </div>
                </div>
                <div class="jackpot-right">
                    <div class="jackpot-screen">
                        <span class="jackpot-currency">IDR</span>
                        <div id="jackpotDigits" class="jackpot-digits" aria-live="polite"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- RUNNING TEXT (Aktivitas Member) -->
<div class="running-text-section" aria-label="Running text info">
  <div class="running-text-track">
    <!-- LOOP 1 -->
    <div class="running-text-group">
      <div class="running-text-content">
        🍀 SELAMAT KEPADA <span>USER_BUDI</span> MEMENANGKAN IDR 15.000.000 DI GATES OF OLYMPUS
        <i class="rt-sep"></i>
        🍀 JACKPOT PROGRESIF MENCAPAI <span>IDR 10 MILIAR</span>
        <i class="rt-sep"></i>
        🍀 MEMBER <span>SISKA_88</span> WITHDRAW IDR 5.000.000 TANPA POTONGAN
        <i class="rt-sep"></i>
        🍀 PASARAN TOGEL <span>SINGAPORE</span> SUDAH DIBUKA
        <i class="rt-sep"></i>
        🍀 BONUS DEPOSIT HARIAN <span>20%</span> UNTUK NEW MEMBER
      </div>
    </div>

    <!-- LOOP 2 (DUPLIKAT PERSIS LOOP 1) -->
    <div class="running-text-group" aria-hidden="true">
      <div class="running-text-content">
        🍀 SELAMAT KEPADA <span>USER_BUDI</span> MEMENANGKAN IDR 15.000.000 DI GATES OF OLYMPUS
        <i class="rt-sep"></i>
        🍀 JACKPOT PROGRESIF MENCAPAI <span>IDR 10 MILIAR</span>
        <i class="rt-sep"></i>
        🍀 MEMBER <span>SISKA_88</span> WITHDRAW IDR 5.000.000 TANPA POTONGAN
        <i class="rt-sep"></i>
        🍀 PASARAN TOGEL <span>SINGAPORE</span> SUDAH DIBUKA
        <i class="rt-sep"></i>
        🍀 BONUS DEPOSIT HARIAN <span>20%</span> UNTUK NEW MEMBER
      </div>
    </div>
  </div>
</div>

    <!-- HOT GAMES / GAME GACOR -->
    <section class="hot-games-section" id="hot-games">
  <div class="container">
    <div class="section-header">
      <h2>Game <span>Gacor</span> Hari Ini</h2>
       <p>Rekomendasi permainan slot gacor dari jaringan situs toto AMBON4D dengan RTP tinggi dan peluang jackpot terbaik setiap hari.</p>
    </div>

    <!-- GRID 8 SLOT (4x2) -->
    <div class="hot-swap" id="hotSwap">
  <div class="hot-layer is-active" id="hotLayerA"></div>
  <div class="hot-layer" id="hotLayerB"></div>
</div>
<script>
  window.AMBON4D_GAMES = [
    { title: "LuckyNeko", img: "https://ik.imagekit.io/ambon4d/assets/games/luckyneko.webp", ratingText: "★★★★★", percent: 98.0 },
    { title: "Princes 1000", img: "https://ik.imagekit.io/ambon4d/assets/games/princes.webp", ratingText: "★★★★★", percent: 97.0 },
    { title: "Mahjong Ways 2", img: "https://ik.imagekit.io/ambon4d/assets/games/mahjong%20ways.webp", ratingText: "★★★★★", percent: 98.5 },
    { title: "Aztec", img: "https://ik.imagekit.io/ambon4d/assets/games/aztect.webp", ratingText: "★★★★☆", percent: 96.5 },
    { title: "Bonanza Super Scatter", img: "https://ik.imagekit.io/ambon4d/assets/games/bonanzasuperscatter.webp", ratingText: "★★★★★", percent: 97.8 },
    { title: "Bonanza 1000", img: "https://ik.imagekit.io/ambon4d/assets/games/bonanza1000.webp", ratingText: "★★★★★", percent: 97.3 },
    { title: "Mahjong", img: "https://ik.imagekit.io/ambon4d/assets/games/mahjong.webp", ratingText: "★★★★☆", percent: 96.9 },
    { title: "WildBounty", img: "https://ik.imagekit.io/ambon4d/assets/games/wildbounty.webp", ratingText: "★★★★★", percent: 97.2 },
    { title: "Sugar Rush 1000", img: "https://ik.imagekit.io/ambon4d/assets/games/sugarrush.webp", ratingText: "★★★★★", percent: 98.1 },
    { title: "Zeus Super Scatter", img: "https://ik.imagekit.io/ambon4d/assets/games/zeussuperscetter.webp", ratingText: "★★★★★", percent: 97.6 },
    { title: "Zeus 1000", img: "https://ik.imagekit.io/ambon4d/assets/games/zeus1000.webp", ratingText: "★★★★★", percent: 98.0 }
  ];
</script>
    <div class="hot-cta">
      <a href="https://apakah-apakah.pages.dev/" class="btn btn-outline">Lihat Semua Game</a>
    </div>
  </div>
</section>

<section class="result-marquee-section">
  <div class="container">

    <!-- HEADER (samakan style dengan section lain) -->
    <div class="section-header">
  <h2>Result <span>Togel Online</span> Terupdate</h2>
  <p>Update hasil pasaran togel dari jaringan situs toto AMBON4D secara otomatis dengan sistem realtime dan data terbaru setiap hari.</p>
</div>

    <div class="result-widget result-widget--rolling">
      <div class="result-head">
        <div class="result-pill" id="twUpdatedPill"></div>
      </div>

      <div id="togelResultWidget"
           data-mode="rolling"
           data-visible="4"
           data-speed="32"></div>
    </div>

  </div>
</section>

<script src="https://4dmax.space/inforesult/widget-togel.js" defer></script>

<style>
    .result-marquee-section{
  padding: 22px 0 10px;
  background: var(--bg-dark);
}

.result-widget--rolling{
  border-radius: 16px;
  border: 1px solid rgba(0,255,154,.14);
  background:
    radial-gradient(900px 280px at 18% 0%, rgba(0,255,170,.12), transparent 60%),
    linear-gradient(180deg, rgba(5,18,12,.96), rgba(3,10,7,.94));
  box-shadow: 0 18px 40px rgba(0,0,0,.45), 0 0 18px rgba(0,255,154,.08);
  padding: 14px;
}

.result-pill{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(0,255,154,.18);
  background: rgba(0,0,0,.35);
  color: rgba(255,255,255,.85);
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace);
  font-weight: 900;
  font-size: .8rem;
}

/* area rolling: mask halus atas bawah */
.tw-roll-viewport{
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.20);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
          mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
}

/* list yang bergerak */
.tw-roll-track{
  display: grid;
  gap: 10px;
  padding: 12px;
  will-change: transform;
}

/* item tampil */
.tw-roll-item{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  padding: 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}
.tw-roll-left{
  min-width: 0;
}
.tw-roll-market{
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing:.30px;
  color: rgba(255,255,255,.92);
  font-size: .9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tw-roll-time{
  margin-top: 4px;
  font-size: .78rem;
  color: rgba(255,255,255,.65);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tw-roll-right{
  text-align:right;
  flex: 0 0 auto;
}
.tw-roll-num{
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace);
  font-weight: 900;
  font-size: 1.15rem;
  letter-spacing: 1px;
  color: rgba(255,255,255,.95);
}
.tw-roll-tag{
  display:inline-block;
  margin-top: 6px;
  border-radius: 999px;
  padding: 3px 8px;
  font-weight: 900;
  font-size: .72rem;
  letter-spacing: .25px;
}
.tw-roll-tag.ok{ color:#000; background: var(--primary-green, #00ff9a); }
.tw-roll-tag.wait{ color: rgba(255,255,255,.9); border:1px solid rgba(255,255,255,.14); background: rgba(0,0,0,.25); }
.tw-roll-tag.fail{ color: rgba(255,255,255,.9); border:1px solid rgba(255,80,80,.22); background: rgba(255,80,80,.10); }

@media (max-width: 560px){
  .tw-roll-item{ padding: 10px; }
  .tw-roll-market{ font-size: .85rem; }
  .tw-roll-num{ font-size: 1.05rem; }
}
</style>


    <section id="games" class="game-section">
        <div class="container">
            <div class="section-header">
                <h2>Kategori <span>Game</span></h2>
                <p>Pilih permainan favorit Anda dan mulai menangkan hadiah besar.</p>
            </div>

            <div class="games-grid">
                <div class="game-card" data-panel="panel-togel">
                    <div class="game-icon">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M16,6L18.29,8.29L13.41,13.17L9.41,9.17L2,16.59L3.41,18L9.41,12L13.41,16L19.71,9.71L22,12V6H16Z" /></svg>
                    </div>
                    <h3>Togel Online</h3>
                    <p>Pasaran Singapore, Hongkong, Sydney.</p>
                </div>
                
                <div class="game-card" data-panel="panel-slot">
                    <div class="game-icon">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M5,3H19C20.11,3 21,3.89 21,5V19C21,20.11 20.11,21 19,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3M7,7V10H10V7H7M12,7V10H15V7H12M17,7V10H20V7H17M7,12V15H10V12H7M12,12V15H15V12H12M17,12V15H20V12H17M7,17V20H10V17H7M12,17V20H15V17H12M17,17V20H20V17H17Z" /></svg>
                    </div>
                    <h3>Toto Slot</h3>
                    <p>RTP Tertinggi dengan volatilitas adil.</p>
                </div>
                <div class="game-card" data-panel="panel-casino">
                    <div class="game-icon">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z" /></svg>
                    </div>
                    <h3>Live Casino</h3>
                    <p>Baccarat, Roulette, Sicbo dealer asli.</p>
                </div>
                
            </div>
        </div>
        
    </section>

<section class="game-detail-wrap">
  <div class="container">

    <!-- TOGEL DETAIL -->
    <div class="game-detail-panel" id="panel-togel" hidden>
  <div class="detail-head">
    <h3>TOGEL ONLINE <span>& SITUS TOTO AMBON4D</span></h3>
    <button class="detail-close" type="button" data-close>✕</button>
  </div>

  <p class="detail-desc">
    AMBON4D merupakan platform togel online dengan jaringan situs toto internasional 
    yang menyediakan berbagai pasaran resmi dengan sistem result valid dan update realtime. 
    Member dapat memasang angka melalui berbagai jenis permainan seperti 4D, 3D, 2D, 
    Colok Bebas, Colok Naga, hingga Colok Jitu dengan sistem permainan yang stabil 
    dan akses yang mudah setiap hari.
  </p>

  <!-- Highlight Info -->
  <div class="togel-highlight-grid">
    <div class="togel-highlight-card">
      <strong>Minimal Bet</strong>
      <span>100 Perak</span>
    </div>
    <div class="togel-highlight-card">
      <strong>Minimal Deposit</strong>
      <span>Rp 10.000</span>
    </div>
    <div class="togel-highlight-card">
      <strong>Minimal Withdraw</strong>
      <span>Rp 50.000</span>
    </div>
    <div class="togel-highlight-card">
      <strong>Hadiah Lurus</strong>
      <span>Mulai 1 Juta+</span>
    </div>
  </div>

  <!-- Two column info -->
  <div class="detail-two togel-detail-two">
    <div class="detail-card">
      <h4>Pasaran Situs Toto Populer</h4>
      <ul class="detail-list">
        <li>Singapore Toto & Singapore 4D</li>
        <li>Hongkong Lotto</li>
        <li>Sydney Lotto</li>
        <li>China Pools</li>
        <li>Japan Pools</li>
        <li>Toto Macau</li>
        <li>Taiwan Lotto</li>
        <li>Cambodia Pools</li>
      </ul>
    </div>

    <div class="detail-card">
      <h4>Jenis Permainan Togel</h4>
      <ul class="detail-list">
        <li>4D, 3D, 2D</li>
        <li>Colok Bebas</li>
        <li>Colok Naga</li>
        <li>Colok Jitu</li>
        <li>Kombinasi & Shio</li>
        <li>BBFS / Full Set</li>
        <li>Tengah / Tepi</li>
        <li>Kembang Kempis</li>
      </ul>
    </div>
  </div>

  <!-- Jadwal section title -->
  <div class="detail-mini-head">
    <h4>Jadwal Pasaran & Countdown</h4>
    <p>Semua waktu mengikuti WIB. Status countdown akan berjalan otomatis.</p>
  </div>

  <!-- Market Grid -->
  <div class="market-grid" id="marketGrid"></div>

  <!-- Tips box -->
  <div class="togel-tips-box">
    <h4>Informasi Tambahan</h4>
    <p>
      Gunakan nominal taruhan secara bijak dan pastikan memilih pasaran sesuai jadwal result yang sedang aktif. Untuk pengalaman yang lebih nyaman, cek kembali waktu pasaran, jenis permainan, dan hasil result secara berkala melalui panel ini.
    </p>
  </div>
</div>

<style>
    /* =========================
   TOGEL PANEL ENHANCEMENT
========================= */
.togel-highlight-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  margin: 0 0 16px;
}

.togel-highlight-card{
  border-radius: 14px;
  border: 1px solid rgba(0,255,154,.14);
  background:
    linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.18));
  padding: 14px;
  text-align:center;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 0 18px rgba(0,255,154,.05);
}

.togel-highlight-card strong{
  display:block;
  margin-bottom: 6px;
  font-size: .78rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
  color: rgba(255,255,255,.72);
}

.togel-highlight-card span{
  display:block;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 1rem;
  font-weight: 900;
  color: var(--primary-green);
  text-shadow: 0 0 10px rgba(0,255,154,.18);
}

.togel-detail-two{
  margin-bottom: 18px;
}

.detail-mini-head{
  margin: 4px 0 14px;
}

.detail-mini-head h4{
  margin: 0 0 4px;
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
  color: rgba(255,255,255,.92);
}

.detail-mini-head p{
  margin: 0;
  color: rgba(255,255,255,.64);
  font-size: .86rem;
}

.togel-tips-box{
  margin-top: 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  padding: 14px;
}

.togel-tips-box h4{
  margin: 0 0 8px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
  color: rgba(255,255,255,.92);
}

.togel-tips-box p{
  margin: 0;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
}

/* responsive */
@media (max-width: 900px){
  .togel-highlight-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 560px){
  .togel-highlight-grid{
    grid-template-columns: 1fr;
  }

  .togel-highlight-card{
    padding: 12px;
  }

  .detail-mini-head h4{
    font-size: .95rem;
  }

  .detail-mini-head p{
    font-size: .82rem;
  }
}
</style>



    <!-- TOTO SLOT DETAIL -->
    <div class="game-detail-panel" id="panel-slot" hidden>
  <div class="detail-head">
    <h3>SLOT GACOR <span>RTP LIVE AMBON4D</span></h3>
    <button class="detail-close" type="button" data-close>✕</button>
  </div>

  <p class="detail-desc">
    Slot gacor di AMBON4D menghadirkan berbagai permainan slot online dengan RTP live tinggi
    dari provider ternama dunia. Setiap permainan menggunakan sistem RNG (Random Number Generator)
    sehingga hasil permainan berjalan adil, transparan, dan stabil dimainkan di desktop maupun mobile.
    <br>
    Data RTP slot dan pola gacor diperbarui secara realtime untuk membantu member menemukan permainan
    dengan peluang kemenangan lebih tinggi serta kesempatan jackpot yang lebih maksimal setiap hari.
  </p>

  <!-- Highlight Info -->
  <div class="slot-highlight-grid">
    <div class="slot-highlight-card">
      <div class="slot-hi-icon">
        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7A5,5 0 0,0 7,12Z"/></svg>
      </div>
      <strong>Provider Slot</strong>
      <span>7+ Provider</span>
    </div>

    <div class="slot-highlight-card">
      <div class="slot-hi-icon">
        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12,2L14.39,8.26L21,9L16,13.74L17.18,20.5L12,17.77L6.82,20.5L8,13.74L3,9L9.61,8.26L12,2Z"/></svg>
      </div>
      <strong>RTP Slot</strong>
      <span>Hingga 98%</span>
    </div>

    <div class="slot-highlight-card">
      <div class="slot-hi-icon">
        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M17,19H7A2,2 0 0,1 5,17V7A2,2 0 0,1 7,5H17A2,2 0 0,1 19,7V17A2,2 0 0,1 17,19Z"/></svg>
      </div>
      <strong>Mode Akses</strong>
      <span>Desktop & Mobile</span>
    </div>

    <div class="slot-highlight-card">
      <div class="slot-hi-icon">
        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8Z"/></svg>
      </div>
      <strong>Update RTP</strong>
      <span>Realtime</span>
    </div>
  </div>

  <!-- Informasi Slot -->
  <div class="detail-two slot-detail-two">
    <div class="detail-card">
      <h4>Provider Slot Gacor</h4>
      <ul class="detail-list">
        <li>Pragmatic Play</li>
        <li>PG Soft</li>
        <li>Habanero</li>
        <li>Microgaming</li>
        <li>Playtech</li>
        <li>Joker Gaming</li>
        <li>NoLimit City</li>
      </ul>
    </div>

    <div class="detail-card">
      <h4>Game Slot Populer</h4>
      <ul class="detail-list">
        <li>Gates of Olympus</li>
        <li>Sugar Rush</li>
        <li>Sweet Bonanza</li>
        <li>Mahjong Ways</li>
        <li>Starlight Princess</li>
        <li>Lucky Neko</li>
      </ul>
    </div>

    <div class="detail-card">
      <h4>Pola RTP Slot</h4>
      <ul class="detail-list">
        <li>Pola RTP tinggi harian</li>
        <li>Jam gacor permainan</li>
        <li>Scatter & free spin pattern</li>
        <li>Multiplier win chance</li>
        <li>Update RTP live setiap saat</li>
      </ul>
    </div>

    <div class="detail-card">
      <h4>Keunggulan Slot AMBON4D</h4>
      <ul class="detail-list">
        <li>Slot gacor dengan RTP tinggi</li>
        <li>Sistem permainan stabil</li>
        <li>Loading cepat & ringan</li>
        <li>Pilihan game sangat lengkap</li>
      </ul>
    </div>
  </div>

  <!-- Monitor Header -->
  <div class="slot-monitor-wrap">
    <div class="slot-monitor-head">
      <div class="slot-monitor-title">
        <span class="slot-monitor-dot"></span>
        <h4>LIVE MONITOR</h4>
      </div>
      <div class="slot-monitor-badge">RTP SLOT GACOR TERUPDATE</div>
    </div>

    <div class="slot-monitor-sub">
      Pantau informasi RTP live secara realtime untuk melihat performa permainan yang sedang ramai dipantau member.
    </div>

    <div class="iframe-frame slot-iframe-frame">
      <iframe
        src="https://hoki.pintukemenangan.lol/"
        title="RTP Live"
        loading="lazy"
        referrerpolicy="no-referrer"
        allowfullscreen
      ></iframe>
    </div>
  </div>

  <!-- Info tambahan -->
  <div class="slot-info-box">
    <h4>Informasi Tambahan</h4>
    <p>
      Data RTP live dapat berubah sewaktu-waktu mengikuti update sistem permainan. Gunakan panel ini sebagai referensi
      informasi game yang sedang populer, memiliki performa tinggi, dan sering dipantau oleh member untuk melihat update terbaru.
    </p>
  </div>
</div>

<style>
    /* =========================
   SLOT PANEL ENHANCEMENT
========================= */
.slot-highlight-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  margin: 0 0 16px;
}

.slot-highlight-card{
  border-radius: 14px;
  border: 1px solid rgba(0,255,154,.14);
  background:
    linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.18));
  padding: 14px;
  text-align:center;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 0 18px rgba(0,255,154,.05);
  transition: var(--transition);
}

.slot-highlight-card:hover{
  transform: translateY(-2px);
  border-color: rgba(0,255,154,.24);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 24px rgba(0,255,154,.08);
}

.slot-hi-icon{
  width: 48px;
  height: 48px;
  margin: 0 auto 10px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 30% 30%, rgba(0,255,154,.18), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(0,0,0,.28);
  border: 1px solid rgba(0,255,154,.14);
  color: var(--primary-green);
  box-shadow:
    0 0 16px rgba(0,255,154,.08),
    inset 0 0 0 1px rgba(255,255,255,.02);
}

.slot-hi-icon svg{
  width: 22px;
  height: 22px;
  display:block;
}

.slot-highlight-card strong{
  display:block;
  margin-bottom: 6px;
  font-size: .78rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
  color: rgba(255,255,255,.72);
}

.slot-highlight-card span{
  display:block;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 1rem;
  font-weight: 900;
  color: var(--primary-green);
  text-shadow: 0 0 10px rgba(0,255,154,.18);
}

.slot-detail-two{
  margin-bottom: 18px;
}

/* =========================
   LIVE MONITOR WRAP
========================= */
.slot-monitor-wrap{
  margin-top: 4px;
  border-radius: 16px;
  border: 1px solid rgba(0,255,154,.14);
  background:
    radial-gradient(900px 240px at 10% 0%, rgba(0,255,170,.08), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.16));
  overflow: hidden;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 0 20px rgba(0,255,154,.04);
}

.slot-monitor-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}

.slot-monitor-title{
  display:flex;
  align-items:center;
  gap: 10px;
}

.slot-monitor-title h4{
  margin:0;
  font-size: .95rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .45px;
  color: rgba(255,255,255,.92);
}

.slot-monitor-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--primary-green);
  box-shadow:
    0 0 0 4px rgba(0,255,154,.08),
    0 0 14px rgba(0,255,154,.45);
  animation: slotPulseDot 1.8s ease-in-out infinite;
}

.slot-monitor-badge{
  display:inline-flex;
  align-items:center;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,255,154,.18);
  background: rgba(0,0,0,.28);
  color: var(--primary-green);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .45px;
  text-transform: uppercase;
  white-space: nowrap;
}

.slot-monitor-sub{
  padding: 12px 16px 0;
  color: rgba(255,255,255,.66);
  font-size: .88rem;
  line-height: 1.55;
}

.slot-iframe-frame{
  margin-top: 12px;
  border-radius: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.slot-iframe-frame iframe{
  width: 100%;
  height: 560px;
  border: 0;
  display: block;
  background: #000;
}

/* =========================
   INFO BOX
========================= */
.slot-info-box{
  margin-top: 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  padding: 14px;
}

.slot-info-box h4{
  margin: 0 0 8px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
  color: rgba(255,255,255,.92);
}

.slot-info-box p{
  margin: 0;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
}

@keyframes slotPulseDot{
  0%,100%{
    transform: scale(1);
    opacity: 1;
  }
  50%{
    transform: scale(1.18);
    opacity: .82;
  }
}

/* responsive */
@media (max-width: 900px){
  .slot-highlight-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .slot-iframe-frame iframe{
    height: 500px;
  }
}

@media (max-width: 560px){
  .slot-highlight-grid{
    grid-template-columns: 1fr;
  }

  .slot-highlight-card{
    padding: 12px;
  }

  .slot-hi-icon{
    width: 44px;
    height: 44px;
    border-radius: 12px;
    margin-bottom: 8px;
  }

  .slot-hi-icon svg{
    width: 20px;
    height: 20px;
  }

  .slot-monitor-head{
    padding: 12px 14px;
  }

  .slot-monitor-sub{
    padding: 10px 14px 0;
    font-size: .84rem;
  }

  .slot-monitor-badge{
    font-size: .7rem;
    min-height: 32px;
    padding: 6px 10px;
  }

  .slot-iframe-frame iframe{
    height: 460px;
  }
}
</style>


    <div class="game-detail-panel" id="panel-casino" hidden>
  <div class="detail-head">
    <h3>LIVE CASINO <span>AMBON4D</span></h3>
    <button class="detail-close" type="button" data-close>✕</button>
  </div>

  <p class="detail-desc">
    Live Casino di AMBON4D menghadirkan pengalaman bermain casino online secara realtime
    dengan dealer profesional dan sistem permainan yang interaktif. Melalui jaringan platform
    permainan yang stabil, member dapat menikmati berbagai meja live casino populer dengan
    kualitas streaming HD serta akses lancar di desktop maupun mobile.
<br>
    Setiap permainan menggunakan sistem fair play dan teknologi live streaming sehingga
    pengalaman bermain terasa seperti berada langsung di meja casino sungguhan.
<br>
    Permainan live casino populer seperti Baccarat, Roulette, Dragon Tiger, dan Blackjack
    tersedia dengan akses cepat serta tampilan meja interaktif yang memberikan pengalaman
    bermain lebih realistis bagi setiap member.
  </p>

  <!-- Highlight Info -->
  <div class="casino-highlight-grid">
    <div class="casino-highlight-card">
      <div class="casino-hi-icon">
        <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
          <path d="M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M7,7A2,2 0 0,0 5,9A2,2 0 0,0 7,11A2,2 0 0,0 9,9A2,2 0 0,0 7,7M17,13A2,2 0 0,0 15,15A2,2 0 0,0 17,17A2,2 0 0,0 19,15A2,2 0 0,0 17,13M7,13A2,2 0 0,0 5,15A2,2 0 0,0 7,17A2,2 0 0,0 9,15A2,2 0 0,0 7,13M17,7A2,2 0 0,0 15,9A2,2 0 0,0 17,11A2,2 0 0,0 19,9A2,2 0 0,0 17,7Z"/>
        </svg>
      </div>
      <strong>Game Live</strong>
      <span>5+</span>
    </div>

    <div class="casino-highlight-card">
      <div class="casino-hi-icon">
        <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
          <path d="M12,3A9,9 0 0,1 21,12C21,16.97 16.97,21 12,21A9,9 0 0,1 3,12C3,7.03 7.03,3 12,3M12,7A1,1 0 0,0 11,8V12.59L8.29,15.29A1,1 0 0,0 8.29,16.71A1,1 0 0,0 9.71,16.71L12.71,13.71C12.9,13.53 13,13.28 13,13V8A1,1 0 0,0 12,7Z"/>
        </svg>
      </div>
      <strong>Akses Meja</strong>
      <span>Realtime</span>
    </div>

    <div class="casino-highlight-card">
      <div class="casino-hi-icon">
        <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
          <path d="M12,2L4,5V11C4,16.55 7.84,21.74 12,23C16.16,21.74 20,16.55 20,11V5L12,2Z"/>
        </svg>
      </div>
      <strong>Sistem Main</strong>
      <span>Fair Play</span>
    </div>

    <div class="casino-highlight-card">
      <div class="casino-hi-icon">
        <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
          <path d="M3,3H21V5H3V3M5,7H19A1,1 0 0,1 20,8V19A2,2 0 0,1 18,21H6A2,2 0 0,1 4,19V8A1,1 0 0,1 5,7M8,10V18L15,14L8,10Z"/>
        </svg>
      </div>
      <strong>Tampilan</strong>
      <span>HD Stream</span>
    </div>
  </div>

  <!-- Visual banner -->
  <div class="casino-visual-card">
    <div class="casino-visual-media">
      <img src="https://ik.imagekit.io/ambon4d/live%20game%20casino%20ambon4d.webp" alt="Live Casino Ambon4d" loading="lazy">
      <div class="casino-visual-overlay"></div>
      <div class="casino-visual-badge">LIVE TABLE</div>
    </div>

    <div class="casino-visual-content">
      <h4>Pengalaman Casino Lebih Interaktif</h4>
      <p>
        Nikmati suasana permainan live yang terasa lebih nyata dengan tampilan meja yang elegan, interaksi realtime, dan berbagai pilihan permainan populer yang mudah diakses.
      </p>
      <div class="casino-mini-points">
        <span>Realtime</span>
        <span>Stabil</span>
        <span>Mobile Friendly</span>
      </div>
    </div>
  </div>

  <!-- Info grid -->
  <div class="detail-two casino-detail-two">
    <div class="detail-card">
      <h4>Game Populer</h4>
      <ul class="detail-list">
        <li>Baccarat</li>
        <li>Dragon Tiger</li>
        <li>Roulette</li>
        <li>Sicbo</li>
        <li>Blackjack</li>
      </ul>
    </div>

    <div class="detail-card">
      <h4>Keunggulan Live Casino</h4>
      <ul class="detail-list">
        <li>Tampilan permainan realtime</li>
        <li>Nuansa meja lebih interaktif</li>
        <li>Akses nyaman di desktop & mobile</li>
        <li>Variasi game lebih lengkap</li>
      </ul>
    </div>

    <div class="detail-card">
      <h4>Tips Bermain Aman</h4>
      <ul class="detail-list">
        <li>Tentukan batas modal dan target bermain sejak awal.</li>
        <li>Gunakan nominal bet bertahap agar lebih terkontrol.</li>
        <li>Hindari keputusan terburu-buru saat kondisi emosi.</li>
        <li>Istirahat berkala agar permainan tetap nyaman.</li>
      </ul>
    </div>

    <div class="detail-card">
      <h4>Panduan Singkat</h4>
      <ul class="detail-list">
        <li>Pilih meja permainan yang ingin dimainkan.</li>
        <li>Perhatikan aturan dasar setiap game.</li>
        <li>Gunakan nominal taruhan sesuai strategi.</li>
        <li>Fokus pada ritme permainan dan manajemen modal.</li>
      </ul>
    </div>
  </div>

  <!-- info tambahan -->
  <div class="casino-info-box">
    <h4>Informasi Tambahan</h4>
    <p>
      Live Casino cocok untuk pengguna yang menyukai nuansa permainan yang lebih langsung dan interaktif. 
      Pastikan bermain dengan pengelolaan modal yang baik serta memilih jenis permainan yang paling sesuai dengan gaya bermain kamu.
    </p>
  </div>
</div>

<style>
    /* =========================
   CASINO PANEL ENHANCEMENT
========================= */
.casino-highlight-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  margin: 0 0 16px;
}

.casino-highlight-card{
  border-radius: 14px;
  border: 1px solid rgba(0,255,154,.14);
  background:
    linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.18));
  padding: 14px;
  text-align:center;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 0 18px rgba(0,255,154,.05);
  transition: var(--transition);
}

.casino-highlight-card:hover{
  transform: translateY(-2px);
  border-color: rgba(0,255,154,.24);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 24px rgba(0,255,154,.08);
}

.casino-hi-icon{
  width: 48px;
  height: 48px;
  margin: 0 auto 10px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 30% 30%, rgba(0,255,154,.18), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(0,0,0,.28);
  border: 1px solid rgba(0,255,154,.14);
  color: var(--primary-green);
  box-shadow:
    0 0 16px rgba(0,255,154,.08),
    inset 0 0 0 1px rgba(255,255,255,.02);
}

.casino-hi-icon svg{
  width: 22px;
  height: 22px;
  display:block;
}

.casino-highlight-card strong{
  display:block;
  margin-bottom: 6px;
  font-size: .78rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
  color: rgba(255,255,255,.72);
}

.casino-highlight-card span{
  display:block;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 1rem;
  font-weight: 900;
  color: var(--primary-green);
  text-shadow: 0 0 10px rgba(0,255,154,.18);
}

/* visual gimmick */
.casino-visual-card{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 16px;
  margin: 0 0 18px;
  border-radius: 16px;
  border: 1px solid rgba(0,255,154,.14);
  background:
    radial-gradient(900px 240px at 10% 0%, rgba(0,255,170,.08), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.16));
  overflow: hidden;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 0 20px rgba(0,255,154,.04);
}

.casino-visual-media{
  position: relative;
  min-height: 260px;
  overflow: hidden;
}

.casino-visual-media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.casino-visual-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.18), rgba(0,0,0,.52));
}

.casino-visual-badge{
  position:absolute;
  top:14px;
  left:14px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,255,154,.20);
  background: rgba(0,0,0,.35);
  color: var(--primary-green);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .45px;
  text-transform: uppercase;
}

.casino-visual-content{
  padding: 18px 18px 18px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.casino-visual-content h4{
  margin:0 0 8px;
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
  color: rgba(255,255,255,.92);
}

.casino-visual-content p{
  margin:0 0 14px;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
}

.casino-mini-points{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}

.casino-mini-points span{
  border: 1px solid rgba(0,255,154,.18);
  background: rgba(0,0,0,.25);
  color: rgba(255,255,255,.86);
  padding: 7px 10px;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 800;
}

/* info box bawah */
.casino-detail-two{
  margin-bottom: 16px;
}

.casino-info-box{
  margin-top: 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  padding: 14px;
}

.casino-info-box h4{
  margin: 0 0 8px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
  color: rgba(255,255,255,.92);
}

.casino-info-box p{
  margin: 0;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
}

/* responsive */
@media (max-width: 900px){
  .casino-highlight-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .casino-visual-card{
    grid-template-columns: 1fr;
  }

  .casino-visual-content{
    padding: 0 18px 18px;
  }
}

@media (max-width: 560px){
  .casino-highlight-grid{
    grid-template-columns: 1fr;
  }

  .casino-highlight-card{
    padding: 12px;
  }

  .casino-hi-icon{
    width: 44px;
    height: 44px;
    border-radius: 12px;
    margin-bottom: 8px;
  }

  .casino-hi-icon svg{
    width: 20px;
    height: 20px;
  }

  .casino-visual-media{
    min-height: 220px;
  }

  .casino-visual-badge{
    font-size: .7rem;
    min-height: 32px;
    padding: 6px 10px;
  }

  .casino-visual-content{
    padding: 0 14px 14px;
  }
}
</style>

<section class="site-info-section" id="site-info">
  <div class="container">
    <div class="section-header">
      <h2>Informasi <span>Platform AMBON4D</span></h2>
<p>Ringkasan mengenai platform togel online dengan jaringan situs toto, slot gacor, serta layanan permainan online yang tersedia di AMBON4D.</p>
    </div>

    <div class="site-console">
      <div class="site-console-head">
        <div class="site-console-title">
          <span class="site-console-dot"></span>
          <h3>PLATFORM STATUS</h3>
        </div>
        <div class="site-console-badge">LIVE INFO</div>
      </div>

      <div class="site-console-body">
        <div class="site-console-row">
          <div class="site-console-key">Nama Platform</div>
          <div class="site-console-sep"></div>
          <div class="site-console-value">AMBON4D</div>
        </div>

        <div class="site-console-row">
          <div class="site-console-key">Kategori Platform</div>
          <div class="site-console-sep"></div>
          <div class="site-console-value">Platform Togel Online, Situs Toto, Slot Gacor & Live Casino</div>
        </div>

        <div class="site-console-row">
          <div class="site-console-key">Jenis Permainan</div>
          <div class="site-console-sep"></div>
          <div class="site-console-value">Togel Online, Situs Toto, Slot Gacor, Live Casino, dan berbagai permainan populer lainnya</div>
        </div>

        <div class="site-console-row">
          <div class="site-console-key">Provider Game</div>
          <div class="site-console-sep"></div>
          <div class="site-console-value">Pragmatic Play, PG Soft, Habanero, Microgaming, Playtech, Joker Gaming, dan lainnya</div>
        </div>

        <div class="site-console-row">
          <div class="site-console-key">Metode Transaksi</div>
          <div class="site-console-sep"></div>
          <div class="site-console-value">Bank Lokal, E-Wallet, dan QRIS dengan status realtime</div>
        </div>

        <div class="site-console-row">
          <div class="site-console-key">Minimal Deposit</div>
          <div class="site-console-sep"></div>
          <div class="site-console-value">Mulai dari Rp 10.000</div>
        </div>

        <div class="site-console-row">
          <div class="site-console-key">Akses Platform</div>
          <div class="site-console-sep"></div>
          <div class="site-console-value">Desktop, Mobile Browser, dan Aplikasi</div>
        </div>

        <div class="site-console-row">
          <div class="site-console-key">Status Layanan</div>
          <div class="site-console-sep"></div>
          <div class="site-console-value">Online 24 Jam dengan pembaruan informasi realtime</div>
        </div>

        <div class="site-console-row site-console-row--multi">
          <div class="site-console-key">Kategori Game Utama</div>
          <div class="site-console-sep"></div>
          <div class="site-console-value">
            Platform ini menyediakan permainan Toto Togel Online dengan berbagai pasaran internasional, Toto Slot dari provider populer dunia, serta Live Casino dengan permainan realtime seperti Baccarat, Roulette, Dragon Tiger, Sicbo, dan game live lainnya.
          </div>
        </div>

        <div class="site-console-row site-console-row--multi">
          <div class="site-console-key">Ringkasan Platform</div>
          <div class="site-console-sep"></div>
          <div class="site-console-value">
            AMBON4D merupakan platform togel online yang menghadirkan jaringan situs toto, slot gacor, dan berbagai permainan populer dalam satu sistem terintegrasi dengan tampilan responsif serta navigasi yang mudah digunakan.
          </div>
        </div>
      </div>
    </div>
  </div>
</section>



<section class="advantages-section" id="advantages">
  <div class="container">
    <div class="section-header">
      <h2>Keunggulan <span>Platform AMBON4D</span></h2>
<p>Beberapa keunggulan platform togel online dengan jaringan situs toto, slot gacor, dan berbagai permainan populer yang tersedia di AMBON4D.</p>
    </div>

    <div class="advantages-grid">
      <div class="adv-card">
        <div class="adv-icon">
          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M12 2L13.8 8.2L20 9L15.5 13L16.8 20L12 17.2L7.2 20L8.5 13L4 9L10.2 8.2L12 2Z"/>
          </svg>
        </div>
        <h3>Pasaran Lengkap</h3>
        <p>Tersedia berbagai pilihan pasaran togel populer seperti Toto Macau, Singapore, Hongkong, Sydney, dan Cambodia dengan jadwal result yang jelas serta update informasi realtime.</p>
      </div>

      <div class="adv-card">
        <div class="adv-icon">
          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M12 3A9 9 0 1 1 3 12A9 9 0 0 1 12 3M12 7A1 1 0 0 0 11 8V12.59L8.29 15.29A1 1 0 1 0 9.71 16.71L12.71 13.71C12.9 13.53 13 13.28 13 13V8A1 1 0 0 0 12 7Z"/>
          </svg>
        </div>
        <h3>Proses Cepat</h3>
        <p>Deposit dan withdraw dirancang lebih praktis dengan dukungan berbagai metode transaksi seperti bank lokal, e-wallet, dan QRIS dengan sistem layanan realtime.</p>
      </div>

      <div class="adv-card">
        <div class="adv-icon">
          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M17 19H7A2 2 0 0 1 5 17V7A2 2 0 0 1 7 5H17A2 2 0 0 1 19 7V17A2 2 0 0 1 17 19M17 17V7H7V17H17Z"/>
          </svg>
        </div>
        <h3>Nyaman di Mobile</h3>
        <p>Tampilan platform dirancang responsif di smartphone maupun desktop sehingga akses permainan, informasi situs toto, dan slot gacor terasa lebih ringan dan cepat.</p>
      </div>

      <div class="adv-card">
        <div class="adv-icon">
          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M12 2L4 5V11C4 16.55 7.84 21.74 12 23C16.16 21.74 20 16.55 20 11V5L12 2Z"/>
          </svg>
        </div>
        <h3>Sistem Lebih Aman</h3>
        <p>Struktur platform dirancang lebih aman dengan sistem navigasi yang jelas sehingga pengguna dapat mengakses permainan togel online, slot gacor, dan live casino dengan nyaman.</p>
      </div>

      <div class="adv-card">
        <div class="adv-icon">
          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M4 4H20V6H4V4M4 9H20V11H4V9M4 14H14V16H4V14M4 19H14V21H4V19Z"/>
          </svg>
        </div>
        <h3>Informasi Lengkap</h3>
        <p>Mulai dari kategori permainan, pasaran togel internasional, RTP slot gacor, metode transaksi, FAQ, hingga review member tersusun rapi dalam satu halaman.</p>
      </div>

      <div class="adv-card">
        <div class="adv-icon">
          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M12 8A4 4 0 1 1 8 12A4 4 0 0 1 12 8M12 2L13.09 5.26L16 4L15.25 7.09L18.5 7.5L16.41 9.59L19 12L16.41 14.41L18.5 16.5L15.25 16.91L16 20L13.09 18.74L12 22L10.91 18.74L8 20L8.75 16.91L5.5 16.5L7.59 14.41L5 12L7.59 9.59L5.5 7.5L8.75 7.09L8 4L10.91 5.26L12 2Z"/>
          </svg>
        </div>
        <h3>Update Realtime</h3>
        <p>Beberapa area seperti result togel, countdown pasaran, dan RTP slot gacor live dibuat aktif sehingga informasi permainan selalu ter-update secara realtime.</p>
      </div>
    </div>
  </div>
</section>
<style>
    /* =========================
   SITE INFO SECTION
========================= */
/* =========================
   SITE INFO - SERVER PANEL STYLE
========================= */
.site-info-section{
  padding: 80px 0 36px;
  background: var(--bg-dark);
  border-top: 1px solid rgba(255,255,255,.06);
}

.site-console{
  position: relative;
  border-radius: 18px;
  border: 1px solid rgba(0,255,154,.14);
  background:
    radial-gradient(900px 280px at 18% 0%, rgba(0,255,170,.10), transparent 60%),
    radial-gradient(900px 280px at 82% 110%, rgba(255,200,80,.05), transparent 60%),
    linear-gradient(180deg, rgba(5,18,12,.96), rgba(3,10,7,.94));
  box-shadow:
    0 18px 40px rgba(0,0,0,.50),
    0 0 20px rgba(0,255,154,.08);
  overflow: hidden;
}

/* head */
.site-console-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}

.site-console-title{
  display:flex;
  align-items:center;
  gap: 10px;
}

.site-console-title h3{
  margin:0;
  font-size: .95rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .45px;
  color: rgba(255,255,255,.92);
}

.site-console-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--primary-green);
  box-shadow:
    0 0 0 4px rgba(0,255,154,.08),
    0 0 14px rgba(0,255,154,.42);
  animation: siteConsolePulse 1.8s ease-in-out infinite;
}

.site-console-badge{
  display:inline-flex;
  align-items:center;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,255,154,.18);
  background: rgba(0,0,0,.28);
  color: var(--primary-green);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .45px;
  text-transform: uppercase;
  white-space: nowrap;
}

/* body */
.site-console-body{
  padding: 8px 16px 16px;
}

/* row */
.site-console-row{
  position: relative;
  display: grid;
  grid-template-columns: minmax(180px, 240px) 24px 1fr;
  gap: 10px;
  align-items: center;
  padding: 14px 0;
}

/* divider neon tipis */
.site-console-row::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:
    linear-gradient(
      90deg,
      rgba(0,255,154,0) 0%,
      rgba(0,255,154,.10) 12%,
      rgba(0,255,154,.28) 50%,
      rgba(0,255,154,.10) 88%,
      rgba(0,255,154,0) 100%
    );
  box-shadow: 0 0 8px rgba(0,255,154,.10);
}

.site-console-row:last-child::after{
  display:none;
}

.site-console-key{
  color: rgba(255,255,255,.68);
  font-size: .80rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
}

.site-console-sep{
  position: relative;
  height: 100%;
  min-height: 18px;
}

.site-console-sep::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(0,255,154,.9);
  box-shadow:
    0 0 0 3px rgba(0,255,154,.07),
    0 0 10px rgba(0,255,154,.22);
}

.site-console-value{
  color: rgba(255,255,255,.92);
  font-weight: 700;
  line-height: 1.6;
}

.site-console-row--multi{
  align-items: start;
}

.site-console-row--multi .site-console-sep{
  min-height: 24px;
  margin-top: 2px;
}

/* subtle hover */
.site-console-row:hover .site-console-key{
  color: rgba(255,255,255,.84);
}

.site-console-row:hover .site-console-value{
  color: rgba(255,255,255,.98);
}

.site-console-row:hover .site-console-sep::before{
  box-shadow:
    0 0 0 4px rgba(0,255,154,.09),
    0 0 14px rgba(0,255,154,.30);
}

/* animation */
@keyframes siteConsolePulse{
  0%,100%{
    transform: scale(1);
    opacity: 1;
  }
  50%{
    transform: scale(1.18);
    opacity: .82;
  }
}

/* responsive */
@media (max-width: 900px){
  .site-console-row{
    grid-template-columns: 180px 20px 1fr;
  }
}

@media (max-width: 640px){
  .site-info-section{
    padding: 70px 0 26px;
  }

  .site-console-head{
    padding: 12px 14px;
  }

  .site-console-body{
    padding: 6px 14px 14px;
  }

  .site-console-row{
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 12px 0;
  }

  .site-console-sep{
    display:none;
  }

  .site-console-key{
    font-size: .76rem;
  }

  .site-console-value{
    font-size: .95rem;
  }

  .site-console-badge{
    font-size: .70rem;
    min-height: 32px;
    padding: 6px 10px;
  }
}

/* =========================
   ADVANTAGES SECTION
========================= */
.advantages-section{
  padding: 50px 0 80px;
  background: var(--bg-dark);
}

.advantages-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
}

.adv-card{
  border-radius: 16px;
  border: 1px solid rgba(0,255,154,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    rgba(0,0,0,.24);
  padding: 18px;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 0 18px rgba(0,255,154,.05);
  transition: var(--transition);
}

.adv-card:hover{
  transform: translateY(-4px);
  border-color: rgba(0,255,154,.22);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 24px rgba(0,255,154,.08);
}

.adv-icon{
  width: 52px;
  height: 52px;
  margin-bottom: 12px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-green);
  background:
    radial-gradient(circle at 30% 30%, rgba(0,255,154,.18), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(0,0,0,.30);
  border: 1px solid rgba(0,255,154,.14);
  box-shadow:
    0 0 16px rgba(0,255,154,.08),
    inset 0 0 0 1px rgba(255,255,255,.02);
}

.adv-icon svg{
  width: 24px;
  height: 24px;
  display: block;
}

.adv-card h3{
  margin: 0 0 8px;
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
  color: rgba(255,255,255,.92);
}

.adv-card p{
  margin: 0;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
  font-size: .94rem;
}

/* responsive */
@media (max-width: 900px){
  .site-info-grid{
    grid-template-columns: 1fr;
  }

  .site-info-item--wide{
    grid-column: span 1;
  }

  .advantages-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 560px){
  .site-info-section{
    padding: 70px 0 24px;
  }

  .advantages-section{
    padding: 40px 0 70px;
  }

  .advantages-grid{
    grid-template-columns: 1fr;
  }

  .site-info-card,
  .adv-card{
    padding: 14px;
  }

  .adv-icon{
    width: 46px;
    height: 46px;
    border-radius: 12px;
    margin-bottom: 10px;
  }

  .adv-icon svg{
    width: 22px;
    height: 22px;
  }
}
</style>


<section class="steps-section" id="cara-main">
  <div class="container">
    <div class="section-header">
      <h2>Cara <span>Daftar & Bermain di AMBON4D</span></h2>
<p>Langkah sederhana untuk mulai mengakses platform togel online, melakukan transaksi deposit, dan memilih berbagai permainan seperti situs toto, slot gacor, dan live casino.</p>
    </div>

    <div class="steps-grid">
        
      <div class="step-card">
        <div class="step-badge">01</div>
        <div class="step-icon">
          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M15 14C12.33 14 7 15.33 7 18V20H23V18C23 15.33 17.67 14 15 14M6 10V7H4V10H1V12H4V15H6V12H9V10M15 12A4 4 0 1 0 11 8A4 4 0 0 0 15 12Z"/>
          </svg>
        </div>
        <h3>Daftar Akun</h3>
        <p>Buat akun terlebih dahulu melalui halaman daftar AMBON4D dengan mengisi data yang dibutuhkan secara lengkap agar dapat mengakses platform togel online dan berbagai kategori permainan.</p>
      </div>

      <div class="step-card">
        <div class="step-badge">02</div>
        <div class="step-icon">
          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M10 17V14H3V10H10V7L15 12L10 17M20 3A2 2 0 0 1 22 5V19A2 2 0 0 1 20 21H12V19H20V5H12V3H20Z"/>
          </svg>
        </div>
        <h3>Login Platform</h3>
        <p>Masuk menggunakan akun yang sudah dibuat untuk mengakses seluruh kategori permainan seperti situs toto, slot gacor, dan berbagai fitur transaksi yang tersedia di platform.</p>
      </div>

      <div class="step-card">
        <div class="step-badge">03</div>
        <div class="step-icon">
          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M21 7H3V5H21M21 11H3V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V11M7 17V15H13V17H7Z"/>
          </svg>
        </div>
        <h3>Lakukan Deposit</h3>
        <p>Pilih metode transaksi seperti bank lokal, e-wallet, atau QRIS untuk melakukan deposit sehingga saldo dapat digunakan untuk bermain di berbagai permainan yang tersedia.</p>
      </div>

      <div class="step-card">
        <div class="step-badge">04</div>
        <div class="step-icon">
          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M4 4H20A2 2 0 0 1 22 6V18A2 2 0 0 1 20 20H4A2 2 0 0 1 2 18V6A2 2 0 0 1 4 4M7 7V10H10V7H7M12 7V10H15V7H12M17 7V10H20V7H17M7 12V15H10V12H7M12 12V15H15V12H12M17 12V15H20V12H17Z"/>
          </svg>
        </div>
        <h3>Pilih Permainan</h3>
        <p>Setelah saldo tersedia, pilih permainan yang diinginkan seperti togel online, toto macau, slot gacor, atau live casino sesuai preferensi bermain.</p>
      </div>
    </div>
  </div>
</section>

<style>
    /* =========================
   STEPS SECTION
========================= */
.steps-section{
  padding: 70px 0 80px;
  background: var(--bg-dark);
  border-top: 1px solid rgba(255,255,255,.06);
}

.steps-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
}

.step-card{
  position: relative;
  border-radius: 18px;
  border: 1px solid rgba(0,255,154,.12);
  background:
    radial-gradient(900px 180px at 20% 0%, rgba(0,255,170,.08), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    rgba(0,0,0,.22);
  padding: 18px;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 0 18px rgba(0,255,154,.05);
  transition: var(--transition);
  overflow: hidden;
}

.step-card:hover{
  transform: translateY(-4px);
  border-color: rgba(0,255,154,.22);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 24px rgba(0,255,154,.08);
}

.step-card::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:1px;
  background: linear-gradient(
    90deg,
    rgba(0,255,154,0) 0%,
    rgba(0,255,154,.24) 50%,
    rgba(0,255,154,0) 100%
  );
  box-shadow: 0 0 8px rgba(0,255,154,.10);
}

.step-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 42px;
  height: 28px;
  margin-bottom: 12px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,255,154,.18);
  background: rgba(0,0,0,.30);
  color: var(--primary-green);
  font-family: var(--font-mono);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .4px;
}

.step-icon{
  width: 52px;
  height: 52px;
  margin-bottom: 12px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--primary-green);
  background:
    radial-gradient(circle at 30% 30%, rgba(0,255,154,.18), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    rgba(0,0,0,.28);
  border: 1px solid rgba(0,255,154,.14);
  box-shadow:
    0 0 16px rgba(0,255,154,.08),
    inset 0 0 0 1px rgba(255,255,255,.02);
}

.step-icon svg{
  width: 24px;
  height: 24px;
  display:block;
}

.step-card h3{
  margin: 0 0 8px;
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
  color: rgba(255,255,255,.92);
}

.step-card p{
  margin: 0;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
  font-size: .94rem;
}

@media (max-width: 900px){
  .steps-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 560px){
  .steps-section{
    padding: 60px 0 70px;
  }

  .steps-grid{
    grid-template-columns: 1fr;
  }

  .step-card{
    padding: 16px;
  }

  .step-icon{
    width: 46px;
    height: 46px;
    border-radius: 12px;
  }

  .step-icon svg{
    width: 22px;
    height: 22px;
  }
}
</style>

<section class="game-explain-section">
  <div class="container">

    <div class="section-header">
      <h2>Perbedaan <span>Kategori Permainan di AMBON4D</span></h2>
<p>
  AMBON4D menghadirkan beberapa kategori permainan populer seperti platform togel online, situs toto, slot gacor, dan live casino. 
  Masing-masing kategori memiliki mekanisme permainan, cara menentukan hasil, dan pengalaman bermain yang unik.
</p>
    </div>

    <div class="game-explain-grid">

      <div class="game-explain-card">
        <div class="gx-icon">🎯</div>
        <h3>Togel Online</h3>
        <p>
          Togel online adalah permainan prediksi angka pada platform AMBON4D yang mengambil hasil dari pasaran internasional populer seperti Sydney, Hongkong, Singapore, Toto Macau, dan Cambodia. 
Pemain memilih kombinasi angka tertentu dan menunggu hasil result yang diumumkan secara realtime sesuai jadwal pasaran.
        </p>
      </div>

      <div class="game-explain-card">
        <div class="gx-icon">🎰</div>
        <h3>Toto Slot</h3>
        <p>
          Toto slot di AMBON4D menghadirkan berbagai slot gacor dari provider ternama menggunakan sistem RNG (Random Number Generator). 
Permainan ini memiliki fitur free spin, scatter, multiplier, hingga jackpot progresif sehingga pengalaman bermain cepat, seru, dan adil.
        </p>
      </div>

      <div class="game-explain-card">
        <div class="gx-icon">🃏</div>
        <h3>Live Casino</h3>
        <p>
          Live casino AMBON4D menampilkan permainan meja populer seperti Baccarat, Roulette, Dragon Tiger, dan Sicbo dengan dealer profesional yang disiarkan secara live streaming. 
Pemain dapat menikmati pengalaman casino realtime dengan kualitas HD baik di desktop maupun mobile.
        </p>
      </div>

    </div>

  </div>
</section>

<style>
    /* =========================
   GAME EXPLAIN SECTION
========================= */

.game-explain-section{
  padding:80px 0;
  background:var(--bg-dark);
  border-top:1px solid rgba(255,255,255,.05);
}

.game-explain-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.game-explain-card{
  position:relative;
  padding:24px;
  border-radius:18px;
  border:1px solid rgba(0,255,154,.12);
  background:
  radial-gradient(600px 120px at 50% 0%, rgba(0,255,170,.08), transparent 70%),
  rgba(0,0,0,.35);

  box-shadow:
  0 0 18px rgba(0,255,154,.05),
  inset 0 0 0 1px rgba(255,255,255,.02);

  transition:.35s;
}

.game-explain-card:hover{
  transform:translateY(-4px);
  border-color:rgba(0,255,154,.25);
  box-shadow:
  0 0 22px rgba(0,255,154,.15);
}

.gx-icon{
  font-size:26px;
  margin-bottom:10px;
}

.game-explain-card h3{
  margin-bottom:8px;
  font-size:1.1rem;
  color:#fff;
}

.game-explain-card p{
  font-size:.92rem;
  color:rgba(255,255,255,.70);
  line-height:1.6;
}

@media(max-width:900px){
.game-explain-grid{
grid-template-columns:1fr 1fr;
}
}

@media(max-width:600px){
.game-explain-grid{
grid-template-columns:1fr;
}
}
</style>

<section class="glossary-section">
  <div class="container">

    <div class="section-header">
      <h2>Glosarium <span>Istilah Permainan di AMBON4D</span></h2>
<p>
  Beberapa istilah umum yang sering digunakan dalam platform togel online AMBON4D, situs toto, slot gacor, dan live casino, agar pemain lebih mudah memahami mekanisme permainan.
</p>
    </div>

    <div class="glossary-grid">

      <div class="glossary-item">
        <h4>RTP</h4>
        <p>Return To Player, yaitu persentase pengembalian permainan slot kepada pemain dalam jangka panjang.</p>
      </div>

      <div class="glossary-item">
        <h4>Scatter</h4>
        <p>Simbol khusus pada permainan slot yang biasanya memicu fitur bonus atau free spin.</p>
      </div>

      <div class="glossary-item">
        <h4>Provider</h4>
        <p>Perusahaan pengembang permainan slot atau live casino seperti Pragmatic Play, PG Soft, atau Habanero.</p>
      </div>

      <div class="glossary-item">
        <h4>Pasaran</h4>
        <p>Istilah dalam togel yang merujuk pada sumber result angka seperti Hongkong Pools, Sydney Pools, dan lainnya.</p>
      </div>

      <div class="glossary-item">
        <h4>Result</h4>
        <p>Hasil angka resmi yang diumumkan oleh pasaran togel sesuai jadwal yang telah ditentukan.</p>
      </div>

      <div class="glossary-item">
        <h4>Multiplier</h4>
        <p>Fitur dalam permainan slot yang dapat mengalikan kemenangan pemain.</p>
      </div>

      <div class="glossary-item">
        <h4>Jackpot</h4>
        <p>Hadiah kemenangan terbesar dalam permainan slot yang biasanya muncul dari kombinasi simbol tertentu.</p>
      </div>

      <div class="glossary-item">
        <h4>Dealer Live</h4>
        <p>Host atau dealer sungguhan yang memimpin permainan dalam live casino melalui streaming video realtime.</p>
      </div>

    </div>

  </div>
</section>

<style>
    /* =========================
   GLOSSARY
========================= */

.glossary-section{
padding:80px 0;
background:#050805;
border-top:1px solid rgba(255,255,255,.05);
}

.glossary-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
}

.glossary-item{
padding:18px;
border-radius:14px;
border:1px solid rgba(0,255,154,.12);
background:rgba(0,0,0,.35);

transition:.3s;
}

.glossary-item:hover{
border-color:rgba(0,255,154,.28);
box-shadow:0 0 14px rgba(0,255,154,.18);
}

.glossary-item h4{
font-size:.9rem;
margin-bottom:6px;
color:var(--primary-green);
letter-spacing:.5px;
}

.glossary-item p{
font-size:.85rem;
color:rgba(255,255,255,.70);
line-height:1.5;
}

@media(max-width:900px){
.glossary-grid{
grid-template-columns:1fr 1fr;
}
}

@media(max-width:600px){
.glossary-grid{
grid-template-columns:1fr;
}
}
</style>

<section class="beginner-guide-section">
  <div class="container">

    <div class="section-header">
      <h2>Panduan <span>Memilih Permainan</span></h2>
      <p>
        Bagi pemain yang baru pertama kali mencoba permainan seperti togel online,
        toto slot, atau live casino, memahami perbedaan karakter permainan dapat
        membantu menentukan jenis permainan yang paling sesuai dengan preferensi
        masing-masing.
      </p>
    </div>

    <div class="beginner-guide-grid">

      <div class="guide-card">
        <div class="guide-icon">🎯</div>
        <h3>Pilih Permainan Sesuai Gaya Bermain</h3>
        <p>
          Jika menyukai permainan prediksi angka dan menunggu hasil sesuai jadwal
          pasaran, maka togel online bisa menjadi pilihan. Jika lebih suka permainan
          cepat dengan animasi menarik, maka toto slot biasanya lebih cocok.
        </p>
      </div>

      <div class="guide-card">
        <div class="guide-icon">🎰</div>
        <h3>Pahami Fitur Permainan</h3>
        <p>
          Pada permainan slot, perhatikan fitur seperti scatter, free spin,
          multiplier, dan jackpot. Fitur-fitur ini dapat memberikan pengalaman
          bermain yang berbeda pada setiap game.
        </p>
      </div>

      <div class="guide-card">
        <div class="guide-icon">📊</div>
        <h3>Perhatikan Informasi RTP</h3>
        <p>
          RTP atau Return To Player adalah indikator yang sering digunakan dalam
          permainan slot untuk melihat tingkat pengembalian permainan dalam
          jangka panjang.
        </p>
      </div>

      <div class="guide-card">
        <div class="guide-icon">🃏</div>
        <h3>Coba Berbagai Kategori Game</h3>
        <p>
          Platform permainan biasanya menyediakan beberapa kategori seperti
          togel online, slot digital, hingga live casino. Mencoba berbagai jenis
          permainan dapat membantu menemukan game yang paling nyaman dimainkan.
        </p>
      </div>

      <div class="guide-card">
        <div class="guide-icon">⚙️</div>
        <h3>Gunakan Fitur Navigasi Platform</h3>
        <p>
          Gunakan menu kategori permainan, panel informasi, serta daftar provider
          untuk menemukan permainan dengan lebih mudah tanpa harus mencari secara
          manual.
        </p>
      </div>

      <div class="guide-card">
        <div class="guide-icon">📱</div>
        <h3>Pilih Game yang Nyaman di Perangkat</h3>
        <p>
          Beberapa permainan lebih optimal dimainkan di perangkat mobile,
          sementara lainnya terasa lebih nyaman di desktop. Pastikan memilih
          game yang berjalan dengan baik di perangkat yang digunakan.
        </p>
      </div>

    </div>

  </div>
</section>

<style>
    /* =========================
   BEGINNER GUIDE
========================= */

.beginner-guide-section{
padding:80px 0;
background:#040704;
border-top:1px solid rgba(255,255,255,.05);
}

.beginner-guide-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}

.guide-card{
position:relative;
padding:22px;
border-radius:18px;

border:1px solid rgba(0,255,154,.12);

background:
radial-gradient(600px 140px at 50% 0%, rgba(0,255,170,.07), transparent 70%),
rgba(0,0,0,.35);

box-shadow:
0 0 18px rgba(0,255,154,.05),
inset 0 0 0 1px rgba(255,255,255,.02);

transition:.35s;
}

.guide-card:hover{
transform:translateY(-4px);
border-color:rgba(0,255,154,.25);
box-shadow:0 0 20px rgba(0,255,154,.15);
}

.guide-icon{
font-size:24px;
margin-bottom:10px;
}

.guide-card h3{
margin-bottom:8px;
font-size:1rem;
color:#fff;
}

.guide-card p{
font-size:.9rem;
line-height:1.6;
color:rgba(255,255,255,.70);
}

/* responsive */

@media(max-width:900px){
.beginner-guide-grid{
grid-template-columns:1fr 1fr;
}
}

@media(max-width:600px){
.beginner-guide-grid{
grid-template-columns:1fr;
}
}
</style>

<section class="provider-section">
  <div class="container">

    <div class="section-header">
      <h2>Provider <span>Permainan</span></h2>
      <p>
        Berbagai permainan yang tersedia di platform ini dikembangkan oleh
        provider game internasional yang dikenal dengan kualitas grafis,
        fitur permainan, serta sistem permainan yang stabil.
      </p>
    </div>

    <div class="provider-grid">

      <div class="provider-card">
        <h3>Pragmatic Play</h3>
        <p>
          Pragmatic Play merupakan salah satu provider slot paling populer
          dengan berbagai permainan terkenal seperti Gates of Olympus,
          Sweet Bonanza, dan Starlight Princess.
        </p>
      </div>

      <div class="provider-card">
        <h3>PG Soft</h3>
        <p>
          PG Soft dikenal dengan permainan slot yang memiliki desain visual
          modern dan optimal di perangkat mobile, termasuk game seperti
          Mahjong Ways dan Lucky Neko.
        </p>
      </div>

      <div class="provider-card">
        <h3>Habanero</h3>
        <p>
          Habanero menghadirkan berbagai slot dengan mekanisme permainan
          yang cepat dan fitur bonus menarik seperti free spin serta
          multiplier kemenangan.
        </p>
      </div>

      <div class="provider-card">
        <h3>Microgaming</h3>
        <p>
          Microgaming merupakan salah satu pengembang permainan slot
          terbesar yang dikenal dengan berbagai game klasik serta
          sistem jackpot progresif.
        </p>
      </div>

      <div class="provider-card">
        <h3>Playtech</h3>
        <p>
          Playtech menyediakan berbagai permainan live casino dan slot
          digital dengan kualitas grafis tinggi serta pengalaman bermain
          yang interaktif.
        </p>
      </div>

      <div class="provider-card">
        <h3>Live Casino Provider</h3>
        <p>
          Beberapa provider live casino menghadirkan permainan seperti
          baccarat, roulette, dragon tiger, dan sicbo dengan dealer
          profesional melalui siaran video realtime.
        </p>
      </div>

    </div>

  </div>
</section>
<style>
    /* =========================
   PROVIDER SECTION
========================= */

.provider-section{
padding:80px 0;
background:#050805;
border-top:1px solid rgba(255,255,255,.05);
}

.provider-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.provider-card{
position:relative;
padding:24px;
border-radius:18px;

border:1px solid rgba(0,255,154,.12);

background:
radial-gradient(600px 120px at 50% 0%, rgba(0,255,170,.08), transparent 70%),
rgba(0,0,0,.35);

box-shadow:
0 0 18px rgba(0,255,154,.05),
inset 0 0 0 1px rgba(255,255,255,.02);

transition:.35s;
}

.provider-card:hover{
transform:translateY(-4px);
border-color:rgba(0,255,154,.25);
box-shadow:0 0 22px rgba(0,255,154,.18);
}

.provider-card h3{
font-size:1.05rem;
margin-bottom:8px;
color:#fff;
}

.provider-card p{
font-size:.9rem;
line-height:1.6;
color:rgba(255,255,255,.70);
}

/* responsive */

@media(max-width:900px){
.provider-grid{
grid-template-columns:1fr 1fr;
}
}

@media(max-width:600px){
.provider-grid{
grid-template-columns:1fr;
}
}
</style>

<section class="payment-section" id="payment-method">
  <div class="container">
    <div class="section-header">
      <h2>Metode <span>Transaksi</span></h2>
      <p>Deposit dan withdraw didukung berbagai bank, e-wallet, dan QRIS dengan status realtime.</p>
    </div>

    <div class="payment-card">
      <div class="payment-top">
        <div class="payment-badge">LIVE STATUS</div>
        <div class="payment-note">Bank &amp; E-Wallet tersedia 24 jam sesuai status layanan</div>
      </div>

      <div class="bank-container">
        <div class="bank">
          <div class="bank-frame">
            <div class="bank-box">
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/online.gif" alt="Online status" class="bank-status" />
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/bca.gif" alt="BCA" class="bank-logo" />
            </div>
          </div>
        </div>

        <div class="bank">
          <div class="bank-frame">
            <div class="bank-box">
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/online.gif" alt="Online status" class="bank-status" />
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/mandiri.webp" alt="Mandiri" class="bank-logo" />
            </div>
          </div>
        </div>

        <div class="bank">
          <div class="bank-frame">
            <div class="bank-box">
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/online.gif" alt="Online status" class="bank-status" />
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/bri.gif" alt="BRI" class="bank-logo" />
            </div>
          </div>
        </div>

        <div class="bank">
          <div class="bank-frame">
            <div class="bank-box">
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/online.gif" alt="Online status" class="bank-status" />
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/bni.gif" alt="BNI" class="bank-logo" />
            </div>
          </div>
        </div>

        <div class="bank">
          <div class="bank-frame">
            <div class="bank-box">
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/online.gif" alt="Online status" class="bank-status" />
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/ovo.gif" alt="OVO" class="bank-logo" />
            </div>
          </div>
        </div>

        <div class="bank">
          <div class="bank-frame">
            <div class="bank-box">
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/online.gif" alt="Online status" class="bank-status" />
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/gopay.gif" alt="Gopay" class="bank-logo" />
            </div>
          </div>
        </div>

        <div class="bank">
          <div class="bank-frame">
            <div class="bank-box">
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/online.gif" alt="Online status" class="bank-status" />
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/dana.gif" alt="Dana" class="bank-logo" />
            </div>
          </div>
        </div>

        <div class="bank">
          <div class="bank-frame">
            <div class="bank-box">
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/online.gif" alt="Online status" class="bank-status" />
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/linkaja.gif" alt="LinkAja" class="bank-logo" />
            </div>
          </div>
        </div>

        <div class="bank">
          <div class="bank-frame">
            <div class="bank-box">
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/online.gif" alt="Online status" class="bank-status" />
              <img src="https://ik.imagekit.io/ambon4d/GIF-AMP/qris.gif" alt="QRIS" class="bank-logo" />
            </div>
          </div>
        </div>
      </div>

      <div class="payment-info-row">
        <div class="payment-info-box">
          <strong>Minimal Deposit</strong>
          <span>Rp 10.000</span>
        </div>

        <div class="payment-info-box">
          <strong>Minimal Withdraw</strong>
          <span>Rp 50.000</span>
        </div>

        <div class="payment-info-box">
          <strong>Status Layanan</strong>
          <span>Realtime / 24 Jam</span>
        </div>
      </div>
    </div>
  </div>
</section>

<style>
    /* =========================
   PAYMENT / METODE TRANSAKSI
========================= */
.payment-section{
  padding: 80px 0;
  background: var(--bg-dark);
  border-top: 1px solid rgba(255,255,255,.06);
}

.payment-card{
  position: relative;
  border-radius: 18px;
  border: 1px solid rgba(0,255,154,.14);
  background:
    radial-gradient(900px 280px at 18% 0%, rgba(0,255,170,.12), transparent 60%),
    radial-gradient(900px 280px at 82% 110%, rgba(255,200,80,.06), transparent 60%),
    linear-gradient(180deg, rgba(5,18,12,.96), rgba(3,10,7,.94));
  box-shadow:
    0 18px 40px rgba(0,0,0,.55),
    0 0 22px rgba(0,255,154,.10);
  padding: 18px;
  overflow: hidden;
}

.payment-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border-radius:18px;
  background:
    linear-gradient(120deg,
      transparent 0%,
      rgba(0,255,154,.08) 20%,
      transparent 40%,
      rgba(0,255,154,.05) 60%,
      transparent 100%);
  mix-blend-mode: screen;
}

.payment-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.payment-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,255,154,.18);
  background: rgba(0,0,0,.28);
  color: var(--primary-green);
  font-family: var(--font-mono);
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .8px;
  text-transform: uppercase;
  box-shadow:
    0 0 16px rgba(0,255,154,.08),
    inset 0 0 0 1px rgba(255,255,255,.03);
}

.payment-note{
  color: rgba(255,255,255,.68);
  font-size: .92rem;
  font-weight: 600;
}

/* grid bank */
.bank-container{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

/* outer hitam */
.bank{
  position:relative;
  padding: 12px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, #0b0b0b 0%, #050505 100%);
  border: 1px solid rgba(255,255,255,.06);
  box-shadow:
    0 12px 28px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(255,255,255,.03);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  overflow: hidden;
}

.bank::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at top left, rgba(0,255,154,.10), transparent 35%),
    radial-gradient(circle at bottom right, rgba(0,255,154,.06), transparent 35%);
  opacity:.9;
}

.bank:hover{
  transform: translateY(-4px);
  border-color: rgba(0,255,154,.18);
  box-shadow:
    0 18px 34px rgba(0,0,0,.7),
    0 0 20px rgba(0,255,154,.10),
    inset 0 0 0 1px rgba(255,255,255,.04);
}

/* outline glow */
.bank-frame{
  position:relative;
  z-index:1;
  padding: 2px;
  border-radius: 14px;
  background:
    linear-gradient(135deg,
      rgba(0,255,154,.55) 0%,
      rgba(0,255,154,.18) 35%,
      rgba(255,255,255,.65) 50%,
      rgba(0,255,154,.20) 65%,
      rgba(0,255,154,.45) 100%);
  box-shadow:
    0 0 16px rgba(0,255,154,.14),
    0 0 28px rgba(0,255,154,.08);
}

/* box putih untuk logo */
.bank-box{
  min-height: 76px;
  border-radius: 12px;
  background: #ffffff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  padding: 12px 14px;
  position:relative;
  overflow:hidden;
}

.bank-box::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(245,245,245,1));
  pointer-events:none;
}

.bank-status,
.bank-logo{
  position:relative;
  z-index:1;
  display:block;
}

/* gif status */
.bank-status{
  width: 60px;
  min-width: 60px;
  height: 28px;
  object-fit: contain;
  filter: drop-shadow(0 0 6px rgba(0,255,154,.22));
}

/* logo bank */
.bank-logo{
  width: auto;
  max-width: 138px;
  max-height: 34px;
  object-fit: contain;
  margin-left: auto;
}

/* info bawah */
.payment-info-row{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 18px;
}

.payment-info-box{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.22);
  padding: 14px;
  text-align:center;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

.payment-info-box strong{
  display:block;
  margin-bottom:6px;
  color: rgba(255,255,255,.92);
  font-size: .82rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
}

.payment-info-box span{
  display:block;
  color: var(--primary-green);
  font-family: var(--font-mono);
  font-weight: 900;
  font-size: 1rem;
  text-shadow: 0 0 10px rgba(0,255,154,.18);
}

/* tablet */
@media (max-width: 900px){
  .bank-container{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .payment-info-row{
    grid-template-columns: 1fr;
  }
}

/* mobile */
@media (max-width: 560px){
  .payment-section{
    padding: 70px 0;
  }

  .payment-card{
    padding: 14px;
  }

  .payment-top{
    align-items: flex-start;
    margin-bottom: 14px;
  }

  .payment-badge{
    font-size: .76rem;
    min-height: 34px;
    padding: 7px 12px;
  }

  .payment-note{
    font-size: .84rem;
    line-height: 1.5;
  }

  .bank-container{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .bank{
    padding: 10px;
    border-radius: 16px;
  }

  .bank-frame{
    border-radius: 12px;
  }

  .bank-box{
    min-height: 68px;
    padding: 10px 12px;
    gap: 10px;
  }

  .bank-status{
    width: 54px;
    min-width: 54px;
    height: 24px;
  }

  .bank-logo{
    max-width: 112px;
    max-height: 28px;
  }

  .payment-info-box{
    padding: 12px;
  }

  .payment-info-box strong{
    font-size: .76rem;
  }

  .payment-info-box span{
    font-size: .94rem;
  }
}

.bank-logo{
  width: 120px;
  height: 32px;
  object-fit: contain;
  object-position: right center;
}



/* =====================================
   ANIMASI GLOW BERJALAN DI BORDER
===================================== */

.bank-frame{
  position: relative;
  padding: 2px;
  border-radius: 14px;
  overflow: hidden;
}

/* gradient glow berjalan */
.bank-frame::before{
  content: "";
  position: absolute;
  inset: -40%;

  background: conic-gradient(
    from 0deg,
    transparent,
    rgba(0,255,154,.9),
    rgba(0,255,154,.6),
    transparent 40%
  );

  animation: borderGlowSpin 4s linear infinite;

  filter: blur(10px);
  opacity: .9;
}

/* lapisan agar glow tidak menutupi isi */
.bank-frame::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:12px;
  background:#ffffff;
  z-index:1;
}

/* isi box di atas layer */
.bank-box{
  position: relative;
  z-index: 2;
  background:#fff;
  border-radius:12px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* animasi */
@keyframes borderGlowSpin{
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}

</style>

<section class="app-download-section tv-reveal" id="app-download">
  <div class="container">
    <div class="section-header">
      <h2>Download <span>Aplikasi</span></h2>
      <p>Akses lebih cepat & stabil lewat aplikasi. Scan atau download sekarang.</p>
    </div>

    <div class="app-download-card">
      <div class="app-media tv-screen">
        <img
          src="https://ik.imagekit.io/ambon4d/GIF-AMP/Untitled%20new.webp"
          alt="Download Aplikasi"
          loading="lazy"
        />
        <div class="tv-scanlines" aria-hidden="true"></div>
        <div class="tv-glare" aria-hidden="true"></div>
      </div>

      <div class="app-info">
        <h3>AMBON4D APP</h3>
        <p>
          Nikmati pengalaman lebih mulus di mobile. Notifikasi update, akses cepat, dan tampilan nyaman.
        </p>

        <div class="app-actions">
          <a href="https://bit.ly/Ambon4d" class="btn btn-primary">Download Sekarang</a>
          <a href="#help" class="btn btn-outline">Panduan Instalasi</a>
        </div>

        <div class="app-notes">
          <div class="note-chip">Android</div>
          <div class="note-chip">iOS</div>
          <div class="note-chip">Update Otomatis</div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- FAQ SECTION -->
<section class="faq-section" id="faq">
  <div class="container">
    <div class="section-header">
      <h2>FAQ <span>AMBON4D</span></h2>
      <p>Pertanyaan yang sering diajukan pengguna seputar platform togel online, situs toto, slot gacor, dan akses permainan.</p>
    </div>

    <div class="faq-wrap" id="faqWrap">

      <button class="faq-item" type="button">
        <div class="faq-q">
          <span>Bagaimana cara daftar akun dan login di AMBON4D?</span>
          <i class="faq-ico">+</i>
        </div>
        <div class="faq-a">
          <p>Gunakan tombol <strong>Daftar</strong> di halaman utama, isi data lengkap dan valid. Setelah itu, login dengan akun yang sudah dibuat. Pastikan menggunakan <strong>link resmi atau link alternatif AMBON4D</strong> agar akses stabil dan aman.</p>
        </div>
      </button>

      <button class="faq-item" type="button">
        <div class="faq-q">
          <span>Mengapa terkadang situs toto atau slot gacor sulit diakses?</span>
          <i class="faq-ico">+</i>
        </div>
        <div class="faq-a">
          <p>Akses bisa terganggu karena ISP memblokir atau jaringan kurang stabil. Solusinya: gunakan <strong>link alternatif AMBON4D</strong>, ganti DNS, atau bersihkan cache browser. Platform menyediakan beberapa alternatif untuk memastikan akses semua pasaran togel dan slot gacor tetap lancar.</p>
        </div>
      </button>

      <button class="faq-item" type="button">
        <div class="faq-q">
          <span>Metode deposit dan withdraw apa saja yang tersedia?</span>
          <i class="faq-ico">+</i>
        </div>
        <div class="faq-a">
          <p>AMBON4D mendukung berbagai metode transaksi, termasuk <strong>transfer bank lokal, e-wallet, dan QRIS</strong> dengan status realtime. Minimal deposit mulai dari Rp 10.000 dan minimal withdraw dari Rp 50.000, sehingga transaksi aman dan cepat untuk bermain togel online, slot gacor, dan live casino.</p>
        </div>
      </button>

      <button class="faq-item" type="button">
        <div class="faq-q">
          <span>Apakah customer service aktif 24 jam?</span>
          <i class="faq-ico">+</i>
        </div>
        <div class="faq-a">
          <p>Ya, customer support AMBON4D aktif 24 jam setiap hari. Kamu bisa menghubungi melalui <strong>Live Chat, WhatsApp, atau Form Kontak</strong> untuk bantuan seputar akun, deposit, withdraw, atau informasi pasaran togel dan slot gacor terbaru.</p>
        </div>
      </button>

      <button class="faq-item" type="button">
        <div class="faq-q">
          <span>Bagaimana menjaga akun tetap aman saat bermain di platform?</span>
          <i class="faq-ico">+</i>
        </div>
        <div class="faq-a">
          <p>Pastikan menggunakan password kuat, jangan bagikan OTP, hindari login dari perangkat publik, dan aktifkan <strong>verifikasi tambahan jika tersedia</strong>. Ini penting untuk menjaga akun aman saat bermain togel online, slot gacor, dan live casino di AMBON4D.</p>
        </div>
      </button>

      <button class="faq-item" type="button">
        <div class="faq-q">
          <span>Apakah AMBON4D menyediakan informasi RTP slot dan pola slot gacor?</span>
          <i class="faq-ico">+</i>
        </div>
        <div class="faq-a">
          <p>Ya, platform menampilkan <strong>RTP slot live dan data pola slot gacor</strong> secara realtime. Dengan informasi ini, pemain bisa memantau performa permainan, memilih game dengan RTP tinggi, dan meningkatkan pengalaman bermain di situs toto dan slot gacor AMBON4D.</p>
        </div>
      </button>

      <button class="faq-item" type="button">
        <div class="faq-q">
          <span>Bagaimana cara mengikuti berbagai pasaran togel internasional?</span>
          <i class="faq-ico">+</i>
        </div>
        <div class="faq-a">
          <p>AMBON4D menyediakan pasaran resmi seperti Hongkong Pools, Singapore 4D, Sydney, Toto Macau, Japan Pools, dan lainnya. Pastikan selalu cek <strong>jadwal result resmi</strong> agar pemasangan angka tepat waktu dan hasil dapat dipantau secara realtime.</p>
        </div>
      </button>

    </div>
  </div>
</section>

<!-- REVIEWS SECTION -->
<section class="reviews-section" id="reviews">
  <div class="container">
    <div class="section-header">
      <h2>Ulasan <span>Member</span></h2>
      <p>Beberapa review terbaru dari pengguna AMBON4D yang menilai pengalaman bermain, akses, dan fitur platform.</p>
    </div>

    <div class="reviews-card">
      <div class="reviews-head">
        <div class="reviews-score">
          <div class="rs-big">4.5</div>
          <div class="rs-meta">
            <div class="rs-stars">★★★★☆</div>
            <div class="rs-count">Berdasarkan 1.1K ulasan</div>
          </div>
        </div>

        <div class="reviews-badges">
          <span class="rb">Cepat</span>
          <span class="rb">Stabil</span>
          <span class="rb">Responsif</span>
        </div>
      </div>

      <div class="reviews-track" id="reviewsTrack" aria-label="Reviews carousel">
        
        <article class="review">
          <div class="rv-top">
            <span class="rv-name">Rizky – Jakarta</span>
            <span class="rv-stars">★★★★☆</span>
          </div>
          <p class="rv-text">Servernya stabil, rolling result togel cepat, dan jadwal pasaran gampang dibaca. Mantap buat main slot gacor juga.</p>
          <div class="rv-foot">
            <span class="rv-tag">Verified</span>
            <span class="rv-date">Baru saja</span>
          </div>
        </article>

        <article class="review">
          <div class="rv-top">
            <span class="rv-name">Sinta – Bandung</span>
            <span class="rv-stars">★★★★★</span>
          </div>
          <p class="rv-text">Tampilan UI enak dilihat, akses ke live casino lancar, dan RTP slot terlihat jelas. Paling suka fitur free spin dan jackpot progresif.</p>
          <div class="rv-foot">
            <span class="rv-tag">Top</span>
            <span class="rv-date">Hari ini</span>
          </div>
        </article>

        <article class="review">
          <div class="rv-top">
            <span class="rv-name">Budi – Surabaya</span>
            <span class="rv-stars">★★★☆☆</span>
          </div>
          <p class="rv-text">Deposit cepat masuk, tapi sempat sedikit lag saat pas main slot gacor. Secara keseluruhan masih oke untuk mobile.</p>
          <div class="rv-foot">
            <span class="rv-tag">Mobile</span>
            <span class="rv-date">Kemarin</span>
          </div>
        </article>

        <article class="review">
          <div class="rv-top">
            <span class="rv-name">Dewi – Medan</span>
            <span class="rv-stars">★★★★☆</span>
          </div>
          <p class="rv-text">Live casino dengan dealer real-time seru, UI rapi, dan navigasi mudah. Kadang loading sedikit lama, tapi masih nyaman dimainkan.</p>
          <div class="rv-foot">
            <span class="rv-tag">Live</span>
            <span class="rv-date">Minggu ini</span>
          </div>
        </article>

        <article class="review">
          <div class="rv-top">
            <span class="rv-name">Agus – Makassar</span>
            <span class="rv-stars">★★★★★</span>
          </div>
          <p class="rv-text">Pasang angka togel online gampang, link alternatif selalu aktif. RTP slot yang ditampilkan membantu saya memilih game yang gacor.</p>
          <div class="rv-foot">
            <span class="rv-tag">Verified</span>
            <span class="rv-date">2 hari lalu</span>
          </div>
        </article>

        <article class="review">
          <div class="rv-top">
            <span class="rv-name">Nina – Yogyakarta</span>
            <span class="rv-stars">★★★★☆</span>
          </div>
          <p class="rv-text">Fitur panel informasi lengkap, mulai dari pasaran, RTP slot, hingga jadwal live casino. Sangat membantu pemain baru seperti saya.</p>
          <div class="rv-foot">
            <span class="rv-tag">UI</span>
            <span class="rv-date">Kemarin</span>
          </div>
        </article>

      </div>

      <div class="reviews-actions">
        <button class="rv-btn" type="button" data-rv="prev">‹</button>
        <button class="rv-btn" type="button" data-rv="next">›</button>
      </div>
    </div>
  </div>
</section>
<style>
    /* =========================
   FAQ
========================= */
.faq-section{
  padding: 80px 0;
  background: var(--bg-dark);
  border-top: 1px solid rgba(255,255,255,.06);
}

.faq-wrap{
  max-width: 980px;
  margin: 0 auto;
  display: grid;
  gap: 12px;
}

.faq-item{
  width: 100%;
  text-align: left;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  transition: var(--transition);
}

.faq-item:hover{
  border-color: rgba(0,255,154,.22);
  box-shadow: 0 0 18px rgba(0,255,154,.08);
  transform: translateY(-1px);
}

.faq-q{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 14px 16px;
  font-weight: 900;
  letter-spacing: .2px;
  color: rgba(255,255,255,.92);
  text-transform: uppercase;
}

.faq-ico{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid rgba(0,255,154,.18);
  background: rgba(0,0,0,.25);
  display:flex;
  align-items:center;
  justify-content:center;
  font-style: normal;
  font-weight: 900;
  color: var(--primary-green);
  transition: 220ms ease;
}

.faq-a{
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 300ms ease, opacity 260ms ease;
  border-top: 1px solid rgba(255,255,255,.08);
}

.faq-a p{
  margin: 0;
  padding: 12px 16px 16px;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
  text-transform: none;
  font-weight: 600;
}

/* open state */
.faq-item.is-open .faq-a{
  max-height: 220px; /* cukup untuk 2-3 baris */
  opacity: 1;
}
.faq-item.is-open .faq-ico{
  transform: rotate(45deg);
  box-shadow: 0 0 18px rgba(0,255,154,.10);
}

/* =========================
   REVIEWS
========================= */
.reviews-section{
  padding: 80px 0;
  background: var(--bg-dark);
  border-top: 1px solid rgba(255,255,255,.06);
}

.reviews-card{
  border-radius: 18px;
  border: 1px solid rgba(0,255,154,.14);
  background:
    radial-gradient(900px 280px at 18% 0%, rgba(0,255,170,.10), transparent 60%),
    linear-gradient(180deg, rgba(5,18,12,.96), rgba(3,10,7,.94));
  box-shadow: 0 18px 40px rgba(0,0,0,.55), 0 0 22px rgba(0,255,154,.10);
  padding: 16px;
  overflow: hidden;
}

.reviews-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.reviews-score{
  display:flex;
  align-items:center;
  gap: 12px;
}
.rs-big{
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace);
  font-weight: 900;
  font-size: 2.1rem;
  color: rgba(255,255,255,.95);
}
.rs-stars{
  color: var(--primary-green);
  font-weight: 900;
  letter-spacing: 1px;
}
.rs-count{
  color: rgba(255,255,255,.65);
  font-size: .85rem;
  font-weight: 700;
}

.reviews-badges{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}
.rb{
  border: 1px solid rgba(0,255,154,.18);
  background: rgba(0,0,0,.25);
  color: rgba(255,255,255,.85);
  padding: 7px 10px;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 900;
}

.reviews-track{
  display:flex;
  gap: 10px;
  overflow: auto;
  scroll-behavior: smooth;
  padding-bottom: 10px;
  scrollbar-width: none;
}
.reviews-track::-webkit-scrollbar{ display:none; }

.review{
  flex: 0 0 320px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  padding: 14px;
}
.rv-top{
  display:flex;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.rv-name{
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .25px;
  color: rgba(255,255,255,.92);
}
.rv-stars{
  color: var(--primary-green);
  font-weight: 900;
}
.rv-text{
  margin: 0 0 10px;
  color: rgba(255,255,255,.72);
  line-height: 1.55;
  font-weight: 650;
}
.rv-foot{
  display:flex;
  justify-content:space-between;
  gap: 10px;
  color: rgba(255,255,255,.60);
  font-size: .78rem;
}
.rv-tag{
  color:#000;
  background: var(--primary-green);
  border-radius: 999px;
  padding: 3px 8px;
  font-weight: 900;
}

.reviews-actions{
  display:flex;
  justify-content:center;
  gap: 10px;
  margin-top: 10px;
}
.rv-btn{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(0,255,154,.18);
  background: rgba(0,0,0,.30);
  color: rgba(255,255,255,.9);
  font-weight: 900;
  cursor: pointer;
  transition: var(--transition);
}
.rv-btn:hover{
  border-color: rgba(0,255,154,.35);
  box-shadow: 0 0 18px rgba(0,255,154,.10);
  transform: translateY(-1px);
}

@media (max-width: 560px){
  .review{ flex-basis: 86%; }
}
</style>
<style>
    .app-download-section{
  padding: 70px 0;
  background: var(--bg-dark);
}

/* kartu utama */
.app-download-card{
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  border-radius: 18px;
  border: 1px solid rgba(0,255,154,.14);
  background:
    radial-gradient(900px 280px at 18% 0%, rgba(0,255,170,.12), transparent 60%),
    radial-gradient(900px 280px at 82% 110%, rgba(255,200,80,.08), transparent 60%),
    linear-gradient(180deg, rgba(5,18,12,.96), rgba(3,10,7,.94));
  box-shadow: 0 18px 40px rgba(0,0,0,.55), 0 0 22px rgba(0,255,154,.10);
  padding: 16px;
  overflow: hidden;
}

/* sisi gambar */
.app-media{
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.35);
  min-height: 320px;
}
.app-media img{
  width: 100%;
  height: 100%;
  display:block;
  object-fit: cover;
  transform: translateZ(0);
}

/* scanlines + glare */
.tv-scanlines{
  position:absolute; inset:0;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.06) 0px,
      rgba(255,255,255,.06) 1px,
      rgba(0,0,0,0) 3px,
      rgba(0,0,0,0) 6px
    );
  opacity: .0; /* muncul saat reveal */
  pointer-events:none;
  mix-blend-mode: overlay;
}
.tv-glare{
  position:absolute; inset:-20%;
  background: radial-gradient(closest-side at 30% 20%, rgba(255,255,255,.18), transparent 55%);
  opacity: 0;
  pointer-events:none;
  transform: rotate(-10deg);
}

/* sisi teks */
.app-info{
  padding: 8px 6px;
}
.app-info h3{
  margin: 0 0 8px;
  font-weight: 900;
  letter-spacing: .35px;
  text-transform: uppercase;
  color: rgba(255,255,255,.92);
}
.app-info p{
  margin: 0 0 14px;
  color: rgba(255,255,255,.72);
  line-height: 1.55;
}
.app-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.app-notes{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}
.note-chip{
  border: 1px solid rgba(0,255,154,.18);
  background: rgba(0,0,0,.25);
  color: rgba(255,255,255,.85);
  padding: 7px 10px;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 800;
}

/* =========================
   TV REVEAL EFFECT
========================= */
.tv-reveal{
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .6s ease, transform .6s ease;
}

/* awal screen “mati” */
.tv-reveal .tv-screen{
  filter: brightness(.35) contrast(1.1) saturate(.9);
}
.tv-reveal .tv-screen img{
  transform: scale(1.02);
  opacity: .0;
}

/* saat masuk viewport */
.tv-reveal.is-on{
  opacity: 1;
  transform: translateY(0);
}

/* animasi TV nyala */
.tv-reveal.is-on .tv-screen{
  animation: tvPowerOn 900ms ease-out both;
}
.tv-reveal.is-on .tv-screen img{
  opacity: 1;
  animation: tvImagePop 900ms ease-out both;
}
.tv-reveal.is-on .tv-scanlines{
  opacity: .22;
  animation: tvScanMove 1.2s linear infinite;
}
.tv-reveal.is-on .tv-glare{
  opacity: .85;
  animation: tvGlare 2.4s ease-in-out infinite;
}

/* keyframes */
@keyframes tvPowerOn{
  0%   { filter: brightness(.25) contrast(1.2); transform: scaleY(.05) scaleX(1.02); }
  35%  { filter: brightness(2.2) contrast(1.3); transform: scaleY(.12) scaleX(1.02); }
  55%  { filter: brightness(1.2) contrast(1.2); transform: scaleY(1.03) scaleX(1.01); }
  100% { filter: brightness(1) contrast(1.05); transform: scaleY(1) scaleX(1); }
}
@keyframes tvImagePop{
  0%   { transform: scale(1.02); filter: blur(2px); }
  45%  { transform: scale(1.02); filter: blur(.8px); }
  100% { transform: scale(1.00); filter: blur(0); }
}
@keyframes tvScanMove{
  0% { transform: translateY(0); }
  100% { transform: translateY(14px); }
}
@keyframes tvGlare{
  0%,100%{ transform: rotate(-10deg) translate(0,0); opacity:.55; }
  50%{ transform: rotate(-10deg) translate(18px,8px); opacity:.85; }
}

/* responsive */
@media (max-width: 900px){
  .app-download-card{ grid-template-columns: 1fr; }
  .app-media{ min-height: 280px; }
}

/* reduce motion */
@media (prefers-reduced-motion: reduce){
  .tv-reveal, .tv-reveal *{ animation: none !important; transition: none !important; }
  .tv-reveal{ opacity: 1; transform: none; }
  .tv-reveal .tv-screen img{ opacity: 1; }
}
</style>
<script>
(() => {
  const el = document.querySelector(".tv-reveal");
  if (!el) return;

  const io = new IntersectionObserver((entries) => {
    entries.forEach((e) => {
      if (e.isIntersecting) {
        el.classList.add("is-on");
        io.unobserve(el); // nyala sekali saja
      }
    });
  }, { threshold: 0.35 });

  io.observe(el);
})();
</script>
<style>
    /* WRAP DETAIL */
.game-detail-wrap{ padding: 0 0 80px; background: var(--bg-dark); }
.game-detail-panel{
  margin-top: 18px;
  border-radius: 16px;
  border: 1px solid rgba(0,255,154,.14);
  background:
    radial-gradient(900px 280px at 18% 0%, rgba(0,255,170,.12), transparent 60%),
    radial-gradient(900px 280px at 82% 110%, rgba(255,200,80,.08), transparent 60%),
    linear-gradient(180deg, rgba(5,18,12,.96), rgba(3,10,7,.94));
  box-shadow: 0 18px 40px rgba(0,0,0,.55), 0 0 22px rgba(0,255,154,.10);
  padding: 18px;
  position: relative;
  overflow: hidden;

  opacity: 0;
  transform: translateY(10px);
  transition: opacity .35s ease, transform .35s ease;
}
.game-detail-panel.is-open{
  opacity: 1;
  transform: translateY(0);
}

.detail-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom: 10px;
}
.detail-head h3{
  margin:0;
  font-size: 1.2rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing:.4px;
}
.detail-head h3 span{ color: var(--primary-green); }

.detail-close{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.35);
  color: rgba(255,255,255,.9);
  width: 38px; height: 38px;
  border-radius: 12px;
  cursor: pointer;
  transition: var(--transition);
}
.detail-close:hover{
  border-color: rgba(0,255,154,.35);
  box-shadow: 0 0 18px rgba(0,255,154,.12);
  transform: translateY(-1px);
}

.detail-desc{
  color: rgba(255,255,255,.78);
  margin: 0 0 14px;
  line-height: 1.55;
}

/* MARKET GRID */
.market-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}

.market-card{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.28);
  padding: 12px;
  position: relative;
  overflow:hidden;
  transition: var(--transition);
}
.market-card:hover{
  border-color: rgba(0,255,154,.25);
  box-shadow: 0 0 18px rgba(0,255,154,.10);
  transform: translateY(-2px);
}

.mc-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom: 8px;
}
.mc-name{
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
  font-size: .9rem;
}
.mc-time{
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace);
  font-weight: 900;
  color: var(--primary-green);
  font-size: .9rem;
  white-space: nowrap;
}
.mc-days{
  font-size: .78rem;
  color: rgba(255,255,255,.65);
  margin: 0 0 10px;
}

.mc-count{
  border-radius: 12px;
  border: 1px solid rgba(0,255,154,.18);
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.18));
  padding: 10px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.mc-label{
  font-size: .78rem;
  color: rgba(255,255,255,.70);
}
.mc-timer{
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace);
  font-weight: 900;
  color: rgba(255,255,255,.92);
  letter-spacing: .6px;
}
.mc-live{
  color: #000;
  background: var(--primary-green);
  font-weight: 900;
  font-size: .72rem;
  padding: 4px 8px;
  border-radius: 999px;
  white-space:nowrap;
  box-shadow: 0 0 18px rgba(0,255,154,.18);
}

/* iframe frame */
.iframe-frame{
  border-radius: 16px;
  overflow:hidden;
  border: 1px solid rgba(0,255,154,.16);
  background: rgba(0,0,0,.25);
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}
.iframe-frame iframe{
  width:100%;
  height: 520px;
  border:0;
  display:block;
}

/* live casino cards */
.detail-two{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.detail-card{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
  padding: 14px;
}
.detail-card h4{
  margin:0 0 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing:.35px;
  color: rgba(255,255,255,.92);
}
.detail-list{
  margin:0;
  padding-left: 16px;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
}

/* result widget */
.result-widget{
  margin-top: 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  padding: 14px;
}
.result-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.result-head h4{
  margin:0;
  font-weight: 900;
  letter-spacing:.35px;
}
.result-head p{ margin:6px 0 0; color: rgba(255,255,255,.65); font-size:.85rem; }
.result-filter select{
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(0,255,154,.18);
  color: rgba(255,255,255,.9);
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
}
.result-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}
.result-item{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  padding: 12px;
}
.ri-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color: rgba(255,255,255,.75);
  font-size:.78rem;
}
.ri-market{ font-weight: 900; text-transform: uppercase; letter-spacing:.3px; }
.ri-num{
  margin: 10px 0 8px;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace);
  font-weight: 900;
  font-size: 1.4rem;
  letter-spacing: 1px;
  color: rgba(255,255,255,.92);
}
.ri-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color: rgba(255,255,255,.65);
  font-size:.78rem;
}
.ri-tag{
  color:#000;
  background: var(--primary-green);
  border-radius:999px;
  padding: 3px 8px;
  font-weight:900;
}

/* responsive */
@media (max-width: 900px){
  .market-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .result-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .detail-two{ grid-template-columns: 1fr; }
}
@media (max-width: 560px){
  .market-grid{ grid-template-columns: 1fr; }
  .result-grid{ grid-template-columns: 1fr; }
  .iframe-frame iframe{ height: 480px; }
}
</style>
<script>
(function(){
  const TZ = "Asia/Jakarta"; // WIB
  const RESULT_WINDOW_MINUTES = 6; // berapa menit status "WAKTU RESULT TIBA"

  const panels = ["panel-togel","panel-slot","panel-casino"].map(id => document.getElementById(id)).filter(Boolean);
  const cards  = document.querySelectorAll(".games-grid .game-card[data-panel]");
  const marketGrid = document.getElementById("marketGrid");

  // Jadwal (WIB)
  const markets = [
    { key:"CAMBODIA", time:"11:50", days:"DAILY", note:"Result setiap hari" },
    { key:"TOTO MACAU P1", time:"13:00", days:"DAILY", note:"Result setiap hari" },
    { key:"SYDNEY LOTTO", time:"13:50", days:"DAILY", note:"Result setiap hari" },
    { key:"TOTO MACAU 5D P1", time:"15:15", days:"DAILY", note:"Result setiap hari" },
    { key:"CHINA POOLS", time:"15:30", days:"DAILY", note:"Result setiap hari" },
    { key:"TOTO MACAU P2", time:"16:00", days:"DAILY", note:"Result setiap hari" },
    { key:"JAPAN POOLS", time:"17:20", days:"DAILY", note:"Result setiap hari" },

    // Singapore special
    { key:"SINGAPORE TOTO", time:"17:45", days:"MON_THU", note:"Senin & Kamis" },
    { key:"SINGAPORE 4D", time:"17:45", days:"THU_SAT_SUN", note:"Kamis, Sabtu, Minggu" },

    { key:"TOTO MACAU P3", time:"19:00", days:"DAILY", note:"Result setiap hari" },
    { key:"TAIWAN LOTTO", time:"20:45", days:"DAILY", note:"Result setiap hari" },
    { key:"TOTO MACAU 5D P2", time:"21:15", days:"DAILY", note:"Result setiap hari" },
    { key:"TOTO MACAU P4", time:"22:00", days:"DAILY", note:"Result setiap hari" },
    { key:"HONGKONG LOTTO", time:"22:50", days:"DAILY", note:"Result setiap hari" },
    { key:"TOTO MACAU P5", time:"23:00", days:"DAILY", note:"Result setiap hari" },
    { key:"TOTO MACAU P6", time:"00:01", days:"DAILY", note:"Result setiap hari" },
  ];

  // ===== Panel open/close =====
  function closeAll(){
    panels.forEach(p => {
      p.classList.remove("is-open");
      p.hidden = true;
    });
  }

  function openPanel(id){
    const el = document.getElementById(id);
    if(!el) return;
    closeAll();
    el.hidden = false;
    requestAnimationFrame(() => el.classList.add("is-open"));
    el.scrollIntoView({ behavior:"smooth", block:"start" });
  }

  cards.forEach(card => {
    card.addEventListener("click", () => openPanel(card.dataset.panel));
  });

  document.addEventListener("click", (e) => {
    const btn = e.target.closest("[data-close]");
    if(!btn) return;
    closeAll();
  });

  // ===== Helpers WIB time =====
  function nowInJakarta(){
    // ambil "now" tapi dibaca di timezone Asia/Jakarta
    const parts = new Intl.DateTimeFormat("en-CA", {
      timeZone: TZ, year:"numeric", month:"2-digit", day:"2-digit",
      hour:"2-digit", minute:"2-digit", second:"2-digit", hour12:false
    }).formatToParts(new Date());

    const get = (t) => parts.find(p => p.type===t)?.value;
    const y = +get("year"), m = +get("month"), d = +get("day");
    const hh = +get("hour"), mm = +get("minute"), ss = +get("second");
    // buat Date "naive" (lokal browser) tapi nilainya mengikuti WIB parts
    return new Date(y, m-1, d, hh, mm, ss);
  }

  function parseTimeToDate(baseDate, hm){
    const [H, M] = hm.split(":").map(Number);
    return new Date(baseDate.getFullYear(), baseDate.getMonth(), baseDate.getDate(), H, M, 0);
  }

  function dayAllowed(d, rule){
    // d = Date dalam WIB-naive
    const dow = d.getDay(); // 0 Sun ... 6 Sat
    if(rule === "DAILY") return true;
    if(rule === "MON_THU") return dow === 1 || dow === 4;
    if(rule === "THU_SAT_SUN") return dow === 4 || dow === 6 || dow === 0;
    return true;
  }

  function nextOccurrence(m){
    const now = nowInJakarta();

    // coba hari ini dulu
    let cand = parseTimeToDate(now, m.time);
    if(!dayAllowed(cand, m.days) || cand.getTime() < now.getTime()){
      // cari hari berikutnya yang valid
      for(let i=1;i<=14;i++){
        const nd = new Date(now.getFullYear(), now.getMonth(), now.getDate()+i, 0,0,0);
        const c2 = parseTimeToDate(nd, m.time);
        if(dayAllowed(c2, m.days)) { cand = c2; break; }
      }
    }
    return cand;
  }

  function fmtCountdown(ms){
    const s = Math.max(0, Math.floor(ms/1000));
    const hh = String(Math.floor(s/3600)).padStart(2,"0");
    const mm = String(Math.floor((s%3600)/60)).padStart(2,"0");
    const ss = String(s%60).padStart(2,"0");
    return `${hh}:${mm}:${ss}`;
  }

  // ===== Render market cards (Togel panel) =====
  function renderMarkets(){
    if(!marketGrid) return;
    marketGrid.innerHTML = markets.map((m, idx) => `
      <div class="market-card" data-midx="${idx}">
        <div class="mc-top">
          <div>
            <div class="mc-name">${m.key}</div>
            <div class="mc-days">${m.note} • ${m.days === "DAILY" ? "Setiap Hari" : m.note}</div>
          </div>
          <div class="mc-time">${m.time} WIB</div>
        </div>

        <div class="mc-count">
          <div class="mc-label">Menuju result</div>
          <div class="mc-timer" data-timer>--:--:--</div>
          <div class="mc-live" data-live hidden>WAKTU RESULT TIBA</div>
        </div>
      </div>
    `).join("");
  }

  // ===== Countdown loop =====
  function tick(){
    const now = nowInJakarta();

    document.querySelectorAll(".market-card").forEach(card => {
      const idx = +card.dataset.midx;
      const m = markets[idx];
      const timerEl = card.querySelector("[data-timer]");
      const liveEl  = card.querySelector("[data-live]");
      if(!m || !timerEl || !liveEl) return;

      const next = nextOccurrence(m);
      const diff = next.getTime() - now.getTime();

      // jika sudah melewati tapi masih dalam window "result tiba"
      // caranya: cek occurrence hari ini/jadwal terdekat sebelum now
      const todayOcc = parseTimeToDate(now, m.time);
      const isTodayAllowed = dayAllowed(todayOcc, m.days);
      const windowMs = RESULT_WINDOW_MINUTES * 60 * 1000;

      const inResultWindow = isTodayAllowed && (now.getTime() >= todayOcc.getTime()) && (now.getTime() <= todayOcc.getTime() + windowMs);

      if(inResultWindow){
        liveEl.hidden = false;
        timerEl.textContent = "—";
      } else {
        liveEl.hidden = true;
        timerEl.textContent = fmtCountdown(diff);
      }
    });
  }

  // init
  renderMarkets();
  tick();
  setInterval(tick, 1000);
})();
</script>

    <!-- Official Partners -->
    

    <!-- SEO Content Section -->
    <section class="seo-content">
  <div class="container content-wrapper">

    <h2>Kenapa Memilih <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">AMBON4D</a> Sebagai <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">Platform Togel Online</a> dan <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">Situs Toto & Slot Gacor</a> Terintegrasi?</h2>

    <p>
      <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">AMBON4D</a> merupakan <strong>platform togel online terpercaya</strong> dengan jaringan <strong>situs toto</strong> dan <strong>slot gacor</strong> terintegrasi. Setiap anggota dapat menikmati akses permainan lengkap dari berbagai kategori, mulai dari <em>togel online pasaran resmi</em>, <em>toto slot dengan RTP tinggi</em>, hingga <em>live casino real-time</em>. Sistem kami stabil, transaksi cepat, dan pengalaman bermain didesain aman serta nyaman setiap hari.
    </p>

    <p>
      Dengan fokus pada transparansi dan keadilan, <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">AMBON4D</a> menghadirkan mekanisme permainan yang mudah dipahami, panel informasi yang rapi, serta update hasil dan RTP secara realtime. Semua ini mendukung pengguna untuk membuat keputusan taruhan lebih cerdas, baik pada togel online maupun slot gacor favorit.
    </p>

    <h3>1. Pasaran Togel Online Terlengkap & Resmi</h3>
    <p>
      Platform <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">togel online</a> kami menyediakan pasaran internasional resmi seperti Hongkong Pools, Togel Singapore (SGP), Togel Sydney (SDY), dan berbagai pasaran populer lainnya. Member dapat memasang angka keberuntungan, memantau jadwal result, dan melihat history result dengan mudah melalui satu dashboard terintegrasi.
    </p>

    <h3>2. Toto Slot Paling Adil dengan RTP Tinggi</h3>
    <p>
      Bagi penggemar <strong>slot gacor</strong>, <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">AMBON4D</a> bekerja sama dengan provider ternama dunia. Semua putaran dijalankan menggunakan sistem RNG (Random Number Generator), menjamin setiap permainan adil dan transparan. RTP slot yang terlihat secara realtime membantu pemain memilih game dengan peluang menang tinggi.
    </p>

    <h3>3. Jaringan Situs Toto Terintegrasi</h3>
    <p>
      Melalui jaringan <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">situs toto</a> yang terhubung, anggota dapat mengakses berbagai kategori game dengan satu akun. Ini membuat pengalaman bermain lebih praktis, aman, dan efisien tanpa perlu berpindah-pindah situs. Semua aktivitas, mulai dari transaksi, cek pasaran, hingga klaim kemenangan, dilakukan secara cepat dan terstruktur.
    </p>

    <h3>4. Keamanan & Kenyamanan Bermain</h3>
    <p>
      Keamanan menjadi prioritas utama di <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">AMBON4D</a>. Dengan sistem proteksi akun, enkripsi transaksi, dan monitoring aktif 24 jam, pengguna dapat bermain togel online, slot gacor, dan live casino tanpa khawatir masalah keamanan. Selain itu, tampilan responsif di mobile maupun desktop membuat navigasi nyaman dan intuitif.
    </p>

    <h3>5. Update Realtime & Informasi Lengkap</h3>
    <p>
      Semua data, mulai dari jadwal pasaran togel, RTP slot, hingga informasi live casino diperbarui secara <em>realtime</em>. Panel informasi disusun agar mudah dibaca, membantu pemain baru maupun berpengalaman untuk memanfaatkan peluang permainan dengan optimal. Ini menjadikan <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">AMBON4D</a> platform yang lengkap dan profesional.
    </p>

    <p>
      Dengan kombinasi <strong>platform togel online terpercaya</strong>, <strong>situs toto terintegrasi</strong>, dan <strong>slot gacor dengan RTP tinggi</strong>, <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">AMBON4D</a> siap memberikan pengalaman bermain yang menyenangkan, aman, dan menguntungkan bagi setiap anggota setiap hari.
    </p>

  </div>
</section>
<section id="partners" class="partners-bar">
        <div class="container">
            <div class="partners-title">OFFICIAL GAME PARTNERS</div>
            <div class="partners-grid">
                <div class="partner-logo"><img src="https://ik.imagekit.io/ambon4d/assets/pragmatic.png" alt="Pragmatic Play"></div>
                <div class="partner-logo"><img src="https://ik.imagekit.io/ambon4d/assets/pgsoft.png" alt="PG Soft"></div>
                <div class="partner-logo"><img src="https://ik.imagekit.io/ambon4d/assets/habanero.png" alt="Habanero"></div>
                <div class="partner-logo"><img src="https://ik.imagekit.io/ambon4d/assets/playstar.png" alt="Playstar"></div>
                <div class="partner-logo"><img src="https://ik.imagekit.io/ambon4d/assets/playtech.png" alt="Playtech"></div>
                <div class="partner-logo"><img src="https://ik.imagekit.io/ambon4d/assets/microgaming.png" alt="Microgaming"></div>
                <div class="partner-logo"><img src="https://ik.imagekit.io/ambon4d/assets/nolimitcity.png" alt="NoLimit City"></div>
                <div class="partner-logo"><img src="https://ik.imagekit.io/ambon4d/assets/fatpanda.png" alt="Fat Panda"></div>
                <div class="partner-logo"><img src="https://ik.imagekit.io/ambon4d/assets/5ggames.png" alt="5G Gaming"></div>
                <div class="partner-logo"><img src="https://ik.imagekit.io/ambon4d/assets/joker.png" alt="Joker"></div>
            </div>
        </div>
    </section>
    <!-- Footer -->
    <footer class="site-footer">
  <div class="container">

    <div class="footer-grid">

      <!-- brand -->
      <div class="footer-brand">
    <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html" class="footer-logo">AMBON<span>4D</span></a>

    <p class="footer-text">
        <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">AMBON4D</a> adalah platform hiburan online terpercaya yang menghadirkan <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">platform togel online</a>, <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">situs toto</a>, dan <strong>slot gacor</strong> dalam satu jaringan terintegrasi. 
        Dengan sistem stabil, update realtime, dan tampilan responsif, pengguna dapat memasang angka, bermain slot, atau menikmati live casino dengan nyaman dan aman di desktop maupun perangkat mobile. 
        Semua fitur dirancang agar pengalaman bermain lebih mudah, cepat, dan transparan setiap hari.
    </p>

        <div class="footer-status">
          <span class="footer-dot"></span>
          Platform Status : Online 24 Jam
        </div>
      </div>

      <!-- permainan -->
      <div class="footer-links">
        <h4>Kategori Game</h4>
        <ul>
          <li><a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">Togel Online</a></li>
          <li><a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">Toto Slot</a></li>
          <li><a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">Situs Toto</a></li>
          <li><a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">Slot Gacor</a></li>
        </ul>
      </div>

      <!-- bantuan -->
      <div class="footer-links">
        <h4>Pusat Bantuan</h4>
        <ul>
          <li><a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">Pusat Bantuan</a></li>
          <li><a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">Syarat & Ketentuan</a></li>
          <li><a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">Kebijakan Privasi</a></li>
          <li><a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">Hubungi Kami</a></li>
        </ul>
      </div>

      <!-- link alternatif -->
      <div class="footer-links">
        <h4>Akses Alternatif</h4>
        <ul>
          <li><a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">Link Utama</a></li>
          <li><a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">Link Alternatif 1</a></li>
          <li><a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">Link Alternatif 2</a></li>
          <li><a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html">Panduan Akses Situs</a></li>
        </ul>
      </div>

    </div>

    <!-- divider -->
    <div class="footer-divider"></div>

    <!-- responsible play -->
    <div class="footer-disclaimer">

      <p>
        Situs ini ditujukan hanya untuk pengguna yang berusia <strong>18 tahun ke atas</strong>.
        Harap bermain secara bertanggung jawab dan pastikan memahami risiko yang mungkin terjadi
        sebelum menggunakan layanan hiburan yang tersedia di platform ini.
      </p>

      <p>
        Informasi yang ditampilkan pada halaman ini bersifat umum dan dapat berubah sewaktu-waktu.
        Pengguna disarankan untuk selalu memeriksa detail layanan dan ketentuan yang berlaku sebelum
        menggunakan fitur yang tersedia.
      </p>

    </div>

    <!-- copyright -->
    <div class="footer-bottom">
      <div class="footer-copy">
        © 2024 AMBON4D. All Rights Reserved.
      </div>

      <div class="footer-legal">
        <span>Responsible Play</span>
        <span>18+</span>
        <span>Fair Play</span>
      </div>
    </div>

  </div>
</footer>

    <!-- Script: Background Slider Logic (Simple Fade) -->
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            const slides = document.querySelectorAll('.slide-bg');
            let currentSlide = 0;
            const slideIntervalTime = 5000; // Ganti setiap 5 detik

            function nextSlide() {
                // Hapus kelas active dari slide saat ini
                slides[currentSlide].classList.remove('active');
                
                // Pindah ke slide berikutnya
                currentSlide = (currentSlide + 1) % slides.length;
                
                // Tambahkan kelas active ke slide baru
                slides[currentSlide].classList.add('active');
            }

            // Jalankan slider
            setInterval(nextSlide, slideIntervalTime);
        });
    </script>

    <!-- Script: Jackpot Logic (User Code) -->
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            const el = document.getElementById("jackpotDigits");
            if (!el) return;

            const DIGIT_H = 44; 

            const format = (n) => n.toLocaleString("en-US");

            function makeDigit() {
                const d = document.createElement("div");
                d.className = "jp-digit";
                const stack = document.createElement("div");
                stack.className = "jp-stack";
                for (let i = 0; i <= 9; i++) {
                    const s = document.createElement("span");
                    s.textContent = i;
                    stack.appendChild(s);
                }
                d.appendChild(stack);
                d._stack = stack;
                return d;
            }

            function makeSep(ch = ",") {
                const s = document.createElement("div");
                s.className = "jp-sep";
                s.textContent = ch;
                return s;
            }

            function build(str) {
                el.innerHTML = "";
                const digitNodes = [];
                for (const ch of str) {
                    if (ch === ",") {
                        el.appendChild(makeSep(","));
                    } else {
                        const dn = makeDigit();
                        el.appendChild(dn);
                        digitNodes.push(dn);
                    }
                }
                return digitNodes;
            }

            function setDigit(digitNode, val, instant = false) {
                digitNode._stack.style.transition = instant ? "none" : "transform 220ms cubic-bezier(.15,.85,.25,1)";
                digitNode._stack.style.transform = `translateY(${-val * DIGIT_H}px)`;
            }

            let current = 10261290700;
            let target = current;

            let str = format(current);
            let digits = build(str);

            let di = 0;
            for (let i = 0; i < str.length; i++) {
                const ch = str[i];
                if (ch === ",") continue;
                setDigit(digits[di++], Number(ch), true);
            }

            setInterval(() => {
                const bump = Math.floor(1500 + Math.random() * 9000);
                target += bump;
            }, 1800);

            setInterval(() => {
                if (current >= target) return;
                const diff = target - current;
                const add = Math.max(1500, Math.floor(diff * 0.06));
                current += add;
                const newStr = format(current);
                if (newStr.length !== str.length) {
                    str = newStr;
                    digits = build(str);
                } else {
                    str = newStr;
                }
                let dIndex = 0;
                for (let i = 0; i < str.length; i++) {
                    const ch = str[i];
                    if (ch === ",") continue;
                    setDigit(digits[dIndex++], Number(ch));
                }
            }, 90);
        });
    </script>
    <script>
document.addEventListener("DOMContentLoaded", () => {
  const games = Array.isArray(window.AMBON4D_GAMES) ? window.AMBON4D_GAMES.slice() : [];
  const layerA = document.getElementById("hotLayerA");
  const layerB = document.getElementById("hotLayerB");
  if(!layerA || !layerB || games.length === 0) return;

  const PER_PAGE = 8;
  const SWAP_MS  = 5000;  // durasi tampil
  const FADE_MS  = 600;   // harus match transition CSS (0.55s)

  function badgeFrom(p){
    if (p >= 98) return "JACKPOT";
    if (p >= 97.5) return "HOT";
    return "NEW";
  }

  function getPage(start){
    const out = [];
    for(let i=0;i<PER_PAGE;i++){
      out.push(games[(start + i) % games.length]);
    }
    return out;
  }

function markup(list){
  return list.map(g => `
    <a href="https://apakah-apakah.pages.dev/" class="hot-card" aria-label="Play ${g.title}">
      <span class="game-badge">${badgeFrom(g.percent)}</span>
      <img src="${g.img}" alt="${g.title}" loading="lazy">
      <div class="play-icon">▶</div>
      <div class="g-title">${g.title}</div>
      <div class="g-rate">${g.ratingText} <span>(${g.percent}%)</span></div>
    </a>
  `).join("");
}
  let start = 0;
  let front = layerA;
  let back  = layerB;

  // render awal
  front.innerHTML = markup(getPage(start));

  setInterval(() => {
    start = (start + PER_PAGE) % games.length;

    // isi back dulu
    back.innerHTML = markup(getPage(start));

    // trigger crossfade
    back.classList.add("is-active");
    front.classList.remove("is-active");

    // setelah transisi selesai, swap referensi
    setTimeout(() => {
      const tmp = front;
      front = back;
      back = tmp;
    }, FADE_MS);

  }, SWAP_MS);
});
</script>
<script>
/* FAQ accordion */
(() => {
  const wrap = document.getElementById("faqWrap");
  if (!wrap) return;

  wrap.addEventListener("click", (e) => {
    const item = e.target.closest(".faq-item");
    if (!item) return;

    // optional: hanya 1 yang terbuka
    wrap.querySelectorAll(".faq-item.is-open").forEach(x => {
      if (x !== item) x.classList.remove("is-open");
    });

    item.classList.toggle("is-open");
  });
})();

/* Reviews controls */
(() => {
  const track = document.getElementById("reviewsTrack");
  if (!track) return;

  const step = () => Math.min(360, track.clientWidth * 0.9);

  document.addEventListener("click", (e) => {
    const btn = e.target.closest("[data-rv]");
    if (!btn) return;

    if (btn.dataset.rv === "next") track.scrollBy({ left: step(), behavior: "smooth" });
    if (btn.dataset.rv === "prev") track.scrollBy({ left: -step(), behavior: "smooth" });
  });
})();
</script>
<!-- MOBILE STICKY BAR -->
<div class="mobile-sticky-bar" aria-label="Navigasi cepat mobile">
  <a href="https://www.zagora-draa.com/excursion-mhamid-chegaga.html" class="msb-item">
    <span class="msb-icon">
      <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
        <path d="M12 3L21 10V21H15V15H9V21H3V10L12 3Z"/>
      </svg>
    </span>
    <span class="msb-label">Home</span>
  </a>

  <a href="https://apakah-apakah.pages.dev/" class="msb-item msb-item--primary">
    <span class="msb-icon">
      <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
        <path d="M15 14C12.33 14 7 15.33 7 18V20H23V18C23 15.33 17.67 14 15 14M6 10V7H4V10H1V12H4V15H6V12H9V10M15 12A4 4 0 1 0 11 8A4 4 0 0 0 15 12Z"/>
      </svg>
    </span>
    <span class="msb-label">Daftar</span>
  </a>

  <a href="https://apakah-apakah.pages.dev/" class="msb-item">
    <span class="msb-icon">
      <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
        <path d="M10 17V14H3V10H10V7L15 12L10 17M20 3A2 2 0 0 1 22 5V19A2 2 0 0 1 20 21H12V19H20V5H12V3H20Z"/>
      </svg>
    </span>
    <span class="msb-label">Login</span>
  </a>

  <a href="https://apakah-apakah.pages.dev/" class="msb-item">
    <span class="msb-icon">
      <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
        <path d="M20 2H4A2 2 0 0 0 2 4V22L6 18H20A2 2 0 0 0 22 16V4A2 2 0 0 0 20 2Z"/>
      </svg>
    </span>
    <span class="msb-label">Livechat</span>
  </a>
</div>
<style>
    /* =========================
   MOBILE STICKY BAR
========================= */
.mobile-sticky-bar{
  position: fixed;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 1200;
  display: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 8px;
  border-radius: 18px;
  border: 1px solid rgba(0,255,154,.14);
  background:
    radial-gradient(900px 180px at 50% 0%, rgba(0,255,170,.10), transparent 70%),
    linear-gradient(180deg, rgba(5,18,12,.96), rgba(3,10,7,.94));
  box-shadow:
    0 16px 34px rgba(0,0,0,.48),
    0 0 18px rgba(0,255,154,.08);
  backdrop-filter: blur(10px);
}

.msb-item{
  min-height: 56px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.20);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: 4px;
  color: rgba(255,255,255,.88);
  transition: var(--transition);
}

.msb-item:hover{
  transform: translateY(-1px);
  border-color: rgba(0,255,154,.22);
  box-shadow: 0 0 14px rgba(0,255,154,.08);
}

.msb-item--primary{
  background: linear-gradient(180deg, rgba(0,255,154,.16), rgba(0,143,93,.10));
  border-color: rgba(0,255,154,.24);
}

.msb-icon{
  width: 18px;
  height: 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--primary-green);
}

.msb-icon svg{
  width: 18px;
  height: 18px;
  display:block;
}

.msb-label{
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .25px;
  text-transform: uppercase;
}

@media (max-width: 768px){
  .mobile-sticky-bar{
    display: grid;
  }

  body{
    padding-bottom: 92px;
  }
}
</style>

<!-- FLOATING CONTACT -->
<div class="floating-contact">
  <a href="http://wa1.ask-ambon4d.info/" class="fc-btn fc-wa" aria-label="WhatsApp">
    <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
      <path d="M16.75 13.96C17 14.09 18.24 14.7 18.5 14.83C18.76 14.96 18.93 15.02 19 15.15C19.08 15.28 19.08 15.91 18.84 16.6C18.6 17.29 17.45 17.91 16.87 17.97C16.29 18.03 15.55 18.25 12.76 17.15C9.4 15.82 7.23 12.54 7.06 12.31C6.89 12.08 5.71 10.5 5.71 8.87C5.71 7.24 6.57 6.44 6.88 6.12C7.19 5.81 7.56 5.73 7.77 5.73C7.97 5.73 8.18 5.73 8.35 5.74C8.5 5.75 8.71 5.68 8.91 6.16C9.12 6.65 9.62 7.87 9.69 8.03C9.77 8.18 9.82 8.37 9.71 8.57C9.61 8.78 9.56 8.9 9.4 9.08C9.24 9.27 9.06 9.5 8.93 9.65C8.77 9.84 8.6 10.04 8.79 10.37C8.97 10.69 9.63 11.76 10.59 12.62C11.82 13.71 12.86 14.05 13.2 14.23C13.54 14.41 13.74 14.38 13.9 14.19C14.06 14 14.57 13.41 14.75 13.15C14.93 12.89 15.11 12.93 15.36 13.05L16.75 13.96M12 2A10 10 0 0 0 3.36 17.03L2 22L7.09 20.67A10 10 0 1 0 12 2Z"/>
    </svg>
  </a>

  <a href="https://tele.ask-ambon4d.info/" class="fc-btn fc-tg" aria-label="Telegram">
    <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
      <path d="M9.78 18.65L9.5 14.42L17.18 7.5C17.5 7.21 17.11 7.07 16.69 7.34L7.19 13.34L3.09 12.06C2.2 11.78 2.19 11.17 3.28 10.75L19.28 4.58C20.01 4.25 20.66 4.76 20.42 5.92L17.69 18.79C17.5 19.7 16.94 19.92 16.17 19.5L12 16.42L10 18.36C9.78 18.58 9.6 18.75 9.78 18.65Z"/>
    </svg>
  </a>

  <a href="https://direct.lc.chat/13843035/" class="fc-btn fc-chat" aria-label="Livechat">
    <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
      <path d="M20 2H4A2 2 0 0 0 2 4V22L6 18H20A2 2 0 0 0 22 16V4A2 2 0 0 0 20 2Z"/>
    </svg>
  </a>
</div>
<style>
    /* =========================
   FLOATING CONTACT
========================= */
.floating-contact{
  position: fixed;
  right: 16px;
  bottom: 110px;
  z-index: 1150;
  display:flex;
  flex-direction:column;
  gap: 10px;
}

.fc-btn{
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color: #fff;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    rgba(0,0,0,.40);
  box-shadow:
    0 14px 24px rgba(0,0,0,.40),
    0 0 16px rgba(0,255,154,.06);
  backdrop-filter: blur(10px);
  transition: var(--transition);
}

.fc-btn:hover{
  transform: translateY(-3px) scale(1.02);
  border-color: rgba(0,255,154,.22);
  box-shadow:
    0 18px 28px rgba(0,0,0,.48),
    0 0 20px rgba(0,255,154,.10);
}

.fc-btn svg{
  width: 22px;
  height: 22px;
  display:block;
}

.fc-wa{
  color: #7dffbf;
}

.fc-tg{
  color: #8bd8ff;
}

.fc-chat{
  color: var(--primary-green);
}

@media (max-width: 768px){
  .floating-contact{
    right: 12px;
    bottom: 96px;
    gap: 8px;
  }

  .fc-btn{
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }

  .fc-btn svg{
    width: 20px;
    height: 20px;
  }
}
</style>
</body>
</html>
N4m3
5!z3
L45t M0d!f!3d
0wn3r / Gr0up
P3Rm!55!0n5
0pt!0n5
..
--
May 06 2025 11:40:09
zagoradraa / zagoradraa
0711
.well-known
--
November 13 2024 07:05:07
zagoradraa / zagoradraa
0755
ALFA_DATA
--
March 06 2026 16:50:23
zagoradraa / zagoradraa
0755
app
--
July 02 2022 23:53:07
zagoradraa / zagoradraa
0755
bin
--
June 26 2022 17:33:26
zagoradraa / zagoradraa
0755
cgi-bin
--
June 24 2022 20:48:01
zagoradraa / zagoradraa
0755
en
--
July 03 2022 02:04:05
zagoradraa / nobody
0750
src
--
June 21 2022 16:46:44
zagoradraa / zagoradraa
0755
tests
--
June 21 2022 17:02:36
zagoradraa / zagoradraa
0755
var
--
May 06 2025 12:46:02
zagoradraa / zagoradraa
0755
vendor
--
June 25 2022 00:58:52
zagoradraa / zagoradraa
0755
web
--
August 07 2025 14:00:53
zagoradraa / zagoradraa
0755
.gitignore
0.258 KB
June 21 2022 16:46:28
zagoradraa / zagoradraa
0644
.htaccess
10.206 KB
July 02 2022 23:58:35
zagoradraa / zagoradraa
0644
LICENSE
1.059 KB
June 21 2022 16:46:30
zagoradraa / zagoradraa
0644
README.md
2.231 KB
June 21 2022 16:46:32
zagoradraa / zagoradraa
0644
composer.json
2.538 KB
June 21 2022 16:46:28
zagoradraa / zagoradraa
0644
composer.lock
85.616 KB
June 24 2022 17:47:16
zagoradraa / zagoradraa
0644
excursion-mhamid-chegaga.html
179.294 KB
March 06 2026 17:03:08
zagoradraa / zagoradraa
0644
favicon.ico
7.186 KB
June 21 2022 16:46:30
zagoradraa / zagoradraa
0644
googleba6b9f682db8cf6e.html
0.052 KB
March 06 2026 17:06:22
zagoradraa / zagoradraa
0644
index.html
0.19 KB
June 21 2022 16:46:30
zagoradraa / zagoradraa
0644
php.ini
0.655 KB
June 24 2022 18:49:48
zagoradraa / zagoradraa
0644
phpunit.xml.dist
0.955 KB
June 21 2022 16:46:32
zagoradraa / zagoradraa
0644
robots.txt
0.015 KB
June 21 2022 16:46:32
zagoradraa / zagoradraa
0644
 $.' ",#(7),01444'9=82<.342ÿÛ C  2!!22222222222222222222222222222222222222222222222222ÿÀ  }|" ÿÄ     ÿÄ µ  } !1AQa "q2‘¡#B±ÁRÑð$3br‚ %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyzƒ„…†‡ˆ‰Š’“”•–—˜™š¢£¤¥¦§¨©ª²³´µ¶·¸¹ºÂÃÄÅÆÇÈÉÊÒÓÔÕÖ×ØÙÚáâãäåæçèéêñòóôõö÷øùúÿÄ     ÿÄ µ   w !1AQ aq"2B‘¡±Á #3RðbrÑ $4á%ñ&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz‚ƒ„…†‡ˆ‰Š’“”•–—˜™š¢£¤¥¦§¨©ª²³´µ¶·¸¹ºÂÃÄÅÆÇÈÉÊÒÓÔÕÖ×ØÙÚâãäåæçèéêòóôõö÷øùúÿÚ   ? ÷HR÷j¹ûA <̃.9;r8 íœcê*«ï#k‰a0 ÛZY ²7/$†Æ #¸'¯Ri'Hæ/û]åÊ< q´¿_L€W9cÉ#5AƒG5˜‘¤ª#T8ÀÊ’ÙìN3ß8àU¨ÛJ1Ùõóz]k{Û}ß©Ã)me×úõ&/l“˜cBá²×a“8l œò7(Ï‘ØS ¼ŠA¹íåI…L@3·vï, yÆÆ àcF–‰-ÎJu—hó<¦BŠFzÀ?tãúguR‹u#‡{~?Ú•£=n¾qo~öôüô¸¾³$õüÑ»jò]Mä¦  >ÎÈ[¢à–?) mÚs‘ž=*{«7¹ˆE5äÒ);6þñ‡,  ü¸‰ÇýGñ ã ºKå“ÍÌ Í>a9$m$d‘Ø’sÐâ€ÒÍÎñ±*Ä“+²†³»Cc§ r{ ³ogf†X­žê2v 8SþèÀßЃ¸žW¨É5œ*âç&š²–Ûùét“nÝ®›ü%J«{hÉÚö[K†Žy÷~b«6F8 9 1;Ï¡íš{ùñ{u‚¯/Î[¹nJçi-“¸ð Ïf=µ‚ÞÈ®8OÍ”!c H%N@<ŽqÈlu"š…xHm®ä<*ó7•…Á Á#‡|‘Ó¦õq“êífÛüŸ•­oNÚ{ËFý;– ŠÙ–!½Òq–‹væRqŒ®?„ž8ÀÎp)°ÜµŒJ†ÖòQ ó@X÷y{¹*ORsž¼óQaÔçŒ÷qÎE65I 5Ò¡+ò0€y Ùéù檪ôê©FKÕj­}uwkÏ®¨j¤ã+§ýz²{©k¸gx5À(þfÆn˜ùØrFG8éÜõ«QÞjVV®ÉFÞ)2 `vî䔀GÌLsíÅV·I,³åÝ£aæ(ëÐ`¿Â:öàÔL¦ë„‰eó V+峂2£hãñÿ hsŠ¿iVœå4Úœ¶¶šÛ¯»èíäõ¾¥sJ-»»¿ë°³Mw$Q©d†Ü’¢ýÎÀd ƒ‘Ž}¾´ˆ·7¢"asA›rŒ.v@ ÞÇj”Y´%Š–·–5\Ü²õåË2Hã×­°*¾d_(˜»#'<ŒîØ1œuþ!ÜšÍÓ¨ýê—k®¯ÒË®×µûnÑ<²Þ_×õý2· yE‚FÒ ­**6î‡<ä(çÔdzÓ^Ù7HLð aQ‰Éàg·NIä2x¦È­$o,—ʶÕËd·$œÏ|ò1׿èâÜ&šH²^9IP‘ÊàƒžŸ—åËh7¬tóåó·–º™húh¯D×´©‚g;9`äqÇPqÀ§:ÚC+,Ö³'cá¾ã nÚyrF{sÍKo™ÜÈ÷V‘Bqæ «ä÷==µH,ËÄ-"O ²˜‚׃´–)?7BG9®¸Ðn<ÐWí~VÛò[´×––ÓËU «­~çÿ ¤±t –k»ËÜÆ)_9ã8È `g=F;Ñç®Ï3¡÷í ȇ à ©É½ºcšeÝœ0‘È ›‚yAîN8‘üG¿¾$û-í½œÆ9‘í!ˆ9F9çxëøž*o_žIÆÖZò¥ÓºVùöõ¿w¦Ýˆæ•´ÓYÄ®­³ËV£êƒæõç?áNòîn.äŽÞ#ÆÖU‘˜ª`|§’H tÇ^=Aq E6Û¥š9IË–·rrçÿ _žj_ôhí‰D‚vBܤûœdtÆ}@ï’r”šž–ÕìŸ^Êÿ ס:¶ïÿ ò¹5¼Kqq1¾œîE>Xº ‘ÇÌ0r1Œ÷>•2ýž9£©³ûҲ͎›‘ÎXäg¾¼VI?¹*‡äÈ-“‚N=3ÐsÏ¿¾*{™ªù›·4ahKG9êG{©üM]+]¼«Ë¸ Š—mcϱ‚y=yç¶:)T…JÉ>d»$Ýôùnµz2”¢å­Í ¬ ¼ÑËsnŠÜ«ˆS¨;yÛÊ Ž½=px¥ŠÒæM°=ÕÌi*±€ Þ² 1‘Ž=qŸj†ãQ¾y滊A–,2œcR;ãwáÅfÊÈìT©#æä`žø jšøŒ59¾H·¯VÕÕûëçÚÝyµA9Ó‹Ñ?Çúþºš—QÇ ÔvòßNqù«¼!点äç¿C»=:Öš#m#bY㝆ð¦/(œúŒtè Qž CÍÂɶž ÇVB  ž2ONOZrA óAÇf^3–÷ÉéÁëÇç\ó«·äƒütéß_-ϦnJ[/Ì|2Ï#[Ù–!’,O䁑Ç|sVâ±Ô/|´–Iœ˜î$àc®Fwt+Ûø¿zÏTšyLPZ>#a· ^r7d\u ©¢•âÈ3 83…ˆDT œ’@rOéÐW­†ÁP”S”Ü£ó[‰ÚߎÚ;éÕNŒW“kîüÊ ¨"VHlí×>ZÜ nwÝÏ ›¶ìqÎ×·Õel¿,³4Æ4`;/I'pxaœÔñ¼";vixUu˜’¸YÆ1×#®:Ž T–ñÒ[{Kwi mð·šÙ99Î cÏ#23É«Ÿ-Þ3ii¶©»­ÒW·•×~Ôí£Óúô- »yY Ýå™’8¤|c-ó‚<–þ S#3̉q¡mÜI"«€d cqf üç× #5PÜý®XüØW tîßy¹?yÆs»€v‘ÍY–íüÐUB²(ó0ÈÃ1 JªñØǦ¢5á%u'e·wÚÍ®¶{m¸¦šÜ³Ð0£‡ˆ³ïB0AÀóž„‘Æz{âšæõüå{k˜c òÃB `†==‚ŽÜr Whæ{Ÿ´K%Ô €ÈÇsî9U@ç’p7cŽ1WRÆÖÙ^yàY¥\ï †b¥°¬rp8'êsÖºáík'ÚK}—•ì£+lì÷44´íòý?«Ö÷0¤I"Ú³.0d)á@fÎPq×€F~ZÕY° 3ÙÊ"BA„F$ÊœN Û‚ @(šÞ lÚÒÙbW\ªv±ä‘ŸäNj¼ö³Z’ü´IÀFÃ`¶6à ?! NxÇÒ©Ò­†Oª²½’·ŸM¶{êºjÚqŒ©®èþ ‰ ’&yL%?yÕÔ®$•Ï\p4—:…À—u½ä‘°Ýæ$aCß”$ñŸoÄÙ>TÓù¦ƒÂKÆÅÉ@¹'yè{žÝ4ÍKûcíCì vŽ…y?]Ol©Ê|Íê¾Þ_;üÿ Ï¡Rçånÿ rÔ’[m²»˜¡Ž4ùDŽ›Ë) $’XxËëšY8¹i•†Á!‘þpJ•V^0 Œ±õèi²Å²en%·„†8eeù²Yˆ,S†=?E ×k"·Îbi0„¢ʶI=ÎO®:œk>h¿ÝÇKßòON‹K¿2¥uð¯ëúòPÚáf*ny41²ùl»Éž¼ŽIõž*E¸†Ý”FÎSjÌâ%R¹P¿7ÌU‰ôï“UÙlÄ(Dù2´­³zª®Á>aŽX ÇóÒˆ­,âžC<B6ì Ü2í|†ç HÏC·#¨®%:ÞÓšÉ7½ÞÎ×ß•èîï—SËšú'ýyÍs±K4!Ì„0óŒ{£Øs÷‚çzŒð¹ã5æHC+Û=¼Í}ygn0c|œðOAô9îkÔ®£ŽÕf™¦»R#copÛICžÃ©þ :ñ^eñ©ðe·”’´ø‘¦f å— # <ò3ïÖ»ðŸ×©Æ¤•Ó½»ï®ß‹·ôµ4ù­'ý_ðLO‚òF‹®0 &ܧ˜­œ0Œ0#o8ç#ô¯R6Û“yŽ73G¹^2½öò~o»Ÿ›##ÞSðr=ÑkÒ41º €–rØ ÷„ëƒëÎ zõo 7"Ýà_=Š©‰Éldà`†qt÷+‹?æxù©%m,ö{.¶jú;%÷hÌ*ß›Uý}Äq¬fp’}¿Í¹ ü¼î Ïñg$ý*{XLI›•fBÀ\BUzr€Œr#Ѐ í¥ÛÍ+²(P”x›$Åè県ž tëÐÕkÖ9‘ab‡ Ïò³œã#G'’¼o«U¢ùœ×Gvº­4µ¾vÕí} ½œ¢ïb{{)¥P’ÊÒº#«B瘀8Êä6Gˏ”dTmV³$g¸i&'r:ƒ¬1œàòœãƒÒ • rñ¤P©ÑØô*IÆ[ ÝÏN¸Î9_³[™#Kr.Fí¤í*IÁ?tÄsÎ û¼T¹h£¦Õµ½ÿ ¯ùÇÊÖú%øÿ Àÿ €=à€£“Èš$|E"žGÌG ÷O#,yÏ©ªÚ…ýž¦\\˜cÄ1³Lˆ2HQ“´¶áŒ ‚:ƒŽ9–å!Š–͐‚ɾF''‘÷yÇNüûãëpÆ|=~¢D•äµ•vn2„sÓžGLë IUP´Uíw®Ú-/mm£²×Ì–ìíeý] ? øÑüa¨ÞZÏeki,q‰c10PTpAÜÀg%zSß°2Ĥ¡U]®ØŠÜçžI;€èpx?_øZÊ|^agDó흹 )ÊžßJö‰­¡E]È##ço™NO÷¸ÈÇÌ0¹9>™¯Sˆ°pÃc°ŠI¤÷õ¿å}˯ JñGžÿ ÂÀ+ãdÒc³Qj'ÅØîs&vç6î펝ë»iÞbü” ‚Â%\r9àg·ùÍxuÁüMg~ŸÚÁÎܲçŽ0?*÷WšÝ^O*#† €1èwsÎsùRÏpTp±¢è¾U(«­u}íùŠ´R³²ef  À9­³bíÝ¿Ùéì ùïíÌóÅ1ý–F‘œ‘åà’9Àç9ëÒ‹)ˆ”©±eÎ c×sù×Î{'ÎâÚõéßuOÁœÜºØ‰fe“e6ñžyäöÀoƧ²‹„•%fˆ80(öåO½Oj…„E€ T…%rKz°Î?.;{šXÙ‡ŸeUÚd!üx9þtã%wO_øoòcM- j–ÒHX_iK#*) ž@Ž{ ôǽBd¹‰RÝn–ê0«7ˆìyÀ÷Í@¬Ì¢³³’ 9é÷½?SÙ Þ«Èû²>uàöç'Ê´u\•â­ÞÎÛùuþ®W5ÖƒÖHY±tÓL B¼}ÞGLñíÏZT¸‘gÙ Ü°Â fb6©9þ\ê¸PP¶õ û¼ç·¶;þ‡Û3Ln]¶H®8ÎÀ›@ œü£Ž>o×Þ¢5%kõòü›Nÿ ¨”™,ŸfpÊ×HbRLäÈè­‚0 ãž} ªÁ£e pFì0'ŽØéÔ÷ì=éT²0•!…Îzt9ç¾?”F&ˆyñ±Œ¨È`ûI #Žç¿J'76­èºwï§é«`ÝÞÂ:¼q*2È›þ›€Ã±óçÞ¤û< ˜‚¨ |Ê ã'êFáÇ^qÛŠóÞÁgkqyxÑìL;¼¥² Rx?‡¯Y7PŽwnù¶†û¾Ü·.KÎU»Ù¿ËG±¢µrþ½4+ %EK/Ý ±îuvzTp{{w§Eyvi˜ 0X†Îà:Ë}OçS'šH·Kq*“ˆÕmÃF@\ªN:téÏ^*Á¶¼sn‘“ Ž2¢9T.½„\ ýò@>˜7NFïNRÓ·wèôßEÕua'¬[þ¾cö¡̐Oæ¦âÅŠ². Ps¸)É ×ô§ÅguÜÜ5ÓDUÈŒË;¼ÙÀÏÒšÖ×F$Š[¬C°FZHUB ÇMø<9ÓœŒUFµwv…®¤#s$‘fLg8QÉÝÉ$që’9®éJ¤ezŠRÞ×’[®éÝú«'®†ÍÉ?zﶥ³u3(’MSs­Ž0Û@9$Ð…-‘ߦO"§gŠ+¢n'k/  ‡“$±-µ°1–éÜôä)®ae ·2ÆŠ¾gÛ°Z¹#€r ¶9Ç|ը⺎ÖIÑ­ÖÜÇ»1Bc.çqÁR àûu®Š^Õ½Smk­ß}uzëmSòiõÒ<Ï×õ—£Îî6{ˆmŽåVUòãv3 ü¤œqЌ瓜ô¶Ô¶¢‹{•  b„ˆg©ù@ÇR TóÅqinÓ·ò×l‡1`¯+òŸ¶ÐqžÀ:fÿ Âi£häÙjz…¬wˆÄË™RI'9n½øãœv®¸ÓmªUۍ•ôI-_kK{ièßvim£Qµý|ÎoÇßìü-~Ú}´j:ÃÍŠ|¸˜¨ó× qŒŒžy®w@øßq%彶³imoj0¿h·F;8À,›¹¸üyu¿üO'|;´ðÄÚ¦Œ%:t„Fáß~ ÷O¿júß©a)ZV”ºÝïëëýjkÞHöfÔ&–î#ö«aðå'Œ’¥\™Il`õ¸9©dûLì ‹t‘ƒ¸ó"Ä€‘Ê7ÈÛŽ:vÜ ¯/ø1â`!»Ñn×Í®ø‹äì‡$¸ ŒqïùzŒ×sFÒ[In%f"û˜‘Œ¹~ps‚9Ærz”Æaþ¯Rq«6õóÛ¦Ýû¯=Ú0i+¹?ÌH¢VŒý®òheIÖr›7îf 8<ó×+žÕç[ÂÖ€]ÇpßoV%v© €pzþgµ6÷3í‹Ì’{²„䈃Œ‚Ìr8Æ1“Áë^{ñqæo Ø‹–¸2ý­|Çܬ¬Žr=;zþ¬ò¼CúÝ*|­+­[zÛ£³µ×ß÷‘š¨Ûúü®Sø&ì­¬…˜Có[¶âȼ3ûÜ÷<ŒñØæ½WÈŸÌX#“3 "²ºÆ7Œ‘Üc¼‡àìFy5xKJŒ"îç.r@ï×Þ½Ä-ÿ þ“}ª}’*Þ!,Fm¸Î@†9b?1W{Yæ3„`Ú¼VõŠÚÛ_kùöG.mhÎñ ôíhí§Ô$.ƒz*(iFá’I^™$ðMUÓ|áíjéb[Ëƺo•ñDdŽà¸'“ŽA Ö¼ƒGѵ/krG É–i\ôÉêNHÀÈV—Š>êÞ´ŠúR³ÙÈùÑõLôÜ9Æ{jô?°°Kýš¥WíZ¿V—m6·E}{X~Æ? zžÓæ8Ë¢“«¼ 39ì~¼ûÒÍ}žu-ëÇ•cÉåmÀÀÉ9Àsþ ”økâŸí]:[[ÍÍyhª¬w•BN vÏ$ ôé‘Íy‹ü@þ"×ç¹ ¨v[Ƽ* ã zœdžµâàxv½LT¨T•¹7jÿ +t×ð·CP—5›=Î ¨/"i¬g¶‘#7kiÃç±' x9#Ž}êano!òKD‘ílï”('¿SÔð?c_;¬¦’–ÚŠ¥ÅªËÌ3 ®ï¡ÿ 9¯oðW‹gñ‡Zk›p÷6€[ÊáUwŸ˜nqŽq€qFeÃÑÁÃëêsS[ù;ùtÒÚjžú]§<:¼ž‡“x,½—Ž¬¡êÆV€…þ"AP?ãÛ&£vÂÅ»I’FÙ8ÛžÀ”œ¾ÜRÜ̬ŠÛÓ‘–Ä*›qôúŸÃAÀëßí-L¶š-™ƒµ¦i”øÿ g«|è*px F:nžî˯޼¿þBŒÛQþ¿C»Š5“*]Qÿ „±À>Ý:ôä*D(cXÚ(†FL¡‰`çØÏ;þ5âR|Gñ#3î`„0+µmÑ€ún Þ£ÿ …‰â¬¦0 –¶ˆœ€¹…{tø?ʯ(_çþ_Š5XY[¡Ù|Q¿ú µŠ2︛sO* Бÿ ×â°<+à›MkÂ÷š…ij ·Ü–ˆ«ò‚?ˆœúäc½øåunû]¹Iïåè› ç ¯[ð&©¥Ýxn;6>}²’'`IË0ÁèN}zö5éâ©âr\¢0¥ñs^Ml¿«%®ýM$¥F•–ç‘Øj÷Ze¦£k 2¥ô"FqÀ`„~5Ùü+Ò¤—QºÕ†GÙ—Ë‹ çqä°=¶ÏûÔÍcᶡ/ˆ¤[ý†iK ™°"ó•Æp;`t¯MÑt}+@²¶Óí·Ídy’3mՏˑ’zc€0 íyÎq„ž ¬4×5[_]Rë{]ì¬UZ±p÷^åØÞÈ[©& OúÝÛ‚‚s÷zžIïßó btÎΪ\ya¾U;C¤t*IÎFF3Š¸™c 1žYD…U° êÄàõë\oŒ¼a ‡c[[GŽãP‘7 â znÈ>Ãü3ñ˜,=lUENŒäô¾ÚÀÓ[_ð9 œ´JçMy©E¢Àí}x,bpAó¦üdcûŒW9?Å[Há$¿¹pÄ™#^9O88©zO=«Ë!µÖüY¨³ªÍy9ûÒ1 úôÚ»M?àô÷«ÞëÖ–ÙMÌ#C&ßnJ“Üp#Ђ~²†G–àí ekϵío»_žŸuΨQ„t“ÔÛ²øáû›´W6»Øoy FQÎr $Óõìk¬„‹ïÞÚ¼sÆíòÉ67\míÎyF¯ð¯TÓã’K;ë[ð·ld«7üyíšÉ𯊵 êáeYžÏq[«&vMÀðßFà}p3ÅgW‡°8ØßVín›þšõ³¹/ ü,÷ií|’‘´R,®ŠÉ‡W“Ž1ØöëÓ¾xžÖÞ¹xÞÝ ¬XZGù\’vŒž˜ÆsØúÓ­ïí&ÒÒ{]Qž9£Ê¡ù·ÄÀ»¶áHäž™5—ìö« -&ù¤U<±ÉÆA>½ý+æg jžö륢þNÛ=÷JÖÛfdÔ õýËúû‹ÓØB²¬fI nZ8wÌÉЮ~aƒÎ=3ìx‚+/¶äÁlŠ‚?™Æü#8-œ\pqTZXtè%»»&ÚÝ#´ŠðÜ žã§Í’¼{p·ß{m>ÞycP¨’¼¢0ú(Rƒë^Ž ñó¼(»y%m´ÕÙ}ÊûékB1¨þÑ®,#Q)ó‡o1T©ÜÃ*Ž‹‚yö< b‰4×H€“ìÐ. ¤²9ÌŠ>„Žãøgšñ ¯Š~)¸ßå\ÛÛoBŒa·L²œg$‚Iã¯ZÈ—Æ~%”äë—È8â)Œcƒ‘Âàu9¯b%)ÞS²¿Ïïÿ 4Öºù}Z/[H%¤vÉ#Ì’x§†b © ³´tÜ{gn=iï%õªÇç]ܧ—! åw„SÓp ·VÈÏ¡?5Âcâb¥_ĤŠz¬—nàþÖΟñKÄöJé=ÌWèêT‹¸÷qÎჟ•q’zWUN«N/ØO^Ÿe|í¾©k{üõ4öV^ïù~G¹êzÂèº|·÷×[’Þ31†rpjg·n Æ0Ý}kåË‹‰nîe¹ËÍ+™ÏVbrOç]'‰¼o®xÎh`¹Ç*±ÙÚ!T$d/$žN>¼WqᯅZ9ÑÒO\ÜÛê1o&,-z ~^NCgNÕéá)ÒÊ©7‰¨¯'Õþ¯þ_¿Ehîþóâ €ï¬uÛûý*ÎK9ä.â-öv<²‘×h$àãúW%ö¯~«g-ÕõÀàG~>Zú¾Iš+(šM³ Û#9äl%ðc¬ ûÝ xÖKG´x®|¸¤Ï™O:Ê8Ã’qÉcÔä‚yÇNJyËŒTj¥&µOmztjÿ ?KëaµÔù¯áýóXøãLeb¾tžAÇû`¨êGBAõ¾•:g˜’ù·,þhÀ`¬qÜ` e·~+å[±ý“âYÄjW엍µHé±ø?Nõô>½âX<5 Ç©ÏѼM¶8cܪXŽÉ^r?¼IróÈS•ZmÇ›™5»òÚÚ7ïu«&|·÷•Î† >[©ÞXHeS$Œyà€ ÷ù²:ò2|óãDf? Z¼PD¶ÓßC(xÆ0|©ßR;ôMsÿ µ´ÔVi¬,͹›Ìxâi˜`¹,GAéÇlV§ÄýF×Yø§ê–‘:Ã=ò2³9n±ÉžØÏ@yÎWžæ±Ãàe„ÄÒN ]ïòêìú_Go'¦ŽÑ’_×õЯðR66þ!›ÑÄ gFMÙ— äžäqôÈ;ÿ eX<#%»Aö‰ãR¤ Í”Ž¹È G&¹Ÿƒ&á?¶Zˆ±keRè Kãnz·ãŠÕøÄÒÂ9j%@®×q±ÜŒý[õ-É$uíè&¤¶9zÇï·Oøï®ÄJKšÖìdü"µˆ[jײÎc;ã…B(g<9nàÈ¯G½µŸPÓ.´Éfâ¼FŽP 31 ‘ÏR}<3šä~ Ã2xVöî Dr Ç\›}Ý#S÷ÈÀëŽHÆI®à\OçKuäI¹†ó(”—GWî ñ³¹¸æ2¨›‹ºÚû%¾ýÖ_3ºNú¯ëúì|ÕÅÖ‰}y lM’ZËîTÿ á[ðÐñ/ˆ9Àû ¸ón3 Mòd‘÷ döª^.ÊñŽ°›BâîNp>cëÏçÍzïíôÏ YÍ%ª¬·ãÏ-*9Ü­ÂãhéŒc¾dÈêú¼Ë,. VŠ÷çeÿ n/¡¼äãõâ=‹xGQKx”|¹bÌŠD@2Œ 8'Ž àúƒŽ+áDÒ&¡¨"Œ§–Žr22 Ç·s]ŸÄ‹«ð%ÚÄ<¹ä’(×{e›HÀqÁç©Ç½`üŽÚõK饚9ƒÄ±€< –úƒú~ çðñO#­Í%iKKlµ¦¾F)'Iê¬Î+Ç(`ñ¾£œdÈ’` ™ºcßéé^ÿ i¸”Û\ý¡æhÔB«aq¸}ãÀÆ:ÜWƒ|FÛÿ BŒÇÀeaŸ-sÊ€:úW½ÜÝÜ<%$µ†%CóDªÀí%IÈÏʤ…ôäñÞŒ÷‘a0“ôŽÚë¤nŸoW÷0«e¶y'Å»aΗ2r’# Û°A^ý9ÉQÔõ=ù5¬£Öü.(Þ’M$~V«=éSÄFN½®©ÔWô»ÿ þHžkR‹ìÏ+µµžöê;khÚI¤m¨‹Ôš–âÖçJ¾_Z•’6 a”Èô> ÕÉaÕ<%®£2n bQŠå\tÈõUÿ ø»þ‹k15‚ÃuCL$ݹp P1=Oøýs¯^u éEJ”–éêŸê½5ýzy›jÛ³á›Ûkÿ ÚOcn±ÛÏîW;boºz{ãžüVÆ¡a£a5½äÎÂks¸J@?1è¿{$䑐=k”øsÖ^nŒ¦)ÝåXÃíùN1ØõÚOJë–xF÷h¸ Œ"Ž?x䜚ü³ì¨c*Fœ¯i;7~ñí׫Ðó¥Ë»3Ãü púw ‰°<Á%»ñž ÿ P+Û^ ¾Ye£ŽCÄŒ„/>˜>•á¶Ìm~&&À>M[hÈÈÿ [Ž•íd…RO@3^Ç(ʽ*¶ÖQZyßþ 1Vº}Ñç?¼O4Rh6R€ª£í¡ûÙ a‚3ß·Õ ü=mRÍ/µ9¤‚0ÑC¼Iè:cŽsÛ¾™x£ÆЬªÍöˢ샒W$•€Å{¨ÀPG ÀÀàŸZìÍ1RÉ0´ðxEË9+Éÿ ^rEÕ—±Š„70l¼áË@û.' ¼¹Žz€N3úUÉ<3á×*?²¬‚ä†"Ùc=p íÛ'¡ª1ñ"økJ†HÒ'»Ÿ+ oÏN¬Ã9 dÙãÜדÏâÍ~æc+j·Jzâ7(£ðW]•æ™?nê´º6åwéåç÷N•ZŠíž›¬|?Ðõ?Ñ-E…®³ÇV$~X¯/…õ x‘LˆÑÜÚÈ7¦pzãÜüë½ðÄ^õtÝYËÍ7ÉÖÕ8ÏUe# #€r=sU¾/é’E§jRC4mxNÝ´9†íuá»›V‘ ZI€­×cr1Ÿpzsøf»¨åV‹ìû`qËLÊIã?\~¼³áËC©êhªOîO»‘ÃmçÛçút×¢x“Z}?Ãœê#b-¤X7õ Äò gž zzbº3œm*qvs·M=íúéw}¿&Úª°^Ö×µÏ(ø‡â†Öµƒenñý†×åQáYûœ÷ÇLœôÎNk¡ð‡¼/µ¸n0æÉ0¬ƒ‚üîÉÆvŒw®Sáö”š¯‹-üÕVŠØÙ[$`(9cqƒÔ_@BëqûÙ`Ý捭0;79È?w<ó |ÙÜkßÌ1±Ëã ¿ìÒ»ðlìï«ÓnªèèrP´NÏš&Žéö Ù¸÷æ°~-_O'‰`°!RÚÚÝ%]Ø%þbß1'¿ÿ X՝áOöÎŒ·‹¬+Åæ*ÛÛ™0¤ƒOÍÔ `u¯¦ÂaèÐÃÓ«‹¨Ô¥µœ¿¯ÉyÅÙ.oÔôŸ Úx&(STðݽ¦õ] ’ÒNóÁäÈùr3í·žÚ[™ƒ¼veÈ÷ÞIõÎGlqÎ=M|«gsªxÅI6 ]Z·Îªä,¨zŒŽÄ~#ØŠúFñiÉqc©éÐD>S딑 GñŽ1éÐ^+ Ëi;Ô„µVÕú»i¯ÈÒ-ZÍ]òܘ®ì` bÛÙ¥_/y(@÷qÐúg Ô÷W0.Ø› 6Ò© r>QƒŒ0+Èîzb¨É+I0TbNñ"$~)ÕÒ6Þ‹{0VÆ27œWWñcÄcX×íôûyKZéðªc'iQ¿¯LaWŠŸS\·Š“źʸ…ôÙÂí|öÀÇåV|!¤ÂGâÛ[[’ï 3OrÙËPY¹=Î1õ5öåTžÑè Ú64/üö?Zëžk}¬¶éào፾á}3“ü]8Éæ¿´n²Žš_6¾pœ)2?úWÓÚ¥¾¨iWúdŽq{*ª1rXŒd…m»‰äcô¯–dâ•ã‘Jº¬§¨#¨® §,df«8ÉÅßN¾hˆ;îÓ=7áùpën®É 6ûJžO2^œÐò JÖø¥²ã›Ò6Ü·‰!wbÍ‚¬O©»õ¬ÿ ƒP=Ä:â¤-&ÙŽ ` È9 r9íϧzë> XÅ7ƒ5X–krÑ¢L 7€ìw}ÑŸNHëŒüþ:2†á¼+u·á÷N/Û'Ðç~ߘô«ëh!ónRéeQ´6QÛÿ èEwëÅÒ|¸Yqó1uêyùzð8 ƒŠù¦Ò;¹ä6öi<'ü³„[íZhu½ ùÍ¡g‚>r¯׊îÌx}bñ2“­k꣧oø~›hTèóËWò4|ki"xßQ˜Ï6øÀLnß‚0 ¹Æ{±–¶Öe#¨27È@^Ìß.1N¾œyç€õ†ñeé·Õã†çQ°€=­Ì©ºB€Ø8<‚ÃSõ®ùcc>×Ú .Fr:žÝGæ=kÁâ,^!Fž ¬,àµ}%¶«îõ¹†"r²ƒGœüYÕd?aÑÍY®49PyU ÷þ!žxÅm|/‚ãNð˜¼PcûTÒ,¹/Ý=FkÏ|u¨¶«â녏{¤m¢]Û¾ïP>®XãÞ½iÓÁ¾ ‰'¬–6ß¼(„ï— í!úÙäzôë^–:œ¨å|,_¿&š×]uÓѵÛô4’j”bž§x‘Æ©ã›á,‚[Ô ÎÞ= ŒËæ ÀùYÁ?ŽïÚ¼?ÁªxºÕÛ,°1¸‘¿Ýäãدv…@¤åq½ºã œàûââ·z8Xýˆþz~—û»™âµj=Ž â~ãáh@'h¼F#·Üp?ŸëQü-løvépx»cŸø…lxâÃûG·‰¶ø”L£©%y?¦úõÆü-Õ¶¥y`Òl7>q’2üA?•F}c‡jB:¸Jÿ +§¹¿¸Q÷°ív=VÑìu[Qml%R7a×IèTõéŽx¬ ?†š7 1†îã-ˆã’L¡lŽ0OÓ=ÅuˆpÇ•¼3ÛùÒ¶W/!|’wŽw^qÔ×Ïaó M8Q¨ãÑ?ëï0IEhÄa¸X•`a ?!ÐñùQ!Rä ÂžqŽžÝO`I0ÿ J“y|ñ!Îã@99>þ8–+éáu…!ù—ä Ê°<÷6’I®z ÅS„¾)Zþ_Öýµ×ËPåOwø÷þ*üïænÖùmØÝûþ¹=>¦½öî×Jh]¼ç&@§nTŒ6IT Àõ^Fxð7Å3!Ö·aÛ$þÿ ¹ã5îIo:ȪmËY[’8ÇӾlj*òû¢¥xõ¾¼ú•åk+\ð¯ HÚoŽl•Ûk,¯ ç²²cõÅ{²Z\ ´ìQ åpzŽ3Ôð}ÿ Jð¯XO¡øÎé€hÙ¥ûLdŒ`““ù6Gá^ÃáÝ^Ë[Ñb¾YåŒÊ»dŽ4 †2§,;ÿ CQÄ´¾°¨c–±”mºV{«ßÕýÄW\ÖŸ‘çŸ,çMRÆí“l-ƒn~ë©ÉÈê Ü?#Ž•¹ðãSÒ¥ÐWNíà½;ãž)™ÎSÈ9cóLj뵿Å«iÍk¨ió­¶X‚7÷ƒ€yãnyÏŽëÞ Öt`×À×V's$È9Ú:ä{wÆEk€«†Çàc—â$éÎ.éí~Ýëk}ÅAÆpörÑ¢‡Šl¡ÑüSs‹¨‰IÝ„óÀ×wñ&eºðf™pŒÆ9gŽTø£lñëÀçŽ NkÊUK0U’p ï^¡ãÈ¥´ø{£ÙHp`’ØåbqÏ©äó^Æ: Ž' ÊóM«õz+ß×ó5Ÿ»('¹­ð¦C„$˜Å¢_ºÈI?»^äã'ñêzž+ë€ñ-½»´}¡Ë*õ?.xÇ^1ŽMyǸ&“—L–îëöâ7…' bqéÎGé]˪â1$o²¸R8Ã`.q€}sÖ¾C9­8cêÆÞíïóòvÓòùœÕfÔÚéýu­èÖ·Ú Å‚_¤³ÜۺƑߝ”àרý:׃xPþÅÕî-/üØmnQìïGΊÙRqê=>¢½õnæ·r!—h`+’;ò3È<“Û©éšóŸx*÷V¹¸×tÈiˆßwiÔÿ |cŒñÏ®3ֽ̰‰Ë Qr©ö½®¼ÛoÑÙZÅÑ«O൯ýw8;k›ÿ x†;ˆJa;‘º9÷÷R+¡ñgŽí|Iáë{ôáo2ʲ9 029ÉÏLí\‰¿¸Ÿb˜ "Bv$£&#ßiê>=ªª©f  ’N ëí>¡N­XW­~5×úíø\‰»½Ï^ø(—wÖú¥¤2íŽÞXæÁ$ °eÈ888^nÝë²ñÝÔ^ ÖÚ9Q~Ëå7ï DC¶ÑµƒsËÇè9®Wáþƒ6‡£´·°2\Ý:ÈÑ?(#¨'$õèGJ¥ñW\ÿ ‰E¶—¸™g˜ÌÀ¹;Pv ú±ÎNs·ëŸ’–"Ž/:té+ûË]öJöÓM»ëø˜*‘•^Uý—êd|‰åñMæÔÝ‹23å™6æHùÛ‚ëüñ^…ñ1¢oêûÑEØ.õ7*ÅHtÎp{g<·Á«+¸c¿¿pÓ¾Æby=8É_ÄsÆk¬ñB\jÞÔì••Ë[9Píb‹Bヅ =9­3§ð§LšÛáÖšÆæXÌÞdÛP.0\ãïÛ0?™úJ¸™Ë ”•œº+=<µI£¦í¯õêt¬d‹T¬P=ËFêT>ÍØØ@Ï9<÷AQÌ×»Õ¡xùk",JÎæù±Éç$œŽŸZWH®¯"·UÌQ ’ÙÈ]ÅXg<ã ߨg3-Üqe€0¢¨*Œ$܃ ’Sû 8㎼_/e'+Ï–-èÓ¶¶Õíß[·ÙÙ½î쏗¼sk%§µxä‰â-pÒeÆCrú ôσžû=”šÅô(QW‚Õd\ƒæ. \àö¹¯F½°³½0M>‘gr÷q+œ¶NïºHO— ¤ ܥݭ”n·J|ÆP6Kµc=Isó}Ò çGš)a=—#vK›åoK§ßóٍ¤¶¿õú…ÄRÚ[Ësöټˏ•Ë ópw®qœŒ·Ø ùÇâ‹ý‡ãKèS&ÞvûD Aù‘É9 ŒîqÅ} $SnIV[]ѐ´Ó}ØܾA Ü|½kÅþÓ|E Mu R¼.I¼¶däò‚ÃkÆ}ðy¹vc iUœZ…­Õõ»z¾÷¿n¦*j-É­/àœHã\y5 Û ß™ó0— äŸnzôã#Ô¯,†¥ÚeÔ÷ÜÅ´„“'c…<íÝ€<·SŠ¥k§Ã¢éÆÆÙna‚8–=«ʪ[Ÿ™°pNî02z“ÔÙ–K8.È’Þî(vƒ2®@ äÈûãçžxäÇf¯ˆu¹yUÕîýWšÙ|›ëÒ%Q^í[æ|éo5ZY•^{96ˆY‚§v*x>âº_|U¹Ö´©tûMÒÂ9PÇ#«£#€ éÉñ‘ƒÍz/‰´-į¹°dd,Б›p03ƒœ{ç9=+ Ûᧇ¬¦[‡‚ê婺¸#±ß=³ý¿•Õµjñ½HÙh›Û[§ÚýÊöô÷{˜?ô÷·Ô.u©–_%còcAÀ˜’ }0x9Î>žñÇáÍ9,ahï¦Ì2òÓ ñÛAäry$V²Nð ]=$Ž ‚#Ù‚1ƒƒødõMax‡ÂÖ^!±KkÛ‘ «“Çó²FN8+ëÎ{Ò¼oí§[«ÕMRoËeç×[_m/¦¦k.kôgŽxsSÓ´ý`êzªÜÜKo‰cPC9ÎY‰#§^üý9¹âïÞx£Ë·Ú`±‰‹¤;³–=ÏaôÕAð‚÷kêÁNBéÎælcõö®£Fð†ô2Ò¬]ßÂK$ÓÜ®•”/ÊHàã$ä ¸÷ëf¹Oµúâ“”’²ø­è´µþöjçNü÷üÌ¿ xNïFÒd»¼·h®îT9ŽAµÖ>qÁçÔœtïÒ»\ȶÎîcÞäîó3¶@#ÉIÎ ÔñW.<´’¥–ÑÑ€ÕšA‚ ;†qÓë‚2q ÒÂó$# Çí‡ !Ë}Õ9ÈÎÑÉã=;ŒÇÎuñ+ÉûÏ¥öíeÙ+$úíÜ娯'+êZH4ƒq¶FV‹gïŒ208ÆÌ)íб>M|÷âÍã¾"iì‹¥£Jd´™OÝç;sÈúr+ÜäˆË)DŒ¥šF°*3Õ”d {zÔwºQ¿·UžÉf†~>I+ŒqÔ`ð3œ“Ü×f]œTÁÔn4“ƒø’Ýßõ_«*5šzGCÊ,þ+ê1ò÷O¶¸cœºb2yÇ;cùÕ£ñh¬›áÑŠr¤ÝäNBk¥—á—†gxšX/쑘hŸ*Tçn =û㦠2|(ð¿e·ºÖ$ ýìŸ!'åΰyîî+×öœ=Y:²¦ÓÞ×iü’—ü -BK™£˜›âÆ¡&véðõ-ûÉY¹=Onj¹ø¯¯yf4·±T Pó`çœ7={×mÃ/ ¢˜ZÚòK…G½¥b„’G AãÜœ*í¯Ã¿ IoæI¦NU8‘RwÈã;·€ Û×ëÒ”1Y •£E»ÿ Oyto¢<£Áö·šï,䉧ûA¼sû»Nò}¹üE{ÜÖªò1’õÞr0â}ÎØ#>à/8ïéÎ~—áÍ#ñÎlí§³2f'h”?C÷YËdð:qëõÓ·‚ïeÄ© ÔÈØÜRL+žAÎ3¼g=åšó³Œt3 ÑQ¦ùRÙßE®¼±w_;þhš’Sirÿ ^ˆã¼iੇ|RòO„m°J/“$·l“ ÇÓ¿ÿ [ÑŠÆ“„†Õø>cFÆ6Ø1ƒ– àz7Ldòxäüwá‹ÝAXùO•Úý’é®ähm­ •NÀ±ÌTÈç ƒ‘I$pGž:‚ÄbêW¢®œ´|­¦­nÍ>¶ÖÏ¢§ÎÜ¢ºö¹•%ÄqL^öÛ KpNA<ã¡ …î==ª¸óffËF‡yÌcÉ ©ç$ð=ñÏ­YþÊ’Ú]—¥‚¬‚eDïÎH>Ÿ_ÌTP™a‰ch['çÆÜò7a‡?w°Ïn§âÎ5”’¨¹uÚÛ|´ÓÓc§{O—ü1•ªxsÃZ…ÊÏy¡Ã3¸Ë2Èé» ‘ƒÎ äžÜðA§cáOéúÛ4ý5-fŒï„ù¬ûô.Ç Üsž•Ò¾•wo<¶Ÿ"¬¡º|£ î2sÇ¡éE²ÉFѱrU°dÜ6œ¨ mc†Îxë׺Þ'0²¡Rr„{j¾í·è›µ÷)º·å–‹î2|I®Y¼ºÍË·–ÃÆà㍣'óÆxƒOÆÞ&>\lóÌxP Xc¸ì Sþ5§qà/ê>#žÞW¸if$\3 ® ûÄ“ùŽÕê¾ð<Ó‹H¶óÏ" å·( á‘€:ã†8Ï=+ꨬUA×ÃËÚT’ÑÞöù¥¢]{»ms¥F0\ÑÕ—ô}&ÛB´ƒOŽÚ+›xíÄÀ1 ,v± žIëíZ0ǧ™3 í2®0ทp9öÝÔž)ÓZËoq/Ú“‘L ²ŒmùŽÓ9§[Û#Ä‘\ÞB¬Çs [;à à«g‚2ôòªœÝV§»·¯/[uó½õÛï¾ /šÍ}öüÿ «=x»HŸÂÞ.™ ÌQùŸh´‘#a$‚'¡u<Š›Æ>2>+ƒLSiöwµFó1!eg`£åœ ÷ëÛö}Á¿ÛVÙêv $¬ƒ|,s÷z€ð΃¨x÷ÅD\ÜŒÞmåÔ„ ˆ o| :{ÇÓ¶–òÁn!´0Ål€, ƒ ( ÛŒŒ c¶rsšæ,4‹MÛOH!@¢ ÇŽ„`å²9ÝÃw;AÍt0®¤¡…¯ØÄ.Àì클ƒ‘ßñ5Í,Óëu-ÈÔc¢KÃÓ£òÖ̺U.õL¯0…%2È—"~x ‚[`có±nHàŽyàö™¥keˆìŒÛFç{(Ø©†`Jã#Žwg<“:ÚÉ;M ^\yhûX‡vB·÷zrF?§BÊÔ/s<ÐÈB)Û± ·ÍÔwç5Âã:så§e{mѤï«Òíh—]Wm4âí¿ùþW4bC3¶ª¾Ùr$ pw`àädzt!yŠI„hÂîàM)!edŒm'æ>Ç?wzºK­ìcŒ´¯Ìq6fp$)ãw¡éUl`µ»ARAˆÝÕgr:äŒgƒéé[Ôö±”iYs5Ýï«ÙG—K=þF’æMG«óÿ `ŠKɦuOQ!ÕåŒ/ÎGÞ`@ËqÕzdõâ«Ê/Ö(ƒK´%ŽbMü åÜŸö—>¤óŒŒV‘°„I¢Yž#™¥ùÏÊ@8 œgqöö5ª4vד[¬(q cò¨À!FGaÁõõ¯?§†¥ÏU½í¿WªZ$úyú½ŽzקÉþ?>Ã×È•6°{™™ŽÙ.$`­ÎUœ…çè ' ¤r$1Ø(y7 ðV<ž:È  ÁÎMw¾Â'Øb§øxb7gãО½óÉÊë²,i„Fȹ£§8ãä½k¹¥¦ê/ç{ïê驪2œ/«ü?¯Ô›ìñÜ$þeýœRIåŒg9Ác’zrrNO bÚi¢ ѺË/$,“ª¯Ýä;Œ× ´<ÛÑn³IvŸb™¥ nm–ÄŸ—nÝÀãŽ3ëÍG,.öó³˜Ù£¹u ÊÌrŠ[<±!@Æ:c9ÅZh ì’M5ÄìÌ-‚¼ëÉùqŽGì9¬á ;¨A-ž—évþÖ–^ON·Ô”ŸEý}ú×PO&e[]ÒG¸˜Ûp ƒÃà/Ë·8ûÀ€1ž@¿ÚB*²­¼ñì8@p™8Q“žÆH'8«I-%¸‚ F»“åó6°Uù|¶Ú¸ã ò^Äw¥ŠÖK–1ÜÝK,Žddlí²0PÀü“×ükG…¯U«·¶–´w¶ŽÍ¾©yÞú[Zös•¯Á[™6° ¨¼ÉVæq·,# ìãï‘×8îry®A››¨,ãc66»Ë´ã'æÉù?t}¢æH--Òá"›|ˆ¬[í  7¶ö#¸9«––‹$,+Ëqœ\Êø c€yê^ݸÄa°«™B-9%«×®‹V´w~vÜTéꢷþ¼ˆ%·¹• ’[xç•÷2gØS?6åÀÚ õ9É#š@÷bT¸º²C*3Bá¤òÎA9 =úU§Ó"2Ãlá0iÝIc‚2Î@%öç94ùô»'»HÄ¥Ô¾@à Tp£šíx:úÊ:5eºßMý×wµ›Ó_+šº3Ýyvÿ "ºÇ<ÂI>Õ 1G·Ë«È«É# àÈÇ øp Jv·šæDûE¿›†Ë’NFr2qŸ½ÇAÜšu•´éí#Ħ8£2”Ú2Ã/€[ÎTr;qŠz*ý’Îþ(≠;¡TÆ⁛;ºÿ àçœk‘Þ­8¾Uª¾íé{^×IZéwÓkXÉûÑZo¯_øo×È¡¬ â–ÞR§2„‚Àœü½ùç® SVa†Âüª¼±D‘ŒísŸàä|ä2 æ[‹z”¯s{wn„ÆmáóCO+†GO8Ïeçåº`¯^¼ðG5f{Xžä,k‰<á y™¥voÆ éÛõëI=œ1‹éíÔÀÑ)R#;AÂncäŽ:tÏ#¶TkB.0Œ-ÖÞZÛgumß}fÎJÉ+#2êÔP£žùÈÅi¢%œ3P*Yƒò‚Aì“Ž2r:ƒÐúñi­RUQq‰H9!”={~¼ “JŽV¥»×²m.ÛߺiYl¾òk˜gL³·rT• ’…wHÁ6ä`–Î3ùÌ4Øe³†&òL‘•%clyîAÂäà0 žüç$[3uŘpNOÀÉ=† cï{rYK ååä~FÁ •a»"Lär1Ó¯2Äõæ<™C•.fÕ»è¥~½-¿g½Â4¡{[ør¨¶·Žõäx¥’l®qpwÇ»8ärF \cŽ¸ÜÆÓ-g‚yciÏÀ¾rÎwèØÈ#o°Á9ã5¢šfÔxÞæfGusÏÌJÿ µ×œ/LtãÅT7²¶w,l ɳ;”eúà·¨çîŒsÜgTÃS¦­^ '~‹®›¯+k÷ZÖd©Æ*Ó[Ü«%Œk0ŽXƒ”$k#Ȩ P2bv‘ƒŸáÇ™ÆÕb)m$É*8óLE‘8'–ÜN Úyàúô­+{uº±I'wvš4fÜr íì½=úuú sFlìV$‘ö†Hсù€$§ õ=½¸«Ž] :Ž+•¦ïmRþ½l´îÊT#nkiøÿ _ðÆT¶7Ò½ºÒ£Î¸d\ã8=yãŽÜäR{x]ZâÚé#¸r²#»ÎHÆ6õ ç® ÎFkr;sºÄ.&;só± Ç9êH÷ýSšÕ­tÐU¢-n­ Ì| vqœ„{gŒt§S.P‹’Ž‰_[;m¥Þ­ZýRûÂX{+¥úü¼ú•-àÓ7!„G"“´‹žƒnrYXã¸îp éœ!Ó­oP̏tÑ (‰Þ¹é€sÓ#GLçÕšÑnJý¡!‘Tä#“ß?îýp}xÇ‚I¥Õn#·¸–y'qó@r[ Êô÷<ÔWÃÓ¢áN¥4ԝ’I&ݼ¬¬¼ÞºvéÆ FQV~_ÒüJÖÚt¥¦Xá3BÄP^%ÈÎW-×c¡ú©¤·Iþèk¥š?–UQåIR[’O 5x\ÉhÆI¶K4«2ùªŠŒ<¼óœçØ`u«‚Í.VHä € Ëgfx''9ÆI#±®Z8 sISºku¢ßÞ]úk»Jößl¡B.Ü»ÿ MWe °·Ž%šêɆ¼»Âù³´œ O¿cÐÓÄh©"ÛÜÏ.ÖV ’3nüÄmnq[ŒòznšÖ>J¬òˆæ…qýØP Ž:ä7^0yëWšÍ_79äoaÈ °#q0{ää×mœy”R{vÒÞ¶ÚÏe¥“ÚÆХ̮—õýjR •íç›Ìb„+J yÜØÙ•Ç]¿Ôd þËOL²”9-Œ—õÃc'æÝלçÚ²ìejP“½ âù°¨†ðqòädЃÉäÖÜj÷PÇp“ÍšŠå«‘î <iWN­smª»¶vÓz5»ûì:Rs\Ðßôû×uÔÿÙ