{"id":2975,"date":"2026-10-03T17:00:39","date_gmt":"2026-10-03T10:00:39","guid":{"rendered":"https:\/\/synbioid.com\/?page_id=2975"},"modified":"2026-10-03T17:07:47","modified_gmt":"2026-10-03T10:07:47","slug":"pusat-unduhan-faq","status":"publish","type":"page","link":"https:\/\/synbioid.com\/en\/pusat-unduhan-faq\/","title":{"rendered":"Pusat Unduhan FAQ"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2975\" class=\"elementor elementor-2975\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e3a2b5 e-flex e-con-boxed e-con e-parent\" data-id=\"1e3a2b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4ffe66 elementor-widget elementor-widget-html\" data-id=\"a4ffe66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\nSYNBIO \u2014 PUSAT UNDUHAN & FAQ \/ KODE MUDAH DIEDIT\n\nCARA MEMASANG\n1. Halaman WordPress > Edit dengan Elementor.\n2. Pilih layout Elementor Full Width dan gunakan satu widget HTML.\n3. Ganti seluruh kode lama dengan seluruh kode file ini.\n\nCARA MENGUNGGAH PDF DAN MENGAKTIFKAN TOMBOL\n1. Dashboard WordPress > Media > Tambah Baru > unggah file PDF.\n2. Buka PDF yang sudah diunggah > Salin URL ke clipboard \/ Copy URL to clipboard.\n3. Di bagian \"3. DAFTAR DOKUMEN\", cari kartu yang ingin diaktifkan.\n4. Isi data-url=\"\" dengan URL tadi. Contoh (ganti dengan URL asli):\n   data-url=\"https:\/\/synbioid.com\/wp-content\/uploads\/2026\/10\/katalog.pdf\"\n5. Klik Perbarui di Elementor. Kartu otomatis menjadi Tersedia \/ Buka PDF.\nMengunggah file saja belum menambahkan kartu; link PDF harus dimasukkan ke kartu.\n\nBAGIAN YANG BISA DIEDIT\n\u2022 WARNA: variabel --navy, --red, --ink pada CSS bagian 1.\n\u2022 JUDUL & TEKS: langsung di HTML bagian 2, 3, 4, dan 5.\n\u2022 DOKUMEN: edit h3 (judul), p (deskripsi), data-url (link).\n\u2022 KATEGORI DOKUMEN: data-category=\"katalog\", \"produk\", atau \"panduan\".\n\u2022 TAMBAH DOKUMEN: salin satu blok article lengkap, lalu ubah isinya.\n\u2022 FAQ: edit teks summary (pertanyaan) dan div.answer (jawaban).\n\u2022 TAMBAH FAQ: salin satu blok details lengkap. Pencarian mengikuti otomatis.\n\u2022 WHATSAPP: ganti nomor 6287788987747 pada href di bagian 5.\n\u2022 JARAK ISI: --content-gap (desktop) dan --content-gap-mobile (ponsel).\n  Background dimulai dari atas halaman; ruang untuk isi di bawah header dihitung otomatis.\n\nPANAH TOMBOL\nSemua tombol menggunakan SVG chevron yang sama, lingkaran 34px,\nSVG 16px, transparan saat awal, dan merah dengan panah putih saat hover.\nTidak memakai karakter panah teks yang berbeda antarperangkat.\n\nCSS dan JavaScript diperlukan untuk tampilan, pencarian, dan aktivasi link.\nIsi konten tetap ada langsung di HTML; tidak perlu mengedit fungsi JavaScript.\n-->\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<!-- 1. GAYA: warna, tombol, tata letak, dan tampilan mobile -->\n<style>\n\/* 1A. JARAK LUAR ELEMENTOR\n   Hanya berlaku pada halaman yang memuat #synbio-support.\n   Spacer header disembunyikan; posisi header global tetap mengikuti kodenya. *\/\nbody:has(#synbio-support) {\n  background:#f6f8fb;\n}\nbody:has(#synbio-support) #sg-header-spacer {\n  display:none !important;\n  height:0 !important;\n}\n.elementor-element:has(#synbio-support),\n.e-con-inner:has(#synbio-support),\n.elementor-container:has(#synbio-support),\n.elementor-widget-html:has(#synbio-support) > .elementor-widget-container {\n  margin-top:0 !important;\n  padding-top:0 !important;\n}\n\/* 1B. PENGATURAN HALAMAN\n   --content-gap mengatur jarak isi dari bagian bawah header.\n   Bukan padding luar yang menyebabkan celah background. *\/\n\n#synbio-support{\n  --navy:#203e73;\n  --red:#e82d4b;\n  --ink:#53647b;\n  --line:#203e7317;\n  --content-gap:40px;\n  --content-gap-mobile:28px;\n  --sb-header-overlap:0px;\n  --sb-top-gap:0px;\n  position:relative;\n  width:100%;\n  max-width:none;\n  padding-top:0;\n  margin-top:calc(-1 * var(--sb-top-gap));\n  color:var(--ink);\n  font:16px\/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\n  background:radial-gradient(ellipse at 95% 6%,#e3edfa,transparent 34%),radial-gradient(ellipse at 0 55%,#eaf0f9,transparent 35%),#f6f8fb;\n  overflow:clip\n}\n#synbio-support *{\n  box-sizing:border-box\n}\n#synbio-support h1,#synbio-support h2,#synbio-support h3,#synbio-support p{\n  margin:0\n}\n#synbio-support h1,#synbio-support h2,#synbio-support h3{\n  font-weight:500;\n  letter-spacing:-.045em;\n  line-height:1.12;\n  color:var(--navy)\n}\n#synbio-support h1{\n  font-size:clamp(38px,4.7vw,68px)\n}\n#synbio-support h2{\n  font-size:clamp(28px,3vw,40px)\n}\n#synbio-support h3{\n  font-size:24px\n}\n#synbio-support a{\n  color:inherit;\n  text-decoration:none\n}\n#synbio-support button,#synbio-support input{\n  font:inherit\n}\n#synbio-support button{\n  cursor:pointer\n}\n#synbio-support :focus-visible{\n  outline:3px solid var(--red);\n  outline-offset:5px\n}\n#synbio-support [hidden]{\n  display:none!important\n}\n#synbio-support .wrap{\n  max-width:1400px;\n  margin:auto;\n  padding:0 5%\n}\n#synbio-support .glass{\n  background:#ffffff85;\n  border:1px solid #fff;\n  border-radius:24px;\n  box-shadow:0 14px 45px #203e7306,inset 0 1px 0 #fff;\n  backdrop-filter:blur(24px);\n  -webkit-backdrop-filter:blur(24px)\n}\n#synbio-support .eyebrow{\n  display:block;\n  font-size:11px;\n  letter-spacing:.19em;\n  font-weight:650;\n  text-transform:uppercase;\n  color:#7b8da7;\n  margin-bottom:20px\n}\n#synbio-support .button{\n  display:inline-flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n  min-height:48px;\n  border:1px solid var(--line);\n  border-radius:24px;\n  padding:12px 15px 12px 22px;\n  background:transparent;\n  font-size:14px;\n  color:var(--navy);\n  transition:transform .45s,background .45s\n}\n#synbio-support .arrow{\n  width:34px;\n  height:34px;\n  flex:0 0 34px;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:0;\n  line-height:1;\n  background:transparent;\n  border:1px solid rgba(32,62,115,.18);\n  color:var(--navy);\n  transition:background .45s ease,color .45s ease,border-color .45s ease\n}\n#synbio-support .arrow svg{\n  display:block;\n  width:16px;\n  height:16px;\n  flex:none\n}\n#synbio-support .button:hover{\n  transform:translateY(-3px);\n  background:#ffffff80\n}\n#synbio-support .button:hover .arrow,#synbio-support .button:focus-visible .arrow{\n  background:var(--red);\n  border-color:var(--red);\n  color:#fff\n}\n#synbio-support .hero{\n  display:grid;\n  grid-template-columns:1.15fr .85fr;\n  gap:60px;\n  align-items:center;\n  padding:calc(var(--content-gap) + var(--sb-header-overlap)) 0 55px\n}\n#synbio-support .hero p{\n  max-width:480px;\n  margin:24px 0 28px\n}\n#synbio-support .actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px\n}\n#synbio-support .brandline{\n  font-size:12px;\n  color:var(--navy);\n  margin-top:26px;\n  letter-spacing:.04em\n}\n#synbio-support .visual{\n  position:relative;\n  min-height:330px;\n  display:grid;\n  place-items:center\n}\n#synbio-support .halo{\n  position:absolute;\n  width:290px;\n  height:290px;\n  border-radius:50%;\n  border:1px solid #fff;\n  background:#ffffff20;\n  box-shadow:inset 0 0 70px #fff8\n}\n#synbio-support .paper{\n  position:relative;\n  width:min(275px,90%);\n  padding:30px;\n  transform:rotate(-7deg);\n  animation:sb-doc-float 8s ease-in-out infinite\n}\n#synbio-support .paper:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  border:1px solid white;\n  background:#ffffff50;\n  border-radius:24px;\n  transform:translate(22px,-14px) rotate(13deg);\n  z-index:-1\n}\n#synbio-support .paper-tag{\n  font-size:10px;\n  letter-spacing:.2em;\n  color:#7b8da7\n}\n#synbio-support .paper-title{\n  font-size:30px;\n  line-height:1.15;\n  letter-spacing:-.04em;\n  color:var(--navy);\n  margin:30px 0\n}\n#synbio-support .paper-line{\n  display:block;\n  height:5px;\n  border-radius:8px;\n  background:#203e7310;\n  margin-top:12px\n}\n#synbio-support .paper-line.short{\n  width:65%\n}\n#synbio-support .paper-bottom{\n  display:flex;\n  justify-content:space-between;\n  margin-top:30px;\n  font-size:11px;\n  color:var(--navy)\n}\n#synbio-support .mini-note{\n  position:absolute;\n  right:0;\n  bottom:12px;\n  padding:14px 20px;\n  font-size:12px;\n  transform:rotate(3deg)\n}\n#synbio-support .section{\n  padding:28px 0 64px;\n  scroll-margin-top:120px\n}\n#synbio-support .section-head{\n  display:flex;\n  justify-content:space-between;\n  gap:30px;\n  align-items:end;\n  margin-bottom:26px\n}\n#synbio-support .section-head p{\n  font-size:14px;\n  max-width:440px;\n  margin-top:15px\n}\n#synbio-support .searchbox{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  width:310px;\n  padding:12px 16px;\n  background:#ffffff90;\n  border:1px solid white;\n  border-radius:16px\n}\n#synbio-support .searchbox svg{\n  width:18px;\n  height:18px;\n  flex:none;\n  color:var(--navy)\n}\n#synbio-support .searchbox input{\n  width:100%;\n  min-width:0;\n  border:0;\n  outline:0!important;\n  background:transparent;\n  color:var(--navy);\n  padding:0;\n  font-size:14px;\n  box-shadow:none\n}\n#synbio-support .searchbox:focus-within{\n  outline:2px solid var(--navy);\n  outline-offset:3px\n}\n#synbio-support .filters{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n  margin-bottom:24px\n}\n#synbio-support .filter{\n  background:transparent;\n  border:1px solid var(--line);\n  border-radius:24px;\n  padding:9px 17px;\n  min-height:44px;\n  font-size:13px;\n  color:var(--ink);\n  transition:background .35s,color .35s\n}\n#synbio-support .filter[aria-pressed=true]{\n  background:var(--navy);\n  color:white;\n  border-color:var(--navy)\n}\n#synbio-support .grid{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:20px\n}\n#synbio-support .document{\n  padding:26px;\n  display:flex;\n  flex-direction:column;\n  transition:transform .5s,background .5s,box-shadow .5s\n}\n#synbio-support .document:hover{\n  transform:translateY(-5px);\n  background:#ffffffc9;\n  box-shadow:0 18px 40px #203e730c\n}\n#synbio-support .card-top{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:12px;\n  margin-bottom:30px\n}\n#synbio-support .file-icon{\n  width:48px;\n  height:56px;\n  display:grid;\n  place-items:center;\n  border:1px solid #203e731c;\n  border-radius:9px;\n  font-size:10px;\n  letter-spacing:.12em;\n  color:var(--navy);\n  background:#ffffff50\n}\n#synbio-support .status{\n  font-size:11px;\n  color:#637896;\n  background:#203e7307;\n  padding:5px 10px;\n  border-radius:20px\n}\n#synbio-support .document p{\n  font-size:14px;\n  margin:15px 0 24px;\n  flex:1\n}\n#synbio-support .doc-label{\n  font-size:10px;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  color:#7b8da7;\n  margin-bottom:10px\n}\n#synbio-support .download{\n  width:100%;\n  margin-top:auto\n}\n#synbio-support .download[aria-disabled=true]{\n  cursor:default;\n  opacity:.7;\n  transform:none;\n  background:transparent\n}\n#synbio-support .download[aria-disabled=true] .arrow{\n  background:transparent;\n  color:var(--navy);\n  border-color:#203e7322\n}\n#synbio-support .result{\n  font-size:12px;\n  margin-bottom:14px;\n  color:#6e83a2\n}\n#synbio-support .empty{\n  padding:32px;\n  text-align:center;\n  margin-top:16px\n}\n#synbio-support .empty p{\n  font-size:14px;\n  margin-bottom:20px\n}\n#synbio-support .notice{\n  font-size:12px;\n  margin-top:20px;\n  color:#6e83a2;\n  max-width:720px\n}\n#synbio-support .faq-layout{\n  display:grid;\n  grid-template-columns:.75fr 1.25fr;\n  gap:65px\n}\n#synbio-support .faq-intro p{\n  font-size:14px;\n  margin:20px 0 25px;\n  max-width:340px\n}\n#synbio-support .faq-intro .searchbox{\n  width:100%\n}\n#synbio-support .faq-list{\n  padding:12px 28px\n}\n#synbio-support details{\n  border-bottom:1px solid var(--line)\n}\n#synbio-support details:last-child{\n  border-bottom:0\n}\n#synbio-support summary{\n  list-style:none;\n  cursor:pointer;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:20px;\n  padding:22px 0;\n  color:var(--navy);\n  font-size:15px;\n  line-height:1.5\n}\n#synbio-support summary::-webkit-details-marker{\n  display:none\n}\n#synbio-support .plus{\n  width:25px;\n  height:25px;\n  flex:0 0 25px;\n  display:grid;\n  place-items:center;\n  border:1px solid var(--line);\n  border-radius:50%;\n  transition:transform .4s,background .4s,color .4s\n}\n#synbio-support .plus svg{\n  width:11px;\n  height:11px\n}\n#synbio-support details[open] .plus{\n  transform:rotate(45deg);\n  background:var(--red);\n  color:white;\n  border-color:var(--red)\n}\n#synbio-support .answer{\n  padding:0 38px 24px 0;\n  font-size:14px\n}\n#synbio-support details[open] .answer{\n  animation:sb-answer .45s ease\n}\n#synbio-support .answer a{\n  color:var(--navy);\n  text-decoration:underline;\n  text-underline-offset:3px\n}\n#synbio-support .cta{\n  padding:36px;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:30px;\n  margin:10px 0 64px\n}\n#synbio-support .cta p{\n  font-size:14px;\n  margin-top:15px;\n  max-width:570px\n}\n#synbio-support .cta .button{\n  flex-shrink:0\n}\n#synbio-support .endline{\n  border-top:1px solid var(--line);\n  padding:24px 0;\n  color:#8291a6;\n  font-size:11px\n}\n#synbio-support .reveal{\n  transition:opacity 1s ease,translate 1s cubic-bezier(.22,1,.36,1)\n}\n#synbio-support .pending{\n  opacity:0;\n  translate:0 18px\n}\n#synbio-support .sr-only{\n  position:absolute;\n  width:1px;\n  height:1px;\n  padding:0;\n  overflow:hidden;\n  clip:rect(0,0,0,0);\n  white-space:nowrap\n}\n@keyframes sb-doc-float{\n  50%{\n    transform:translateY(-12px) rotate(-5deg)\n  }\n}\n@keyframes sb-answer{\n  from{\n    opacity:0;\n    transform:translateY(-5px)\n  }\n  to{\n    opacity:1;\n    transform:translateY(0)\n  }\n}\n@media(max-width:900px){\n  #synbio-support .hero{\n    gap:25px\n  }\n  #synbio-support .grid{\n    grid-template-columns:repeat(2,minmax(0,1fr))\n  }\n  #synbio-support .faq-layout{\n    gap:30px\n  }\n  #synbio-support .cta{\n    padding:28px\n  }\n  #synbio-support .mini-note{\n    right:10px\n  }\n}\n@media(max-width:640px){\n  #synbio-support .wrap{\n    padding:0 20px\n  }\n  #synbio-support .hero{\n    grid-template-columns:1fr;\n    padding:calc(var(--content-gap-mobile) + var(--sb-header-overlap)) 0 32px;\n    gap:20px\n  }\n  #synbio-support .hero p{\n    font-size:15px;\n    margin:20px 0 24px\n  }\n  #synbio-support .visual{\n    min-height:270px;\n    margin-top:15px\n  }\n  #synbio-support .halo{\n    width:235px;\n    height:235px\n  }\n  #synbio-support .paper{\n    width:230px;\n    padding:24px\n  }\n  #synbio-support .paper-title{\n    font-size:26px;\n    margin:22px 0\n  }\n  #synbio-support .mini-note{\n    bottom:0;\n    font-size:11px\n  }\n  #synbio-support .section-head{\n    display:block\n  }\n  #synbio-support .searchbox{\n    width:100%;\n    margin-top:22px\n  }\n  #synbio-support .searchbox input{\n    font-size:16px\n  }\n  #synbio-support .grid{\n    grid-template-columns:1fr;\n    gap:14px\n  }\n  #synbio-support .document{\n    padding:24px\n  }\n  #synbio-support .card-top{\n    margin-bottom:22px\n  }\n  #synbio-support .section{\n    padding:24px 0 45px\n  }\n  #synbio-support .faq-layout{\n    grid-template-columns:1fr;\n    gap:26px\n  }\n  #synbio-support .faq-list{\n    padding:5px 20px\n  }\n  #synbio-support .answer{\n    padding-right:0\n  }\n  #synbio-support .cta{\n    display:block;\n    padding:26px 24px;\n    margin-bottom:42px\n  }\n  #synbio-support .cta .button{\n    margin-top:24px\n  }\n  #synbio-support .actions .button{\n    font-size:13px;\n    gap:12px\n  }\n  #synbio-support .filters{\n    gap:7px\n  }\n  #synbio-support .filter{\n    padding:8px 14px\n  }\n}\n@media(prefers-reduced-motion:reduce){\n  #synbio-support .paper,#synbio-support .answer{\n    animation:none!important\n  }\n  #synbio-support .reveal,#synbio-support .document,#synbio-support .button,#synbio-support .arrow,#synbio-support .plus{\n    transition:none\n  }\n  #synbio-support .pending{\n    opacity:1;\n    translate:0 0\n  }\n}\n<\/style>\n<div id=\"synbio-support\">\n  <div class=\"wrap\">\n    <!-- 2. PEMBUKA HALAMAN: edit judul, paragraf, dan teks tombol -->\n    <section class=\"hero\">\n      <div class=\"reveal\">\n        <span class=\"eyebrow\">\n          Pusat unduhan\n          &\n          FAQ\n        <\/span>\n        <h1>\n          Informasi yang Anda\n          <br>\n          butuhkan, lebih mudah\n          <br>\n          ditemukan.\n        <\/h1>\n        <p>\n          Temukan dokumen produk dan jawaban atas pertanyaan umum untuk membantu Anda mengenal dan menggunakan produk Synbio.\n        <\/p>\n        <div class=\"actions\">\n          <a class=\"button\" href=\"#sb-downloads\">\n            Lihat dokumen\n            <span class=\"arrow\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                <path d=\"m9 5 7 7-7 7\"\/>\n              <\/svg>\n            <\/span>\n          <\/a>\n          <a class=\"button\" href=\"#sb-faq\">\n            Baca FAQ\n            <span class=\"arrow\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                <path d=\"m9 5 7 7-7 7\"\/>\n              <\/svg>\n            <\/span>\n          <\/a>\n        <\/div>\n        <div class=\"brandline\">\n          SYNBIO \u00b7 Where Science Sustains Balance.\n        <\/div>\n      <\/div>\n      <div class=\"visual reveal\" aria-hidden=\"true\">\n        <div class=\"halo\">\n        <\/div>\n        <div class=\"paper glass\">\n          <div class=\"paper-tag\">\n            SYNBIO \/ RESOURCE CENTER\n          <\/div>\n          <div class=\"paper-title\">\n            Ilmu yang\n            <br>\n            lebih dekat.\n          <\/div>\n          <span class=\"paper-line\">\n          <\/span>\n          <span class=\"paper-line\">\n          <\/span>\n          <span class=\"paper-line short\">\n          <\/span>\n          <div class=\"paper-bottom\">\n            <span>\n              DOKUMEN\n              &\n              PANDUAN\n            <\/span>\n            <span>\n              \u2197\n            <\/span>\n          <\/div>\n        <\/div>\n        <div class=\"mini-note glass\">\n          Temukan. Pahami. Terapkan.\n        <\/div>\n      <\/div>\n    <\/section>\n    <!-- 3. DAFTAR DOKUMEN: isi data-url pada setiap article untuk mengaktifkan PDF -->\n    <section id=\"sb-downloads\" class=\"section\">\n      <div class=\"section-head reveal\">\n        <div>\n          <span class=\"eyebrow\">\n            Dokumen Synbio\n          <\/span>\n          <h2>\n            Pusat unduhan.\n          <\/h2>\n          <p>\n            Katalog dan panduan dalam satu tempat. Pilih dokumen sesuai kebutuhan Anda.\n          <\/p>\n        <\/div>\n        <label class=\"searchbox\">\n          <span class=\"sr-only\">\n            Cari dokumen\n          <\/span>\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\">\n            <circle cx=\"10\" cy=\"10\" r=\"6\"\/>\n            <path d=\"m15 15 5 5\"\/>\n          <\/svg>\n          <input type=\"search\" data-search-doc placeholder=\"Cari katalog atau panduan\u2026\">\n        <\/label>\n      <\/div>\n      <div class=\"filters\" aria-label=\"Kategori dokumen\">\n        <button type=\"button\" class=\"filter\" data-category-filter=\"all\" aria-pressed=\"true\">\n          Semua dokumen\n        <\/button>\n        <button type=\"button\" class=\"filter\" data-category-filter=\"katalog\" aria-pressed=\"false\">\n          Katalog\n        <\/button>\n        <button type=\"button\" class=\"filter\" data-category-filter=\"produk\" aria-pressed=\"false\">\n          Informasi produk\n        <\/button>\n        <button type=\"button\" class=\"filter\" data-category-filter=\"panduan\" aria-pressed=\"false\">\n          Panduan\n        <\/button>\n      <\/div>\n      <p class=\"result\" data-doc-count role=\"status\" aria-live=\"polite\">\n        6 dokumen \u00b7 tersedia setelah publikasi file\n      <\/p>\n      <div class=\"grid\">\n        <!-- Isi data-url untuk mengaktifkan setiap dokumen. Judul\/isi dapat diedit langsung. -->\n        <!-- DOKUMEN 1: edit judul di h3, deskripsi di p, kategori dan link PDF di article. -->\n        <article class=\"document glass reveal\" data-category=\"katalog\" data-url=\"\">\n          <div class=\"card-top\">\n            <span class=\"file-icon\" aria-hidden=\"true\">\n              PDF\n            <\/span>\n            <span class=\"status\">\n              Segera tersedia\n            <\/span>\n          <\/div>\n          <span class=\"doc-label\">\n            01 \/ Katalog\n          <\/span>\n          <h3>\n            Katalog produk Synbio\n          <\/h3>\n          <p>\n            Kenali pilihan produk Synbio dan temukan informasi awal untuk kebutuhan Anda.\n          <\/p>\n          <a class=\"button download\" aria-disabled=\"true\">\n            <span data-download-label>\n              Segera tersedia\n            <\/span>\n            <span class=\"arrow\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                <path d=\"m9 5 7 7-7 7\"\/>\n              <\/svg>\n            <\/span>\n          <\/a>\n        <\/article>\n        <!-- DOKUMEN 2: edit judul di h3, deskripsi di p, kategori dan link PDF di article. -->\n        <article class=\"document glass reveal\" data-category=\"produk\" data-url=\"\">\n          <div class=\"card-top\">\n            <span class=\"file-icon\" aria-hidden=\"true\">\n              PDF\n            <\/span>\n            <span class=\"status\">\n              Segera tersedia\n            <\/span>\n          <\/div>\n          <span class=\"doc-label\">\n            02 \/ Informasi produk\n          <\/span>\n          <h3>\n            Probiotik\n          <\/h3>\n          <p>\n            Ringkasan informasi produk probiotik, manfaat, dan petunjuk pada label produk.\n          <\/p>\n          <a class=\"button download\" aria-disabled=\"true\">\n            <span data-download-label>\n              Segera tersedia\n            <\/span>\n            <span class=\"arrow\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                <path d=\"m9 5 7 7-7 7\"\/>\n              <\/svg>\n            <\/span>\n          <\/a>\n        <\/article>\n        <!-- DOKUMEN 3: edit judul di h3, deskripsi di p, kategori dan link PDF di article. -->\n        <article class=\"document glass reveal\" data-category=\"produk\" data-url=\"\">\n          <div class=\"card-top\">\n            <span class=\"file-icon\" aria-hidden=\"true\">\n              PDF\n            <\/span>\n            <span class=\"status\">\n              Segera tersedia\n            <\/span>\n          <\/div>\n          <span class=\"doc-label\">\n            03 \/ Informasi produk\n          <\/span>\n          <h3>\n            Enzim\n          <\/h3>\n          <p>\n            Informasi pilihan produk enzim dan penggunaannya sesuai petunjuk masing-masing produk.\n          <\/p>\n          <a class=\"button download\" aria-disabled=\"true\">\n            <span data-download-label>\n              Segera tersedia\n            <\/span>\n            <span class=\"arrow\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                <path d=\"m9 5 7 7-7 7\"\/>\n              <\/svg>\n            <\/span>\n          <\/a>\n        <\/article>\n        <!-- DOKUMEN 4: edit judul di h3, deskripsi di p, kategori dan link PDF di article. -->\n        <article class=\"document glass reveal\" data-category=\"produk\" data-url=\"\">\n          <div class=\"card-top\">\n            <span class=\"file-icon\" aria-hidden=\"true\">\n              PDF\n            <\/span>\n            <span class=\"status\">\n              Segera tersedia\n            <\/span>\n          <\/div>\n          <span class=\"doc-label\">\n            04 \/ Informasi produk\n          <\/span>\n          <h3>\n            Nutrisi\n            &\n            suplemen\n          <\/h3>\n          <p>\n            Ringkasan produk nutrisi dan suplemen untuk membantu Anda mengenal pilihan yang tersedia.\n          <\/p>\n          <a class=\"button download\" aria-disabled=\"true\">\n            <span data-download-label>\n              Segera tersedia\n            <\/span>\n            <span class=\"arrow\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                <path d=\"m9 5 7 7-7 7\"\/>\n              <\/svg>\n            <\/span>\n          <\/a>\n        <\/article>\n        <!-- DOKUMEN 5: edit judul di h3, deskripsi di p, kategori dan link PDF di article. -->\n        <article class=\"document glass reveal\" data-category=\"panduan\" data-url=\"\">\n          <div class=\"card-top\">\n            <span class=\"file-icon\" aria-hidden=\"true\">\n              PDF\n            <\/span>\n            <span class=\"status\">\n              Segera tersedia\n            <\/span>\n          <\/div>\n          <span class=\"doc-label\">\n            05 \/ Panduan\n          <\/span>\n          <h3>\n            Panduan penggunaan\n          <\/h3>\n          <p>\n            Informasi penggunaan yang merujuk pada label dan panduan resmi masing-masing produk.\n          <\/p>\n          <a class=\"button download\" aria-disabled=\"true\">\n            <span data-download-label>\n              Segera tersedia\n            <\/span>\n            <span class=\"arrow\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                <path d=\"m9 5 7 7-7 7\"\/>\n              <\/svg>\n            <\/span>\n          <\/a>\n        <\/article>\n        <!-- DOKUMEN 6: edit judul di h3, deskripsi di p, kategori dan link PDF di article. -->\n        <article class=\"document glass reveal\" data-category=\"panduan\" data-url=\"\">\n          <div class=\"card-top\">\n            <span class=\"file-icon\" aria-hidden=\"true\">\n              PDF\n            <\/span>\n            <span class=\"status\">\n              Segera tersedia\n            <\/span>\n          <\/div>\n          <span class=\"doc-label\">\n            06 \/ Panduan\n          <\/span>\n          <h3>\n            Persiapan konsultasi\n          <\/h3>\n          <p>\n            Daftar informasi yang dapat Anda siapkan untuk mendiskusikan kondisi dan kebutuhan budidaya.\n          <\/p>\n          <a class=\"button download\" aria-disabled=\"true\">\n            <span data-download-label>\n              Segera tersedia\n            <\/span>\n            <span class=\"arrow\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                <path d=\"m9 5 7 7-7 7\"\/>\n              <\/svg>\n            <\/span>\n          <\/a>\n        <\/article>\n      <\/div>\n      <div class=\"empty glass\" data-doc-empty hidden>\n        <p>\n          Dokumen yang Anda cari belum ditemukan.\n        <\/p>\n        <button type=\"button\" class=\"button\" data-reset-doc>\n          Tampilkan semua dokumen\n          <span class=\"arrow\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <path d=\"m9 5 7 7-7 7\"\/>\n            <\/svg>\n          <\/span>\n        <\/button>\n      <\/div>\n      <p class=\"notice\">\n        Dokumen bertanda \u201cSegera tersedia\u201d belum dapat diunduh. Untuk informasi produk yang Anda perlukan saat ini, hubungi tim Synbio melalui WhatsApp.\n      <\/p>\n    <\/section>\n    <!-- 4. FAQ: edit summary dan div.answer; duplikasi details untuk menambah FAQ -->\n    <section id=\"sb-faq\" class=\"section faq-layout\">\n      <div class=\"faq-intro reveal\">\n        <span class=\"eyebrow\">\n          Pertanyaan umum\n        <\/span>\n        <h2>\n          Kenali lebih jauh.\n          <br>\n          Gunakan lebih terarah.\n        <\/h2>\n        <p>\n          Temukan jawaban singkat tentang dokumen, pemilihan produk, penggunaan, dan pemesanan.\n        <\/p>\n        <label class=\"searchbox\">\n          <span class=\"sr-only\">\n            Cari pertanyaan FAQ\n          <\/span>\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\">\n            <circle cx=\"10\" cy=\"10\" r=\"6\"\/>\n            <path d=\"m15 15 5 5\"\/>\n          <\/svg>\n          <input type=\"search\" data-search-faq placeholder=\"Cari pertanyaan\u2026\">\n        <\/label>\n        <p class=\"result\" data-faq-count role=\"status\" aria-live=\"polite\">\n          10 pertanyaan\n        <\/p>\n      <\/div>\n      <div>\n        <div class=\"faq-list glass reveal\">\n          <!-- Duplikasi details untuk menambahkan pertanyaan; pencarian ikut menyesuaikan. -->\n          <details>\n            <summary>\n              Bagaimana mengunduh dokumen Synbio?\n              <span class=\"plus\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 12 12\" stroke=\"currentColor\">\n                  <path d=\"M6 1v10M1 6h10\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"answer\">\n              Pilih kategori atau cari nama dokumen, lalu klik \u201cBuka PDF\u201d pada dokumen yang sudah tersedia. File terbuka di tab baru dan dapat disimpan melalui pilihan unduh di browser Anda.\n            <\/div>\n          <\/details>\n          <details>\n            <summary>\n              Mengapa beberapa dokumen belum bisa diunduh?\n              <span class=\"plus\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                  <path d=\"M6 1v10M1 6h10\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"answer\">\n              Dokumen dengan tanda \u201cSegera tersedia\u201d belum dipublikasikan. Anda tetap dapat menghubungi tim Synbio untuk meminta informasi mengenai produk yang dibutuhkan.\n            <\/div>\n          <\/details>\n          <details>\n            <summary>\n              Bagaimana memilih produk yang sesuai?\n              <span class=\"plus\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                  <path d=\"M6 1v10M1 6h10\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"answer\">\n              Mulai dengan menyampaikan kebutuhan dan kondisi budidaya Anda. Sertakan komoditas, sistem budidaya, serta kendala yang sedang dihadapi agar percakapan dengan tim Synbio lebih terarah.\n            <\/div>\n          <\/details>\n          <details>\n            <summary>\n              Di mana saya bisa melihat manfaat dan komposisi produk?\n              <span class=\"plus\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                  <path d=\"M6 1v10M1 6h10\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"answer\">\n              Lihat deskripsi produk pada website dan label kemasan. Jika informasi yang Anda cari belum tercantum atau kurang jelas, tanyakan nama produk tersebut kepada tim Synbio.\n            <\/div>\n          <\/details>\n          <details>\n            <summary>\n              Berapa dosis dan frekuensi penggunaannya?\n              <span class=\"plus\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                  <path d=\"M6 1v10M1 6h10\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"answer\">\n              Gunakan petunjuk pada label atau panduan resmi produk yang Anda pilih. Halaman ini tidak menetapkan satu dosis untuk semua produk. Untuk pertanyaan penggunaan, sampaikan nama produk, volume kolam, dan kondisi budidaya kepada tim Synbio.\n            <\/div>\n          <\/details>\n          <details>\n            <summary>\n              Bisakah beberapa produk digunakan bersamaan?\n              <span class=\"plus\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                  <path d=\"M6 1v10M1 6h10\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"answer\">\n              Konfirmasikan terlebih dahulu berdasarkan produk yang akan digunakan. Kirim nama seluruh produk, jadwal pemakaian, dan tujuan penggunaannya agar tim Synbio dapat meninjau pertanyaan Anda.\n            <\/div>\n          <\/details>\n          <details>\n            <summary>\n              Di mana petunjuk penyimpanan dan masa berlaku produk?\n              <span class=\"plus\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                  <path d=\"M6 1v10M1 6h10\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"answer\">\n              Periksa informasi penyimpanan dan masa berlaku yang tercantum pada kemasan. Jika label tidak terbaca, kirim foto kemasan dan nomor batch yang tersedia kepada tim Synbio.\n            <\/div>\n          <\/details>\n          <details>\n            <summary>\n              Apa yang perlu disiapkan saat konsultasi?\n              <span class=\"plus\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                  <path d=\"M6 1v10M1 6h10\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"answer\">\n              Siapkan komoditas, ukuran atau volume kolam, usia budidaya, kendala yang dialami, serta produk yang sedang digunakan. Jika tersedia, tambahkan hasil pengukuran kualitas air dan foto kondisi kolam.\n            <\/div>\n          <\/details>\n          <details>\n            <summary>\n              Bagaimana menanyakan harga, stok, dan pemesanan?\n              <span class=\"plus\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                  <path d=\"M6 1v10M1 6h10\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"answer\">\n              Hubungi tim Synbio dan sebutkan nama produk, kemasan atau jumlah yang dibutuhkan, serta lokasi pengiriman. Informasi tersebut membantu tim memahami kebutuhan pemesanan Anda.\n            <\/div>\n          <\/details>\n          <details>\n            <summary>\n              Bagaimana mengajukan kerja sama atau distribusi?\n              <span class=\"plus\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                  <path d=\"M6 1v10M1 6h10\"\/>\n                <\/svg>\n              <\/span>\n            <\/summary>\n            <div class=\"answer\">\n              Perkenalkan usaha Anda, wilayah operasional, serta bentuk kerja sama yang ingin dibahas melalui WhatsApp tim Synbio.\n            <\/div>\n          <\/details>\n        <\/div>\n        <div class=\"empty glass\" data-faq-empty hidden>\n          <p>\n            Pertanyaan yang Anda cari belum ditemukan. Coba kata lain atau hubungi tim Synbio.\n          <\/p>\n          <button type=\"button\" class=\"button\" data-reset-faq>\n            Tampilkan semua FAQ\n            <span class=\"arrow\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                <path d=\"m9 5 7 7-7 7\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n    <!-- 5. KONTAK: edit teks dan nomor WhatsApp di href -->\n    <aside class=\"cta glass reveal\">\n      <div>\n        <span class=\"eyebrow\">\n          Butuh informasi lebih lanjut?\n        <\/span>\n        <h2>\n          Mari diskusikan kebutuhan Anda.\n        <\/h2>\n        <p>\n          Belum menemukan dokumen atau jawaban yang sesuai? Sampaikan pertanyaan Anda kepada tim Synbio.\n        <\/p>\n      <\/div>\n      <a class=\"button\" href=\"https:\/\/wa.me\/6287788987747?text=Halo%20tim%20Synbio%2C%20saya%20ingin%20bertanya%20tentang%20dokumen%20dan%20penggunaan%20produk.\" target=\"_blank\" rel=\"noopener noreferrer\">\n        Hubungi tim Synbio\n        <span class=\"arrow\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n            <path d=\"m9 5 7 7-7 7\"\/>\n          <\/svg>\n        <\/span>\n      <\/a>\n    <\/aside>\n    <div class=\"endline\">\n      Where Science Sustains Balance.\n    <\/div>\n  <\/div>\n<\/div>\n<!-- 6. FUNGSI HALAMAN: tidak perlu diubah saat mengedit konten -->\n<script>\n\n(() => {\n  const root = document.getElementById('synbio-support');\n  if (!root || root.dataset.ready) return;\n  root.dataset.ready = 'true';\n\n  const reduced = matchMedia('(prefers-reduced-motion: reduce)');\n  const docs = [...root.querySelectorAll('.document')];\n  const questions = [...root.querySelectorAll('details')];\n  const docSearch = root.querySelector('[data-search-doc]');\n  const faqSearch = root.querySelector('[data-search-faq]');\n  const normalize = text => text.toLocaleLowerCase('id-ID')\n    .normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '').trim();\n  const docText = new Map(docs.map(card => [\n    card,\n    normalize(card.querySelector('h3').textContent + ' ' +\n      card.querySelector('p').textContent + ' ' + card.dataset.category)\n  ]));\n  const faqText = new Map(questions.map(item => [item, normalize(item.textContent)]));\n  let category = 'all';\n\n  \/\/ A. AKTIFKAN DOKUMEN\n  \/\/ Cukup isi data-url pada article di HTML. Fungsi ini tidak perlu diedit.\n  docs.forEach(card => {\n    const link = card.querySelector('.download');\n    const raw = card.dataset.url.trim();\n    if (!raw) return;\n    try {\n      const url = new URL(raw, location.href);\n      if (!['http:', 'https:'].includes(url.protocol)) return;\n      link.href = url.href;\n      link.target = '_blank';\n      link.rel = 'noopener noreferrer';\n      link.removeAttribute('aria-disabled');\n      link.querySelector('[data-download-label]').textContent = 'Buka PDF';\n      card.querySelector('.status').textContent = 'Tersedia';\n    } catch {\n      \/\/ Link kosong atau tidak valid tetap berstatus Segera tersedia.\n    }\n  });\n\n  \/\/ B. PENCARIAN DAN FILTER DOKUMEN\n  function filterDocs() {\n    const query = normalize(docSearch.value);\n    let count = 0;\n    docs.forEach(card => {\n      const show = (category === 'all' || category === card.dataset.category) &&\n        docText.get(card).includes(query);\n      card.hidden = !show;\n      if (show) count++;\n    });\n    root.querySelector('[data-doc-count]').textContent = count + ' dokumen ditemukan';\n    root.querySelector('[data-doc-empty]').hidden = count !== 0;\n  }\n  root.querySelectorAll('[data-category-filter]').forEach(button => {\n    button.addEventListener('click', () => {\n      category = button.dataset.categoryFilter;\n      root.querySelectorAll('[data-category-filter]').forEach(item => {\n        item.setAttribute('aria-pressed', String(item === button));\n      });\n      filterDocs();\n    });\n  });\n  docSearch.addEventListener('input', filterDocs);\n  root.querySelector('[data-reset-doc]').addEventListener('click', () => {\n    docSearch.value = '';\n    root.querySelector('[data-category-filter=\"all\"]').click();\n    docSearch.focus({ preventScroll:true });\n  });\n\n  \/\/ C. PENCARIAN FAQ\n  function filterFaq() {\n    const query = normalize(faqSearch.value);\n    let count = 0;\n    questions.forEach(item => {\n      const show = faqText.get(item).includes(query);\n      item.hidden = !show;\n      if (show) count++;\n    });\n    root.querySelector('[data-faq-count]').textContent = count + ' pertanyaan ditemukan';\n    root.querySelector('[data-faq-empty]').hidden = count !== 0;\n  }\n  faqSearch.addEventListener('input', filterFaq);\n  root.querySelector('[data-reset-faq]').addEventListener('click', () => {\n    faqSearch.value = '';\n    filterFaq();\n    faqSearch.focus({ preventScroll:true });\n  });\n\n  \/\/ D. SCROLL HALUS DAN ANIMASI MASUK\n  root.querySelectorAll('a[href^=\"#sb-\"]').forEach(link => {\n    link.addEventListener('click', event => {\n      const target = root.querySelector(link.getAttribute('href'));\n      if (!target) return;\n      event.preventDefault();\n      target.scrollIntoView({\n        behavior:reduced.matches ? 'auto' : 'smooth',\n        block:'start'\n      });\n      target.tabIndex = -1;\n      target.focus({ preventScroll:true });\n    });\n  });\n  if ('IntersectionObserver' in window && !reduced.matches) {\n    const observer = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.remove('pending');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold:0.05 });\n    root.querySelectorAll('.reveal').forEach(element => {\n      element.classList.add('pending');\n      observer.observe(element);\n    });\n  }\n\n  \/\/ E. HALAMAN FULL DARI ATAS, HEADER TETAP MENGAMBANG\n  \/\/ Sama dengan hero: tarik background melewati sisa jarak pembungkus.\n  \/\/ Toolbar WordPress tetap mendapat ruang; isi diberi jarak dari header.\n  const headerSelector = '#sg-header, .elementor-location-header, ' +\n    '[data-elementor-type=\"header\"], #masthead, .site-header, .hfe-site-header';\n  let frame = 0;\n\n  function fit() {\n    if (!root.isConnected) return;\n\n    \/\/ Lebar layar aktual: tidak menambahkan scrollbar seperti 100vw.\n    root.style.width = document.documentElement.clientWidth + 'px';\n    const oldLeft = parseFloat(getComputedStyle(root).marginLeft) || 0;\n    root.style.marginLeft = (oldLeft - root.getBoundingClientRect().left) + 'px';\n    root.style.marginRight = '0';\n\n    const admin = document.getElementById('wpadminbar');\n    const adminHeight = admin && getComputedStyle(admin).display !== 'none'\n      ? admin.getBoundingClientRect().height : 0;\n\n    \/\/ Tambahkan kembali kompensasi sebelumnya saat mengukur posisi asli.\n    \/\/ Dengan demikian resize tidak membuat halaman makin naik.\n    const previousGap = parseFloat(root.style.getPropertyValue('--sb-top-gap')) || 0;\n    const originalTop = root.getBoundingClientRect().top + scrollY + previousGap;\n    const gap = Math.max(0, originalTop - adminHeight);\n    root.style.setProperty('--sb-top-gap', gap + 'px');\n    const pageTop = Math.max(adminHeight, originalTop - gap);\n\n    let headerBottom = pageTop;\n    document.querySelectorAll(headerSelector).forEach(header => {\n      if (header.contains(root) || root.contains(header)) return;\n      const bar = header.id === 'sg-header' ? header.querySelector('.sg-bar') : null;\n      const measured = bar || header;\n      const style = getComputedStyle(measured);\n      const rect = measured.getBoundingClientRect();\n      if (!rect.height || style.display === 'none' || style.visibility === 'hidden') return;\n\n      let fixed = false;\n      for (let element = measured; element && element !== document.body; element = element.parentElement) {\n        if (getComputedStyle(element).position === 'fixed') {\n          fixed = true;\n          break;\n        }\n      }\n      const bottom = rect.bottom + (fixed ? 0 : scrollY);\n      if (bottom > pageTop && bottom < innerHeight * 0.65) {\n        headerBottom = Math.max(headerBottom, bottom);\n      }\n    });\n    root.style.setProperty('--sb-header-overlap',\n      Math.max(0, headerBottom - pageTop) + 'px');\n  }\n\n  function schedule() {\n    cancelAnimationFrame(frame);\n    frame = requestAnimationFrame(fit);\n  }\n  schedule();\n  addEventListener('resize', schedule, { passive:true });\n  addEventListener('load', schedule, { once:true });\n  if (window.visualViewport) {\n    window.visualViewport.addEventListener('resize', schedule, { passive:true });\n  }\n  if (document.fonts) document.fonts.ready.then(schedule);\n  if ('ResizeObserver' in window) {\n    const observer = new ResizeObserver(schedule);\n    document.querySelectorAll(headerSelector + ', #wpadminbar').forEach(header => {\n      observer.observe(header);\n    });\n  }\n  \/\/ Header Elementor dapat muncul setelah widget selesai dimuat.\n  setTimeout(schedule, 350);\n  setTimeout(schedule, 1200);\n\n  filterDocs();\n  filterFaq();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pusat unduhan &#038; FAQ Informasi yang Anda butuhkan, lebih mudah ditemukan. Temukan dokumen produk dan jawaban atas pertanyaan umum untuk membantu Anda mengenal dan menggunakan produk Synbio. Lihat dokumen Baca FAQ SYNBIO \u00b7 Where Science Sustains Balance. SYNBIO \/ RESOURCE CENTER Ilmu yang lebih dekat. DOKUMEN &#038; PANDUAN \u2197 Temukan. Pahami. Terapkan. Dokumen Synbio Pusat [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_yoast_wpseo_focuskw":"","_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":"","rank_math_title":"","rank_math_description":"","rank_math_focus_keyword":"","_aioseop_title":"","_aioseop_description":""},"class_list":["post-2975","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pusat Unduhan FAQ - Synbio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/synbioid.com\/en\/pusat-unduhan-faq\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pusat Unduhan FAQ - Synbio\" \/>\n<meta property=\"og:description\" content=\"Pusat unduhan &#038; FAQ Informasi yang Anda butuhkan, lebih mudah ditemukan. Temukan dokumen produk dan jawaban atas pertanyaan umum untuk membantu Anda mengenal dan menggunakan produk Synbio. Lihat dokumen Baca FAQ SYNBIO \u00b7 Where Science Sustains Balance. SYNBIO \/ RESOURCE CENTER Ilmu yang lebih dekat. DOKUMEN &#038; PANDUAN \u2197 Temukan. Pahami. Terapkan. Dokumen Synbio Pusat [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/synbioid.com\/en\/pusat-unduhan-faq\/\" \/>\n<meta property=\"og:site_name\" content=\"Synbio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-03T10:07:47+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/synbioid.com\\\/pusat-unduhan-faq\\\/\",\"url\":\"https:\\\/\\\/synbioid.com\\\/pusat-unduhan-faq\\\/\",\"name\":\"Pusat Unduhan FAQ - Synbio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/synbioid.com\\\/#website\"},\"datePublished\":\"2026-10-03T10:00:39+00:00\",\"dateModified\":\"2026-10-03T10:07:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/synbioid.com\\\/pusat-unduhan-faq\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/synbioid.com\\\/pusat-unduhan-faq\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/synbioid.com\\\/pusat-unduhan-faq\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/synbioid.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pusat Unduhan FAQ\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/synbioid.com\\\/#website\",\"url\":\"https:\\\/\\\/synbioid.com\\\/\",\"name\":\"Synbio\",\"description\":\"Science Sustains Balance\",\"publisher\":{\"@id\":\"https:\\\/\\\/synbioid.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/synbioid.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/synbioid.com\\\/#organization\",\"name\":\"Synbio\",\"url\":\"https:\\\/\\\/synbioid.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/synbioid.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/synbioid.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-cropped-Synbio-Logo-01-2.png\",\"contentUrl\":\"https:\\\/\\\/synbioid.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-cropped-Synbio-Logo-01-2.png\",\"width\":1877,\"height\":624,\"caption\":\"Synbio\"},\"image\":{\"@id\":\"https:\\\/\\\/synbioid.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pusat Unduhan FAQ - Synbio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/synbioid.com\/en\/pusat-unduhan-faq\/","og_locale":"en_US","og_type":"article","og_title":"Pusat Unduhan FAQ - Synbio","og_description":"Pusat unduhan &#038; FAQ Informasi yang Anda butuhkan, lebih mudah ditemukan. Temukan dokumen produk dan jawaban atas pertanyaan umum untuk membantu Anda mengenal dan menggunakan produk Synbio. Lihat dokumen Baca FAQ SYNBIO \u00b7 Where Science Sustains Balance. SYNBIO \/ RESOURCE CENTER Ilmu yang lebih dekat. DOKUMEN &#038; PANDUAN \u2197 Temukan. Pahami. Terapkan. Dokumen Synbio Pusat [&hellip;]","og_url":"https:\/\/synbioid.com\/en\/pusat-unduhan-faq\/","og_site_name":"Synbio","article_modified_time":"2026-10-03T10:07:47+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/synbioid.com\/pusat-unduhan-faq\/","url":"https:\/\/synbioid.com\/pusat-unduhan-faq\/","name":"Pusat Unduhan FAQ - Synbio","isPartOf":{"@id":"https:\/\/synbioid.com\/#website"},"datePublished":"2026-10-03T10:00:39+00:00","dateModified":"2026-10-03T10:07:47+00:00","breadcrumb":{"@id":"https:\/\/synbioid.com\/pusat-unduhan-faq\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/synbioid.com\/pusat-unduhan-faq\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/synbioid.com\/pusat-unduhan-faq\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/synbioid.com\/"},{"@type":"ListItem","position":2,"name":"Pusat Unduhan FAQ"}]},{"@type":"WebSite","@id":"https:\/\/synbioid.com\/#website","url":"https:\/\/synbioid.com\/","name":"Synbio","description":"Science Sustains Balance","publisher":{"@id":"https:\/\/synbioid.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/synbioid.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/synbioid.com\/#organization","name":"Synbio","url":"https:\/\/synbioid.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/synbioid.com\/#\/schema\/logo\/image\/","url":"https:\/\/synbioid.com\/wp-content\/uploads\/2025\/11\/cropped-cropped-Synbio-Logo-01-2.png","contentUrl":"https:\/\/synbioid.com\/wp-content\/uploads\/2025\/11\/cropped-cropped-Synbio-Logo-01-2.png","width":1877,"height":624,"caption":"Synbio"},"image":{"@id":"https:\/\/synbioid.com\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/synbioid.com\/en\/wp-json\/wp\/v2\/pages\/2975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/synbioid.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/synbioid.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/synbioid.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/synbioid.com\/en\/wp-json\/wp\/v2\/comments?post=2975"}],"version-history":[{"count":8,"href":"https:\/\/synbioid.com\/en\/wp-json\/wp\/v2\/pages\/2975\/revisions"}],"predecessor-version":[{"id":2991,"href":"https:\/\/synbioid.com\/en\/wp-json\/wp\/v2\/pages\/2975\/revisions\/2991"}],"wp:attachment":[{"href":"https:\/\/synbioid.com\/en\/wp-json\/wp\/v2\/media?parent=2975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}