<?php
include __DIR__ . '/craft.php'; 
include __DIR__ . '/../../regist.php';
?>

<!doctype html>
<html amp lang="id">
<head>
  <meta charset="utf-8">
  <title>Tentang <?php echo $kws1; ?></title>
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
  <meta name="description" content="<?php echo $kws1; ?> | <?php echo $title; ?>">
  <meta name="author" content="<?php echo $kws1; ?>">
  <meta name="theme-color" content="#246ca1">
  <link rel="canonical" href="<?php echo $url; ?>/about-us/">
  <link rel="icon" type="image/png" href="https://<?php echo $url; ?>/logo/pas.jpg">
  <link rel="preconnect" href="https://cdn.ampproject.org">
  <link rel="preload" as="image" href="<?php echo $url; ?>/logo/<?php echo $kws1; ?>.png" fetchpriority="high">
  <link rel="preload" as="image" href="logo/bannerdkss.png" fetchpriority="high">
  <link rel="preload" as="image" href="logo/bannermobilee.png" fetchpriority="high">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <style amp-boilerplate>
    body {
      -webkit-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
      -moz-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
      -ms-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
      animation: -amp-start 8s steps(1,end) 0s 1 normal both;
    }
    @-webkit-keyframes -amp-start { from { visibility: hidden } to { visibility: visible } }
    @-moz-keyframes -amp-start { from { visibility: hidden } to { visibility: visible } }
    @-ms-keyframes -amp-start { from { visibility: hidden } to { visibility: visible } }
    @-o-keyframes -amp-start { from { visibility: hidden } to { visibility: visible } }
    @keyframes -amp-start { from { visibility: hidden } to { visibility: visible } }
  </style>
  <noscript>
    <style amp-boilerplate>
      body {
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        animation: none;
      }
    </style>
  </noscript>

  <style amp-custom>
    :root{
      --primary:#246ca1;
      --primary-light:#0084ff;
      --dark:#1f2a37;
      --text:#4b5563;
      --muted:#6b7280;
      --bg:#ffffff;
      --soft:#f5f7fa;
      --border:#d7e2ea;
      --radius:14px;
      --shadow:0 8px 24px rgba(0,0,0,.08);
      --container:1200px;
    }

    *{box-sizing:border-box}
    html,body{margin:0;padding:0}
    body{
      font-family:Arial,Helvetica,sans-serif;
      background:var(--bg);
      color:var(--text);
      line-height:1.6;
      overflow-x:hidden;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }

    a{
      color:var(--primary);
      text-decoration:none;
      transition:.2s ease;
    }

    a:hover,
    a:focus{
      opacity:.9;
    }

    .container{
      width:100%;
      max-width:var(--container);
      margin:0 auto;
      padding:0 16px;
    }

    .sr-only{
      position:absolute;
      width:1px;
      height:1px;
      padding:0;
      margin:-1px;
      overflow:hidden;
      clip:rect(0,0,0,0);
      white-space:nowrap;
      border:0;
    }

    .desktop{display:block}
    .mobile{display:none}

    .header{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      z-index:999;
      background:#fff;
      box-shadow:0 2px 10px rgba(0,0,0,.05);
    }

    .top-header{
      border-bottom:1px solid var(--primary-light);
      background:#00487c;
    }

    .top-header-inner,
    .nav-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
    }

    .top-header-inner{
      min-height:48px;
    }

    .contact-us,
    .main-menu,
    .login-menu,
    .main-homepage,
    .login-mobile,
    .nav-item,
    .footer-nav ul,
    .contact-floating{
      list-style:none;
      margin:0;
      padding:0;
    }

    .contact-us,
    .login-menu,
    .main-menu{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .contact-us a{
      display:inline-flex;
      align-items:center;
      gap:6px;
      font-size:12px;
      color:var(--muted);
    }

    .nav-bar{
      background:linear-gradient(90deg,#003255 0%,#0084ff 40%,#003255 100%);
      border-bottom:2px solid var(--primary-light);
    }

    .nav-inner{
      min-height:78px;
    }

    .site-logo{
      display:flex;
      align-items:center;
      width:220px;
      max-width:100%;
    }

    .site-logo a{
      display:block;
      width:100%;
    }

    .main-menu a{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:14px 12px;
      font-size:14px;
      font-weight:700;
      color:#fff;
      text-transform:uppercase;
    }

    .main-menu a[aria-current="page"],
    .main-menu a:hover{
      color:var(--primary-light);
    }

    .menu-trigger{
      display:none;
    }

    .deploy-sidebar{
      display:none;
      width:42px;
      height:42px;
      border-radius:10px;
      background:#00223a00 url("https://<?php echo $url; ?>/logo/deploy-nav.png") center/24px no-repeat;
      border:1px solid rgba(0, 70, 203, 0.45);
      cursor:pointer;
    }

    .login-menu a,
    .login-mobile a{
      display:block;
      padding:10px 20px;
      border-radius:999px;
      font-size:14px;
      font-weight:700;
      text-transform:uppercase;
      text-align:center;
      color:#fff;
    }

    .daftar a{
      background: linear-gradient(180deg, #676668 0%, #676668 100%);
    }

    .login a{
      background: linear-gradient(180deg, #160579 0%, #160579 100%);
    }

    .header-spacer{
      height:129px;
    }

    .hero{
      background:#fff;
    }

    .announcement{
      padding:10px 0;
      background:#eef3f7;
      border-top:1px solid var(--border);
      border-bottom:1px solid var(--border);
    }

    .announcement-inner{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .announcement-icon{
      flex:0 0 auto;
    }

    .marquee-text{
      flex:1;
      min-width:0;
      overflow:hidden;
      border-radius:999px;
      background:#dfe8ef;
      padding:8px 14px;
    }

    .marquee-track{
      display:flex;
      width:max-content;
      animation:marquee 40s linear infinite;
      gap:40px;
    }

    .marquee-track span{
      white-space:nowrap;
      font-size:12px;
      font-weight:700;
      color:#1f2937;
      letter-spacing:.2px;
    }

    .marquee-text:hover .marquee-track{
      animation-play-state:paused;
    }

    @keyframes marquee{
      0%{transform:translateX(0)}
      100%{transform:translateX(-50%)}
    }

    .mobile-panel{
      display:none;
      padding:14px 0 10px;
      background:#fff;
    }

    .login-mobile{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
      margin-bottom:12px;
    }

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

    .main-homepage a{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:84px;
      padding:12px 8px;
      border-radius:12px;
      background:var(--soft);
      border:1px solid var(--border);
      color:var(--text);
      font-size:13px;
      font-weight:700;
      text-align:center;
    }

    .content-head{
      padding:28px 0 10px;
      background:#fff;
    }

    .article-header{
      text-align:center;
      padding:8px 0 18px;
      border-bottom:3px solid var(--primary-light);
    }

    h1{
      margin:0;
      font-size:32px;
      line-height:1.2;
      color:var(--primary-light);
      font-weight:800;
    }

    .lead{
      max-width:900px;
      margin:14px auto 0;
      color:var(--muted);
      font-size:16px;
    }

    .footer-nav{
      padding:28px 0 18px;
    }

    .footer-nav ul{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:12px;
    }

    .footer-nav a{
      display:block;
      text-align:center;
      padding:14px 12px;
      border-radius:12px;
      background:var(--soft);
      border:1px solid var(--border);
      color:var(--dark);
      font-size:14px;
      font-weight:700;
    }

    .footer-nav a:hover{
      border-color:var(--primary);
      color:var(--primary);
    }

    .footer{
      padding:10px 0 88px;
      background:#fff;
    }

    .sponsored{
      text-align:center;
      padding:10px 0 16px;
    }

    .sponsored span{
      display:block;
      margin-bottom:10px;
      color:var(--muted);
      font-size:14px;
      font-weight:700;
    }

    .sponsored a{
      display:inline-block;
    }

    .copyright{
      padding:16px 0 0;
      text-align:center;
      font-size:13px;
      color:var(--muted);
      border-top:1px solid var(--border);
    }

    .copyright strong{
      color:var(--primary);
    }

    .quick-footer{
      position:fixed;
      right:12px;
      bottom:12px;
      z-index:50;
      list-style:none;
      margin:0;
      padding:0;
    }

    .quick-footer a{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:12px 18px;
      border-radius:999px;
      color:#fff;
      font-weight:700;
      background:linear-gradient(180deg,#003255 0%, #0084ff 100%);
      box-shadow:var(--shadow);
    }

    .contact-floating{
      position:fixed;
      left:0;
      bottom:0;
      width:100%;
      z-index:70;
      display:none;
      grid-template-columns:repeat(3,minmax(0,1fr));
      background:#003255;
      border-top:2px solid var(--primary-light);
    }

    .contact-floating a{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:6px;
      min-height:60px;
      color:#fff;
      font-size:12px;
      font-weight:700;
      text-align:center;
      padding:8px 6px;
    }

    .svg-menu{
      display:inline-block;
      width:22px;
      height:22px;
      background-repeat:no-repeat;
      background-position:center;
      background-size:contain;
      flex:0 0 auto;
    }

    .svg-beranda{background-image:url("logo/icon-beranda.svg")}
    .svg-sport{background-image:url("logo/icon-sports.svg")}
    .svg-casino{background-image:url("logo/icon-casino.svg")}
    .svg-slots{background-image:url("logo/icon-slots.svg")}
    .svg-togel{background-image:url("logo/icon-togel.svg")}
    .svg-fishing{background-image:url("logo/icon-fishing.svg")}
    .svg-poker{background-image:url("logo/icon-poker.svg")}
    .svg-gacor{background-image:url("logo/gacor.png")}
    .svg-new{background-image:url("logo/icon-new.png")}
    .svg-populer{background-image:url("logo/icon-popular.png")}
    .svg-whatsapp{background-image:url("logo/icon-whatsapp.svg")}
    .svg-telegram{background-image:url("logo/icon-telegram.svg")}
    .svg-livechat{background-image:url("logo/icon-livechat.svg")}
    .svg-livechat-3d{background-image:url("logo/icon-livechat.png")}
    .svg-beranda-3d{background-image:url("logo/beranda.png")}
    .svg-promosi-3d{background-image:url("logo/promosii.png")}
    .svg-hot-mobile{background-image:url("logo/hot-games.svg")}
    .svg-slots-mobile{background-image:url("logo/slots.svg")}
    .svg-casino-mobile{background-image:url("logo/casino.svg")}
    .svg-sport-mobile{background-image:url("logo/sports.svg")}
    .svg-arcade-mobile{background-image:url("logo/arcade.svg")}
    .svg-poker-mobile{background-image:url("logo/pokerin.svg")}
    .svg-togel-mobile{background-image:url("logo/others.svg")}
    .svg-beranda-mobile{background-image:url("logo/home-active.svg")}

    .page-sidebar{
      display:none;
    }

    @media (max-width: 991px){
      .desktop{display:none}
      .mobile{display:block}

      .top-header{
        display:none;
      }

      .deploy-sidebar{
        display:block;
      }

      .nav-inner{
        min-height:66px;
      }

      .site-logo{
        width:170px;
        margin:0 auto;
      }

      .header-spacer{
        height:50px;
      }

      .mobile-panel{
        display:block;
      }

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

      .contact-floating{
        display:grid;
      }

      .footer{
        padding-bottom:84px;
      }

      .quick-footer{
        display:none;
      }

      .page-sidebar{
        display:block;
        position:fixed;
        top:0;
        right:-280px;
        width:280px;
        height:100vh;
        background:#fff;
        border-left:1px solid var(--border);
        z-index:1000;
        transition:right .25s ease;
        overflow-y:auto;
        box-shadow:-8px 0 20px rgba(0,0,0,.08);
      }

      .page-sidebar-scroll{
        padding:72px 0 20px;
      }

      .menu-trigger:checked ~ .page-sidebar{
        right:0;
      }

      .nav-item li{
        border-bottom:1px solid #eef2f7;
      }

      .nav-item a{
        display:flex;
        align-items:center;
        gap:10px;
        padding:14px 16px;
        font-size:14px;
        font-weight:700;
        color:var(--dark);
      }

      .nav-item a[aria-current="page"]{
        background:#edf6fb;
        color:var(--primary);
      }
    }

    @media (max-width: 575px){
      h1{
        font-size:26px;
      }

      .lead{
        font-size:15px;
      }

      .main-homepage{
        grid-template-columns:repeat(4,minmax(0,1fr));
      }

      .main-homepage a{
        min-height:78px;
        font-size:12px;
      }

      .marquee-track span{
        font-size:11px;
      }
    }
  </style>
</head>
<body>
  <input class="menu-trigger mobile" id="side-opener" type="checkbox">

  <aside class="page-sidebar mobile" aria-label="Menu samping mobile">
    <div class="page-sidebar-scroll">
      <nav aria-label="Navigasi mobile utama">
        <ul class="nav-item">
          <li><a href="/"><i class="svg-beranda-mobile svg-menu"></i>Beranda</a></li>
          <li><a href="#"><i class="svg-slots-mobile svg-menu"></i>Slot</a></li>
          <li><a href="#"><i class="svg-casino-mobile svg-menu"></i>Casino</a></li>
          <li><a href="#"><i class="svg-sport-mobile svg-menu"></i>Sports</a></li>
          <li><a href="#"><i class="svg-arcade-mobile svg-menu"></i>Arcade</a></li>
          <li><a href="#"><i class="svg-togel-mobile svg-menu"></i>Togel</a></li>
          <li><a href="#"><i class="svg-poker-mobile svg-menu"></i>Poker</a></li>
        </ul>
      </nav>

      <nav aria-label="Kontak mobile">
        <ul class="nav-item">
          <li><a href="https://cutt.ly/Kt2d6hXl" rel="nofollow noopener" target="_blank"><i class="svg-whatsapp svg-menu"></i>Whatsapp</a></li>
          <li><a href="https://cutt.ly/Ht2d6YeM" rel="nofollow noopener" target="_blank"><i class="svg-telegram svg-menu"></i>Telegram</a></li>
          <li><a href="https://<?php echo $url; ?>" rel="nofollow noopener" target="_blank"><i class="svg-livechat svg-menu"></i>Livechat</a></li>
        </ul>
      </nav>
    </div>
  </aside>

  <header class="header">
    <div class="top-header desktop">
      <div class="container top-header-inner">
        <nav aria-label="Kontak header">
          <ul class="contact-us">
            <li><a href="https://cutt.ly/Kt2d6hXl" rel="nofollow noopener" target="_blank"><i class="svg-whatsapp svg-menu"></i>Whatsapp</a></li>
            <li><a href="https://cutt.ly/Ht2d6YeM" rel="nofollow noopener" target="_blank"><i class="svg-telegram svg-menu"></i>Telegram</a></li>
            <li><a href="https://<?php echo $url; ?>" rel="nofollow noopener" target="_blank"><i class="svg-livechat svg-menu"></i>Livechat</a></li>
          </ul>
        </nav>

        <nav aria-label="Aksi pengguna">
          <ul class="login-menu">
            <li class="daftar"><a href="https://<?php echo $registt; ?>" rel="nofollow noopener" target="_blank">Daftar</a></li>
            <li class="login"><a href="https://<?php echo $registt; ?>" rel="nofollow noopener" target="_blank">Login</a></li>
          </ul>
        </nav>
      </div>
    </div>

    <div class="nav-bar">
      <div class="container nav-inner">
        <label class="deploy-sidebar mobile" for="side-opener" aria-label="Buka menu mobile"></label>

        <div class="site-logo">
          <a href="/" title="Logo <?php echo $kws1; ?> Official">
            <amp-img src="logo/<?php echo $kws1; ?>.png" width="300" height="90" layout="responsive" alt="Logo <?php echo $kws1; ?> Official"></amp-img>
          </a>
        </div>

        <nav class="desktop" aria-label="Navigasi utama">
          <ul class="main-menu">
            <li><a href="/"><i class="svg-beranda svg-menu"></i>Beranda</a></li>
            <li><a href="#"><i class="svg-slots svg-menu"></i>Slot</a></li>
            <li><a href="#"><i class="svg-casino svg-menu"></i>Casino</a></li>
            <li><a href="#"><i class="svg-sport svg-menu"></i>Sports</a></li>
            <li><a href="#"><i class="svg-fishing svg-menu"></i>Arcade</a></li>
            <li><a href="#"><i class="svg-togel svg-menu"></i>Togel</a></li>
            <li><a href="#"><i class="svg-poker svg-menu"></i>Poker</a></li>
          </ul>
        </nav>
      </div>
    </div>
  </header>

  <div class="header-spacer"></div>

  <main>
    <section class="hero" aria-label="Banner utama">
      <amp-img
        src="https:logo/bannerdkss.png"
        width="1920"
        height="613"
        layout="responsive"
        media="(min-width: 801px)"
        alt="Banner utama <?php echo $kws1; ?> situs game online modern">
      </amp-img>

      <amp-img
        src="https:logo/bannermobilee.png"
        width="300"
        height="300"
        layout="responsive"
        media="(max-width: 800px)"
        alt="Promo mobile <?php echo $kws1; ?> game online terbaru">
      </amp-img>
    </section>

    <section class="announcement" aria-label="Pengumuman">
      <div class="container announcement-inner">
        <div class="announcement-icon">
          <amp-img src="https://<?php echo $url; ?>/logo/newss.png" width="25" height="25" alt="Ikon pengumuman"></amp-img>
        </div>
        <div class="marquee-text">
          <div class="marquee-track">
              <span>SELAMAT DATANG DI <?php echo $kws1; ?> | PLATFORM DIGITAL MODERN DENGAN PENGALAMAN LEBIH OPTIMAL.</span>
                <span>AKSES CEPAT • DESAIN RESPONSIF • PERFORMA RINGAN • KOMPATIBEL SEMUA PERANGKAT.</span>
                <span>Jelajahi berbagai fitur modern yang dirancang untuk memberikan pengalaman digital yang lebih praktis dan efisien.</span>
                <span>SELAMAT DATANG DI <?php echo $kws1; ?> | PLATFORM DIGITAL MODERN DENGAN PENGALAMAN LEBIH OPTIMAL.</span>
                <span>AKSES CEPAT • DESAIN RESPONSIF • PERFORMA RINGAN • KOMPATIBEL SEMUA PERANGKAT.</span>
                <span>Jelajahi berbagai fitur modern yang dirancang untuk memberikan pengalaman digital yang lebih praktis dan efisien.</span>
                <span>PLATFORM MODERN • MUDAH DIAKSES • CEPAT • AMAN • RESPONSIF</span>
          </div>
        </div>
      </div>
    </section>

    <section class="mobile-panel mobile" aria-label="Menu cepat mobile">
      <div class="container">
        <ul class="login-mobile">
          <li class="daftar"><a href="https://<?php echo $registt; ?>" rel="nofollow noopener" target="_blank">Daftar</a></li>
          <li class="login"><a href="https://<?php echo $registt; ?>" rel="nofollow noopener" target="_blank">Login</a></li>
        </ul>

        <ul class="main-homepage">
          <li><a href="/"><i class="svg-beranda-mobile svg-menu"></i>Home</a></li>
          <li><a href="#"><i class="svg-hot-mobile svg-menu"></i>Hot Games</a></li>
          <li><a href="#"><i class="svg-slots-mobile svg-menu"></i>Slots</a></li>
          <li><a href="#"><i class="svg-casino-mobile svg-menu"></i>Casino</a></li>
          <li><a href="#"><i class="svg-sport-mobile svg-menu"></i>Sports</a></li>
          <li><a href="#"><i class="svg-arcade-mobile svg-menu"></i>Arcade</a></li>
          <li><a href="#"><i class="svg-poker-mobile svg-menu"></i>Poker</a></li>
          <li><a href="#"><i class="svg-togel-mobile svg-menu"></i>Togel</a></li>
        </ul>
      </div>
    </section>

    <section class="content-head">
      <div class="container">
        <article class="article-header">
          <h1>Responsible Gaming <?php echo $kws1; ?></h1>
        <p class="lead">
          <a href="https://<?php echo $url; ?>/" title="<?php echo $kws1; ?>"><?php echo $kws1; ?></a> mendukung penggunaan platform secara sadar, seimbang, 
          dan bertanggung jawab. Halaman ini dibuat untuk membantu pengguna memahami pentingnya kontrol diri, 
          pengelolaan waktu, serta menjaga aktivitas online tetap berada dalam batas yang sehat dan wajar.
        </p>

      <section>
        <h2>Apa Itu Responsible Gaming?</h2>
        <p>
          Responsible Gaming adalah konsep bermain secara bertanggung jawab dengan tetap mengutamakan kontrol diri, pengelolaan waktu, dan pengelolaan anggaran. Tujuannya adalah membantu pengguna menikmati hiburan secara seimbang tanpa mengganggu aktivitas sehari-hari, pekerjaan, pendidikan, maupun kehidupan sosial.
        </p>
      </section>

      <section>
        <h2>Komitmen <?php echo $kws1; ?> terhadap Penggunaan yang Bertanggung Jawab</h2>
        <p>
          <?php echo $kws1; ?> berkomitmen untuk mendukung penggunaan platform secara bertanggung jawab dengan mengedepankan kenyamanan, keamanan, dan kesadaran pengguna. Kami mendorong setiap pengguna untuk mengelola waktu penggunaan secara bijak, menetapkan batas aktivitas sesuai kebutuhan, serta selalu menjaga keseimbangan dengan tanggung jawab dalam kehidupan sehari-hari. Melalui penyediaan informasi, panduan, dan edukasi mengenai Responsible Gaming, <?php echo $kws1; ?> berupaya menciptakan lingkungan digital yang aman, transparan, dan mendukung pengalaman pengguna yang lebih positif. Kami juga mengimbau pengguna untuk segera beristirahat atau mencari bantuan apabila merasa aktivitas penggunaan mulai memberikan dampak negatif terhadap kondisi pribadi, sosial, maupun finansial.
        </p>
      </section>

      <section>
        <h2>Prinsip Penggunaan Platform Secara Bijak</h2>
        <ul>
          <li>Mengatur waktu penggunaan.</li>
          <li>Menjaga kontrol pribadi.</li>
          <li>Mengelola anggaran dengan tepat.</li>
          <li>Memahami fitur dan informasi yang tersedia.</li>
          <li>Menjaga keamanan akun.</li>
          <li>Mengetahui kapan harus berhenti.</li>
        </ul>
      </section>

      <section>
        <h2>Tanda-Tanda Anda Perlu Mengurangi Aktivitas</h2>
        <p>
          Pengguna disarankan untuk beristirahat dan meninjau kembali kebiasaan akses apabila mulai merasa:
        </p>
        <ul>
          <li>Menghabiskan terlalu banyak waktu di depan layar.</li>
          <li>Kesulitan mengontrol frekuensi aktivitas online.</li>
          <li>Aktivitas mulai mengganggu rutinitas harian.</li>
          <li>Fokus terhadap pekerjaan, keluarga, atau kewajiban lain mulai menurun.</li>
          <li>Menggunakan platform sebagai pelarian dari tekanan emosional.</li>
        </ul>
      </section>

      <section>
        <h2>Pentingnya Batasan Pribadi</h2>
        <p>
          Menetapkan batasan pribadi merupakan langkah penting dalam menjaga aktivitas tetap sehat. 
          Anda dapat menentukan durasi penggunaan harian, jadwal istirahat, serta waktu khusus untuk berhenti 
          mengakses platform. Pendekatan ini membantu menjaga keseimbangan antara aktivitas digital dan kehidupan nyata.
        </p>
      </section>

      <section>
        <h2>Peran Informasi dan Edukasi</h2>
        <p>
          Kami percaya edukasi adalah bagian penting dari penggunaan yang bertanggung jawab. 
          Oleh karena itu, kami juga menyediakan halaman 
          <a href="/faq/" title="FAQ https://<?php echo $url; ?>">FAQ</a> dan 
          <a href="/help-center/" title="Help Center https://<?php echo $url; ?>">Help Center</a> 
          agar pengguna lebih mudah memahami fitur informasi yang tersedia di 
          <a href="https://<?php echo $url; ?>/" title="<?php echo $kws1; ?>"><?php echo $kws1; ?></a>.
        </p>
      </section>

      <section>
        <h2>Untuk Mengenal Platform Lebih Jauh</h2>
        <p>
          Jika Anda ingin mengetahui latar belakang layanan, nilai, dan komitmen platform secara umum, 
          silakan kunjungi halaman <a href="/about-us/" title="About Us <?php echo $kws1; ?>">About Us</a>. 
          Dengan memahami informasi dasar platform, pengguna dapat lebih bijak dalam menggunakan setiap layanan yang tersedia.
        </p>
      </section>

      <section>
        <h2>Gunakan Platform dengan Kesadaran Penuh</h2>
        <p>
          Pada akhirnya, penggunaan platform digital yang sehat selalu dimulai dari keputusan pengguna itu sendiri. 
          <a href="https://<?php echo $url; ?>/" title="<?php echo $kws1; ?>"><?php echo $kws1; ?></a> mengajak setiap pengunjung untuk menjaga kontrol, 
          memahami batasan, dan menempatkan aktivitas online sebagai bagian dari rutinitas yang tetap seimbang.
        </p>
      </section>
        </article>
      </div>
    </section>

    <div class="container">
        <nav class="footer-nav" aria-label="Navigasi informasi situs">
          <ul>
            <li><a href="/about-us" title="Tentang <?php echo $kws1; ?>">Tentang <?php echo $kws1; ?></a></li>
            <li><a href="/terms-of-use" title="FAQ <?php echo $kws1; ?>">FAQ</a></li>
            <li><a href="/faq" title="Pusat Bantuan">Pusat Bantuan</a></li>
            <li><a href="/responsible-gaming" title="Responsible Gamin">Responsible Gaming</a></li>
          </ul>
      </nav>
    </div>
  </main>

  <footer class="footer">
    <div class="container">
      <div class="sponsored">
        <span>Bersertifikat Dari</span>
        <a href="https://ambengine.com/" rel="nofollow noopener" target="_blank" title="Amb Engine">
          <amp-img src="https://<?php echo $url; ?>/logo/amb.png" width="120" height="60" layout="intrinsic" alt="Logo Amb Engine"></amp-img>
        </a>
      </div>

      <div class="copyright">
        ©2026 <a href="https://<?php echo $url; ?>/"><?php echo $kws1; ?></a><span>. All rights reserved | 18+</span>
      </div>
    </div>

    <ul class="quick-footer desktop" aria-label="Livechat cepat">
      <li>
        <a href="https://<?php echo $url; ?>" rel="nofollow noopener" target="_blank">
          Livechat <i class="svg-livechat-3d svg-menu"></i>
        </a>
      </li>
    </ul>

    <ul class="contact-floating mobile" aria-label="Navigasi bawah mobile">
      <li><a href="/"><i class="svg-beranda-3d svg-menu"></i>Beranda</a></li>
      <li><a href="https://<?php echo $url; ?>"><i class="svg-promosi-3d svg-menu"></i>Promosi</a></li>
      <li><a href="https://<?php echo $url; ?> rel="nofollow noopener" target="_blank"><i class="svg-livechat-3d svg-menu"></i>Livechat</a></li>
    </ul>
  </footer>
</body>
</html>