.elementor-9556 .elementor-element.elementor-element-9dde8f0{--display:flex;}/* Start custom CSS for html, class: .elementor-element-8e3f5fe */<!-- ============================================================
     GSA LANDING PAGE — konten utama (tanpa header & footer)
     Cara pakai di WordPress:
     1. Tempel SELURUH kode ini (termasuk <style> dan <script> di bawah)
        ke dalam widget "HTML" / Custom HTML di Elementor.
     2. Hero berupa SLIDER 3 foto (otomatis geser tiap 5 detik, bisa juga
        diklik panah/dot).
============================================================= -->
<section class="gsa-wrap" id="gsa-landing">
<style>
  #gsa-landing{
    --gsa-navy:#0b2e5c;
    --gsa-navy-dark:#08213f;
    --gsa-blue:#1656a6;
    --gsa-gold:#f2a71b;
    --gsa-ink:#1c2530;
    --gsa-sub:#5c6b7a;
    --gsa-line:#e3e8ee;
    --gsa-bg-soft:#f4f7fb;
    font-family:'Segoe UI',Arial,Helvetica,sans-serif;
    color:var(--gsa-ink);
    box-sizing:border-box;
  }
  #gsa-landing *{box-sizing:border-box;}
  #gsa-landing img{max-width:100%;display:block;}
  #gsa-landing a{text-decoration:none;color:inherit;}
  #gsa-landing .gsa-container{max-width:1180px;margin:0 auto;padding:0 24px;}
  #gsa-landing .gsa-eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    color:var(--gsa-blue);font-weight:700;font-size:13px;
    letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;
  }
  #gsa-landing .gsa-eyebrow::before{content:"";width:22px;height:2px;background:var(--gsa-gold);display:inline-block;}
  #gsa-landing h2{font-size:34px;line-height:1.2;margin:0 0 16px;color:var(--gsa-navy-dark);}
  #gsa-landing p{color:var(--gsa-sub);line-height:1.7;margin:0 0 16px;font-size:15.5px;}

  /* ---------- Buttons ---------- */
  #gsa-landing .gsa-btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 26px;border-radius:8px;font-weight:600;font-size:15px;
    border:2px solid transparent;cursor:pointer;transition:.2s ease;
  }
  #gsa-landing .gsa-btn-primary{background:var(--gsa-blue);color:#fff;}
  #gsa-landing .gsa-btn-primary:hover{background:var(--gsa-navy);}
  #gsa-landing .gsa-btn-outline{border-color:#fff;color:var(--gsa-navy-dark);background:#fff;}
  #gsa-landing .gsa-btn-outline:hover{background:var(--gsa-bg-soft);}
  #gsa-landing .gsa-btn-white{background:#fff;color:var(--gsa-navy);}
  #gsa-landing .gsa-btn-white:hover{background:var(--gsa-gold);color:#fff;}

  /* ---------- Image placeholder (jaga-jaga kalau masih ada) ---------- */
  #gsa-landing .gsa-img-ph{
    background:linear-gradient(135deg,#d9e3ee,#c3d2e3);
    display:flex;align-items:center;justify-content:center;
    color:#5c7290;font-size:13px;font-weight:600;text-align:center;
    border-radius:12px;min-height:140px;padding:10px;
  }

  /* ================= HERO ================= */
  #gsa-landing .gsa-hero{
    position:relative;
    min-height:520px;
    overflow:hidden;
    background:#0b2e5c;
  }
  #gsa-landing .gsa-hero-inner{
    position:absolute;inset:0;z-index:3;
  }
  #gsa-landing .gsa-hero-inner .gsa-container{
    position:absolute;top:50%;left:50%;
    transform:translate(-50%,-50%);
    width:100%;box-sizing:border-box;
  }
  #gsa-landing .gsa-hero-slide{
    position:absolute;inset:0;width:100%;height:100%;
    opacity:0;transition:opacity .8s ease;z-index:0;
  }
  #gsa-landing .gsa-hero-slide.gsa-active{opacity:1;z-index:1;}
  #gsa-landing .gsa-hero-slide img{
    width:100%;height:100%;object-fit:cover;object-position:center;
  }
  #gsa-landing .gsa-hero-overlay{
    position:absolute;inset:0;z-index:2;pointer-events:none;
    background:linear-gradient(90deg,
      rgba(238,243,250,.96) 0%,
      rgba(238,243,250,.88) 28%,
      rgba(238,243,250,.35) 52%,
      rgba(11,46,92,.08) 100%);
  }
  #gsa-landing .gsa-hero-text{
    position:relative;z-index:3;
    max-width:560px;
  }
  #gsa-landing .gsa-hero h1{
    font-size:46px;line-height:1.18;margin:0 0 18px;color:var(--gsa-navy-dark);
    font-weight:800;
  }
  #gsa-landing .gsa-hero h1 span{color:var(--gsa-blue);}
  #gsa-landing .gsa-hero p{font-size:16.5px;max-width:440px;}
  #gsa-landing .gsa-hero-since{color:var(--gsa-blue);font-weight:700;}
  #gsa-landing .gsa-hero-btns{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;}

  /* dot navigasi slider (fungsional, reset total dari style tema) */
  #gsa-landing .gsa-hero-dots{
    position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:4;
    display:flex;gap:6px;
  }
  #gsa-landing .gsa-hero-dots button{
    all:unset !important;
    box-sizing:border-box !important;
    display:inline-block !important;
    width:7px !important;height:7px !important;
    min-width:0 !important;min-height:0 !important;
    border-radius:50% !important;
    background:rgba(11,46,92,.25) !important;
    cursor:pointer !important;
    transition:.2s ease !important;
  }
  #gsa-landing .gsa-hero-dots button.gsa-active{
    background:var(--gsa-blue) !important;
    width:18px !important;
    border-radius:4px !important;
  }

  /* ================= ABOUT ================= */
  #gsa-landing .gsa-about{padding:80px 0;background:#fff;}
  #gsa-landing .gsa-about-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;
  }
  #gsa-landing .gsa-about p{max-width:460px;}
  #gsa-landing .gsa-tagline{
    font-style:italic;color:var(--gsa-navy);font-size:19px;margin:22px 0 26px;
    position:relative;padding-left:16px;border-left:3px solid var(--gsa-gold);
  }
  #gsa-landing .gsa-about-media{
    position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:14px;
  }
  #gsa-landing .gsa-about-media .gsa-tall{grid-row:span 2;min-height:300px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#d9e3ee,#c3d2e3);}
  #gsa-landing .gsa-about-media .gsa-small{min-height:143px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#d9e3ee,#c3d2e3);}
  #gsa-landing .gsa-about-media .gsa-tall img,
  #gsa-landing .gsa-about-media .gsa-small img{width:100%;height:100%;object-fit:cover;display:block;}
  #gsa-landing .gsa-since-badge{
    position:absolute;left:-18px;bottom:-18px;
    background:var(--gsa-navy);color:#fff;border-radius:14px;
    padding:20px 26px;box-shadow:0 14px 30px -12px rgba(8,33,63,.5);
  }
  #gsa-landing .gsa-since-badge .gsa-label{font-size:13px;opacity:.85;line-height:1.3;}
  #gsa-landing .gsa-since-badge .gsa-year{font-size:26px;font-weight:800;color:var(--gsa-gold);}

  /* ================= PRODUCTS ================= */
  #gsa-landing .gsa-products{padding:80px 0;background:var(--gsa-bg-soft);}
  #gsa-landing .gsa-products-head{
    display:flex;justify-content:space-between;align-items:flex-end;
    margin-bottom:34px;flex-wrap:wrap;gap:14px;
  }
  #gsa-landing .gsa-products-head h2{margin:0;}
  #gsa-landing .gsa-view-all{color:var(--gsa-blue);font-weight:700;font-size:14.5px;display:inline-flex;gap:6px;align-items:center;}
  #gsa-landing .gsa-products-grid{
    display:grid;grid-template-columns:repeat(6,1fr);gap:18px;
  }
  #gsa-landing .gsa-card{
    background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--gsa-line);
    transition:.25s ease;
  }
  #gsa-landing .gsa-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -18px rgba(11,46,92,.35);}
  #gsa-landing .gsa-card-img{height:110px;border-radius:0;overflow:hidden;}
  #gsa-landing .gsa-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
  #gsa-landing .gsa-card-body{padding:16px 16px 18px;position:relative;}
  #gsa-landing .gsa-card-icon{
    width:36px;height:36px;border-radius:50%;background:var(--gsa-blue);color:#fff;
    display:flex;align-items:center;justify-content:center;
    margin-top:-34px;margin-bottom:10px;border:3px solid #fff;
  }
  #gsa-landing .gsa-card-icon svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
  #gsa-landing .gsa-card h3{font-size:16px;margin:0 0 6px;color:var(--gsa-navy-dark);}
  #gsa-landing .gsa-card p{font-size:13px;margin:0;line-height:1.5;}
  #gsa-landing .gsa-card-arrow{position:absolute;right:14px;bottom:14px;color:var(--gsa-blue);font-weight:700;}

  /* ================= WHY CHOOSE ================= */
  #gsa-landing .gsa-why{padding:72px 0;background:#fff;}
  #gsa-landing .gsa-why-top{margin-bottom:40px;}
  #gsa-landing .gsa-why-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
    padding-top:8px;border-top:1px solid var(--gsa-line);
  }
  #gsa-landing .gsa-why-item{text-align:center;padding-top:32px;}
  #gsa-landing .gsa-why-icon{
    width:56px;height:56px;border-radius:50%;background:var(--gsa-bg-soft);
    display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
    color:var(--gsa-blue);
  }
  #gsa-landing .gsa-why-icon svg{width:26px;height:26px;stroke:var(--gsa-blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  #gsa-landing .gsa-why-item h4{margin:0 0 6px;font-size:15.5px;color:var(--gsa-navy-dark);}
  #gsa-landing .gsa-why-item p{font-size:13px;margin:0;}

  /* ================= CTA BANNER ================= */
  #gsa-landing .gsa-cta{
    background:linear-gradient(115deg,var(--gsa-navy) 0%,var(--gsa-blue) 100%);
    border-radius:16px;margin:0 auto 0;max-width:1180px;
    padding:38px 40px;display:flex;justify-content:space-between;align-items:center;
    flex-wrap:wrap;gap:18px;color:#fff;
    transform:translateY(50%);
    box-shadow:0 24px 50px -20px rgba(8,33,63,.55);
  }
  #gsa-landing .gsa-cta h3{margin:0 0 6px;font-size:22px;}
  #gsa-landing .gsa-cta p{margin:0;color:#dce6f4;font-size:14.5px;}
  #gsa-landing .gsa-cta-spacer{height:70px;background:var(--gsa-bg-soft);}

  /* ================= RESPONSIVE ================= */
  @media (max-width: 900px){
    #gsa-landing .gsa-hero{min-height:0;}
    /* di mobile, matikan mode "center paksa" (absolute+translate) supaya
       tinggi section otomatis menyesuaikan panjang teks, tidak kaku 440px */
    #gsa-landing .gsa-hero-inner{position:relative;inset:auto;}
    #gsa-landing .gsa-hero-inner .gsa-container{
      position:static;transform:none;width:100%;
    }
    #gsa-landing .gsa-hero-overlay{
      background:linear-gradient(180deg,rgba(238,243,250,.55) 0%,rgba(238,243,250,.97) 65%);
    }
    #gsa-landing .gsa-hero-text{max-width:100%;text-align:left;padding:44px 24px 56px;}
    #gsa-landing .gsa-about-grid{grid-template-columns:1fr;}
    #gsa-landing .gsa-hero h1{font-size:32px;}
    #gsa-landing .gsa-hero p{font-size:15px;}
    #gsa-landing .gsa-products-grid{grid-template-columns:repeat(3,1fr);}
    #gsa-landing .gsa-why-grid{grid-template-columns:repeat(2,1fr);}
    #gsa-landing .gsa-since-badge{position:static;margin-top:14px;display:inline-block;}
    /* CTA: matikan trik translateY(50%) karena tidak aman saat layout
       jadi bertumpuk (tinggi kotak berubah-ubah di mobile) */
    #gsa-landing .gsa-cta{flex-direction:column;text-align:center;transform:none;margin-top:-24px;}
    #gsa-landing .gsa-cta-spacer{height:32px;}
  }
  @media (max-width: 560px){
    #gsa-landing .gsa-products-grid{grid-template-columns:repeat(2,1fr);}
    #gsa-landing .gsa-why-grid{grid-template-columns:1fr;}
    #gsa-landing .gsa-hero h1{font-size:26px;}
    #gsa-landing .gsa-hero-text{padding:36px 20px 48px;}
    #gsa-landing .gsa-btn{padding:12px 20px;font-size:14px;}
    #gsa-landing h2{font-size:26px;}
    /* foto About: kecilkan tinggi minimum supaya tidak "jangkung" di HP kecil */
    #gsa-landing .gsa-about-media .gsa-tall{min-height:190px;}
    #gsa-landing .gsa-about-media .gsa-small{min-height:88px;}
    #gsa-landing .gsa-since-badge{padding:14px 18px;}
  }
</style>

  <!-- ================= HERO (SLIDER) ================= -->
  <div class="gsa-hero" id="gsaHero">
    <!-- SLIDE 1 -->
    <div class="gsa-hero-slide gsa-active">
      <img src="https://www.thesanctuarywellnesscentre.com/wp-content/uploads/2026/08/G3.jpg" alt="Proses pemotongan marmer">
    </div>
    <!-- SLIDE 2 -->
    <div class="gsa-hero-slide">
      <img src="https://www.thesanctuarywellnesscentre.com/wp-content/uploads/2026/08/2BG.jpeg" alt="Tambang granit">
    </div>
    <!-- SLIDE 3 -->
    <div class="gsa-hero-slide">
      <img src="https://www.thesanctuarywellnesscentre.com/wp-content/uploads/2026/08/granit-hero.jpg" alt="Gudang dan mesin produksi">
    </div>

    <div class="gsa-hero-overlay"></div>

    <div class="gsa-hero-inner">
      <div class="gsa-container">
        <div class="gsa-hero-text">
          <div class="gsa-eyebrow">Selamat Datang di GSA</div>
          <h1>Menyediakan Solusi untuk Industri <span>Marmer &amp; Granit</span></h1>
          <p>Menghadirkan mesin, peralatan, dan consumables berkualitas untuk industri marmer dan granit di Indonesia <span class="gsa-hero-since">sejak 1978</span>.</p>
          <div class="gsa-hero-btns">
            <a href="#" class="gsa-btn gsa-btn-primary">Lihat Produk Kami →</a>
            <a href="#" class="gsa-btn gsa-btn-outline">💬 Hubungi via WhatsApp</a>
          </div>
        </div>
      </div>
    </div>

    <div class="gsa-hero-dots">
      <button class="gsa-active" onclick="gsaHeroGoTo(0)" aria-label="Ke slide 1"></button>
      <button onclick="gsaHeroGoTo(1)" aria-label="Ke slide 2"></button>
      <button onclick="gsaHeroGoTo(2)" aria-label="Ke slide 3"></button>
    </div>
  </div>

  <script>
    (function(){
      var hero = document.getElementById('gsaHero');
      if(!hero) return;
      var slides = hero.querySelectorAll('.gsa-hero-slide');
      var dots = hero.querySelectorAll('.gsa-hero-dots button');
      var current = 0, timer;

      function render(){
        slides.forEach(function(s,i){ s.classList.toggle('gsa-active', i===current); });
        dots.forEach(function(d,i){ d.classList.toggle('gsa-active', i===current); });
      }
      window.gsaHeroGoTo = function(i){ current = i; render(); resetTimer(); };
      window.gsaHeroMove = function(dir){
        current = (current + dir + slides.length) % slides.length;
        render(); resetTimer();
      };
      function resetTimer(){
        clearInterval(timer);
        timer = setInterval(function(){ window.gsaHeroMove(1); }, 3000);
      }
      resetTimer();
    })();
  </script>

  <!-- ================= ABOUT ================= -->
  <div class="gsa-about">
    <div class="gsa-container gsa-about-grid">
      <div>
        <div class="gsa-eyebrow">Tentang Kami</div>
        <h2>Tentang PT Global Sukses Aeternum</h2>
        <p>PT Global Sukses Aeternum adalah perusahaan trading yang berbasis di Bandung, Jawa Barat, Indonesia. Bisnis kami bergerak dalam penyediaan mesin, peralatan, dan produk consumables untuk industri marmer dan granit di Indonesia.</p>
        <p>Kami telah memenuhi kebutuhan pabrik dan tambang marmer serta granit di seluruh Indonesia sejak 1978 (sebelumnya dikenal dengan nama Pietra).</p>
        <div class="gsa-tagline">Quality · Trust · Experience</div>
        <a href="#" class="gsa-btn gsa-btn-primary">Selengkapnya Tentang Kami →</a>
      </div>
      <div style="position:relative;">
        <div class="gsa-about-media">
          <div class="gsa-tall"><img src="https://www.thesanctuarywellnesscentre.com/wp-content/uploads/2026/08/G3.jpg" alt="Foto gudang / area produksi"></div>
          <div class="gsa-small"><img src="https://www.thesanctuarywellnesscentre.com/wp-content/uploads/2026/08/granit-hero.jpg" alt="Foto proses drilling"></div>
          <div class="gsa-small"><img src="https://www.thesanctuarywellnesscentre.com/wp-content/uploads/2026/08/2BG.jpeg" alt="Foto tambang granit"></div>
        </div>
        <div class="gsa-since-badge">
          <div class="gsa-label">Berdiri Sejak</div>
          <div class="gsa-year">1978</div>
        </div>
      </div>
    </div>
  </div>

<!-- ================= PRODUCTS ================= -->
  <div class="gsa-products">
    <div class="gsa-container">
      <div class="gsa-eyebrow">Produk Kami</div>
      <div class="gsa-products-head">
        <h2>Kategori Produk Kami</h2>
        <a href="#" class="gsa-view-all">Lihat Semua Produk →</a>
      </div>
      <div class="gsa-products-grid">

        <div class="gsa-card">
          <div class="gsa-card-img"><img src="https://www.thesanctuarywellnesscentre.com/wp-content/uploads/2026/08/G3.jpg" alt="Mesin"></div>
          <div class="gsa-card-body">
            <div class="gsa-card-icon"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="10" width="7" height="7"/><path d="M10 13h4l3-4h4v7h-3"/><circle cx="7.5" cy="18" r="1.8"/><circle cx="16.5" cy="18" r="1.8"/></svg></div>
            <h3>Mesin</h3>
            <p>Mesin performa tinggi untuk pengolahan batu.</p>
            <span class="gsa-card-arrow">→</span>
          </div>
        </div>

        <div class="gsa-card">
          <div class="gsa-card-img"><img src="https://www.thesanctuarywellnesscentre.com/wp-content/uploads/2026/08/2BG.jpeg" alt="Peralatan"></div>
          <div class="gsa-card-body">
            <div class="gsa-card-icon"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.7 6.3a4 4 0 0 1-5.4 5.4L4 17l3 3 5.3-5.3a4 4 0 0 1 5.4-5.4l-2.3 2.3-2-.7-.7-2z"/></svg></div>
            <h3>Peralatan</h3>
            <p>Peralatan andal untuk mendukung produksi Anda.</p>
            <span class="gsa-card-arrow">→</span>
          </div>
        </div>

        <div class="gsa-card">
          <div class="gsa-card-img"><img src="https://www.thesanctuarywellnesscentre.com/wp-content/uploads/2026/08/granit-hero.jpg" alt="Tools & Accessories"></div>
          <div class="gsa-card-body">
            <div class="gsa-card-icon"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="3"/><path d="M19.4 13.5a7.4 7.4 0 0 0 0-3l2-1.5-2-3.4-2.3.9a7.3 7.3 0 0 0-2.6-1.5L14 2.5h-4l-.5 2.5a7.3 7.3 0 0 0-2.6 1.5l-2.3-.9-2 3.4 2 1.5a7.4 7.4 0 0 0 0 3l-2 1.5 2 3.4 2.3-.9c.8.7 1.6 1.2 2.6 1.5l.5 2.5h4l.5-2.5a7.3 7.3 0 0 0 2.6-1.5l2.3.9 2-3.4-2-1.5z"/></svg></div>
            <h3>Tools &amp; Accessories</h3>
            <p>Alat presisi untuk berbagai kebutuhan industri batu.</p>
            <span class="gsa-card-arrow">→</span>
          </div>
        </div>

        <div class="gsa-card">
          <div class="gsa-card-img"><img src="https://www.thesanctuarywellnesscentre.com/wp-content/uploads/2026/08/G3.jpg" alt="Consumables"></div>
          <div class="gsa-card-body">
            <div class="gsa-card-icon"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="3"/><line x1="12" y1="3" x2="12" y2="7"/><line x1="12" y1="17" x2="12" y2="21"/></svg></div>
            <h3>Consumables</h3>
            <p>Consumables berkualitas untuk operasional efisien.</p>
            <span class="gsa-card-arrow">→</span>
          </div>
        </div>

        <div class="gsa-card">
          <div class="gsa-card-img"><img src="https://www.thesanctuarywellnesscentre.com/wp-content/uploads/2026/08/granit-hero.jpg" alt="Spare Parts"></div>
          <div class="gsa-card-body">
            <div class="gsa-card-icon"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="7" width="18" height="12" rx="1"/><path d="M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><line x1="3" y1="12" x2="21" y2="12"/></svg></div>
            <h3>Spare Parts</h3>
            <p>Spare part asli dan terpercaya, selalu tersedia.</p>
            <span class="gsa-card-arrow">→</span>
          </div>
        </div>

        <div class="gsa-card">
          <div class="gsa-card-img"><img src="https://www.thesanctuarywellnesscentre.com/wp-content/uploads/2026/08/2BG.jpeg" alt="Bahan Kimia"></div>
          <div class="gsa-card-body">
            <div class="gsa-card-icon"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 2h6"/><path d="M10 2v6l-5 9a2 2 0 0 0 2 3h10a2 2 0 0 0 2-3l-5-9V2"/><line x1="8" y1="15" x2="16" y2="15"/></svg></div>
            <h3>Bahan Kimia</h3>
            <p>Bahan kimia khusus untuk perawatan &amp; finishing batu.</p>
            <span class="gsa-card-arrow">→</span>
          </div>
        </div>

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

  <!-- ================= WHY CHOOSE US ================= -->
  <div class="gsa-why">
    <div class="gsa-container">
      <div class="gsa-why-top">
        <div class="gsa-eyebrow">Mengapa Memilih GSA</div>
        <h2>Mitra Terpercaya Anda Sejak <span style="color:var(--gsa-blue)">1978</span>.</h2>
      </div>
      <div class="gsa-why-grid">
        <div class="gsa-why-item">
          <div class="gsa-why-icon">
            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <path d="M8 3h8v4a4 4 0 0 1-8 0V3z"/>
              <path d="M8 4H4v2a4 4 0 0 0 4 4"/>
              <path d="M16 4h4v2a4 4 0 0 1-4 4"/>
              <line x1="12" y1="11" x2="12" y2="16"/>
              <path d="M9 21h6"/>
              <path d="M10 21v-3.5a2 2 0 0 1 4 0V21"/>
            </svg>
          </div>
          <h4>Berpengalaman</h4>
          <p>Puluhan tahun pengalaman di industri ini.</p>
        </div>
        <div class="gsa-why-item">
          <div class="gsa-why-icon">
            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <path d="M12 3l7 3v6c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6l7-3z"/>
              <path d="M9 12l2 2 4-4"/>
            </svg>
          </div>
          <h4>Produk Berkualitas</h4>
          <p>Dipilih dengan standar kualitas yang ketat.</p>
        </div>
        <div class="gsa-why-item">
          <div class="gsa-why-icon">
            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <path d="M4 13a8 8 0 0 1 16 0"/>
              <path d="M4 13v4a2 2 0 0 0 2 2h1v-6H5a1 1 0 0 0-1 1z"/>
              <path d="M20 13v4a2 2 0 0 1-2 2h-1v-6h1a1 1 0 0 1 1 1z"/>
              <path d="M14 19a2 2 0 0 1-2 2h-1"/>
            </svg>
          </div>
          <h4>Layanan Terpercaya</h4>
          <p>Berkomitmen memberikan pelayanan terbaik.</p>
        </div>
        <div class="gsa-why-item">
          <div class="gsa-why-icon">
            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <path d="M12 21s-7-5.5-7-11a7 7 0 0 1 14 0c0 5.5-7 11-7 11z"/>
              <circle cx="12" cy="10" r="2.5"/>
            </svg>
          </div>
          <h4>Dukungan Se-Indonesia</h4>
          <p>Melayani industri di seluruh Indonesia.</p>
        </div>
      </div>
    </div>
  </div>

  <!-- ================= CTA BANNER ================= -->
  <div class="gsa-container">
    <div class="gsa-cta">
      <div>
        <h3>Butuh informasi lebih lanjut?</h3>
        <p>Kami siap membantu Anda menemukan solusi yang tepat untuk bisnis Anda.</p>
      </div>
      <a href="#" class="gsa-btn gsa-btn-white">💬 Chat via WhatsApp →</a>
    </div>
  </div>
  <div class="gsa-cta-spacer"></div>

</section>/* End custom CSS */