{"id":2936,"date":"2026-10-03T14:22:26","date_gmt":"2026-10-03T07:22:26","guid":{"rendered":"https:\/\/synbioid.com\/?page_id=2936"},"modified":"2026-10-28T18:52:31","modified_gmt":"2026-10-28T11:52:31","slug":"synbiopedia","status":"publish","type":"page","link":"https:\/\/synbioid.com\/en\/synbiopedia\/","title":{"rendered":"Synbiopedia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2936\" class=\"elementor elementor-2936\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d32ee1e e-flex e-con-boxed e-con e-parent\" data-id=\"d32ee1e\" 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-7a74b66 elementor-widget elementor-widget-html\" data-id=\"7a74b66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SYNBIOPEDIA \u2014 HALAMAN UTAMA | Tempel SEMUA kode ke satu widget HTML Elementor.\nGunakan layout Elementor Full Width, sembunyikan judul bawaan, dan padding container 0.\nHeader\/footer mengikuti website, tidak disertakan di sini.\nPANDUAN EDIT CEPAT \u2014 cari judul bagian dengan Ctrl+F:\nA. WARNA, UKURAN, JARAK: bagian CSS 01. Ubah nilai variabel saja.\nB. TEKS HERO: bagian HTML 01. Edit teks di h1 dan p.\nC. ILUSTRASI: bagian HTML 02. SVG ilustrasi dapat diganti gambar Anda.\nD. JUDUL & FILTER: bagian HTML 03. Edit label tombol; biarkan data-topic.\nE. TEKS KONSULTASI: bagian HTML 04. Edit judul, paragraf, label tombol.\nF. LINK: bagian JS 01 \/ CONFIG. Ganti products dan consult di sana.\nG. ARTIKEL: judul, kutipan, gambar, dan tautan mengambil Post WordPress.\nH. PANAH: ukuran di variabel CSS; seluruh panah memakai chevron SVG yang sama.\nI. CONTOH LOKAL: bagian JS \/ demo. Hanya terlihat saat file dibuka lokal.\nCATATAN: jangan mengganti id, class, atau data-topic; dipakai fungsi halaman.\nSesudah revisi, tempel seluruh kode ini menggantikan kode sebelumnya.\nArtikel otomatis: terbitkan Post dengan kategori Synbiopedia, isi kutipan dan gambar unggulan.\nFile lokal menampilkan 3 contoh dari paket artikel sebelumnya; contoh tidak ditampilkan di website.\nFilter topik mengikuti kata pada judul, kutipan, dan tag. Sesuaikan topic() bila diperlukan.\n-->\n<style>\n  \/* CSS 00 \u2014 BACKGROUND SAMPAI ATAS, seperti hero Synbio.\n     Spacer header hanya disembunyikan pada halaman yang memakai Synbiopedia.\n     Jarak dari pembungkus Elementor dikompensasi otomatis melalui JavaScript. *\/\n  body.synbio-pedia-page #sg-header-spacer {\n    display: none !important;\n    height: 0 !important;\n  }\n  body.synbio-pedia-page { background: #f6f8fb; }\n  #sbpedia {\n    margin-top: calc(-1 * var(--sp-top-gap, 0px));\n  }\n\n  \/* CSS 01 \u2014 WARNA & UKURAN. Ubah nilai variabel sesuai kebutuhan.\n   --navy: warna judul; --red: hover panah; --ink: teks paragraf.\n   --top-space: jarak atas untuk header sticky.\n   --arrow-size: lingkaran; --arrow-icon: ikon; --button-radius: sudut tombol. *\/\n  #sbpedia {\n    --navy: #203e73;\n    --red: #e82d4b;\n    --ink: #53647b;\n    --top-space: 110px;\n    --arrow-size: 34px;\n    --arrow-icon: 16px;\n    --button-radius: 18px;\n    width: 100%;\n    max-width: none;\n    position: relative;\n    overflow: clip;\n    color: var(--ink);\n    background:\n      radial-gradient(ellipse at 95% 5%, #e3edfa, transparent 35%),\n      radial-gradient(ellipse at 0% 55%, #eaf0f9, transparent 35%), #f6f8fb;\n    font:\n      16px\/1.7 -apple-system,\n      BlinkMacSystemFont,\n      \"Segoe UI\",\n      sans-serif;\n    padding-top: 0;\n  }\n  #sbpedia * {\n    box-sizing: border-box;\n  }\n  #sbpedia h1,\n  #sbpedia h2,\n  #sbpedia h3,\n  #sbpedia p {\n    margin: 0;\n  }\n  #sbpedia h1,\n  #sbpedia h2,\n  #sbpedia h3 {\n    color: var(--navy);\n    font-weight: 500;\n    letter-spacing: -0.04em;\n    line-height: 1.15;\n  }\n  #sbpedia a {\n    color: inherit;\n    text-decoration: none;\n  }\n  #sbpedia button,\n  #sbpedia input {\n    font: inherit;\n  }\n  #sbpedia button {\n    cursor: pointer;\n  }\n  #sbpedia :focus-visible {\n    outline: 3px solid var(--red);\n    outline-offset: 5px;\n  }\n  #sbpedia [hidden] {\n    display: none !important;\n  }\n  #sbpedia .sp-wrap {\n    max-width: 1440px;\n    margin: auto;\n    padding: 0 clamp(22px, 5vw, 76px);\n  }\n  #sbpedia .sp-glass {\n    border: 1px solid #fff;\n    background: #ffffff85;\n    backdrop-filter: blur(24px);\n    border-radius: 24px;\n    box-shadow:\n      0 14px 45px #203e7306,\n      inset 0 1px 0 #fff;\n  }\n  #sbpedia .sp-eyebrow {\n    font-size: 11px;\n    letter-spacing: 0.2em;\n    font-weight: 650;\n    text-transform: uppercase;\n    color: #7085a4;\n    display: block;\n    margin-bottom: 20px;\n  }\n  #sbpedia .sp-hero {\n    display: grid;\n    grid-template-columns: 1.1fr 1fr;\n    align-items: center;\n    gap: 60px;\n    padding: calc(var(--sp-header-overlap, var(--top-space)) + 35px) 0 80px;\n  }\n  #sbpedia h1 {\n    font-size: clamp(45px, 5.9vw, 80px);\n  }\n  #sbpedia .sp-hero p {\n    max-width: 455px;\n    margin: 24px 0 28px;\n    font-size: 17px;\n  }\n  #sbpedia .sp-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n    padding: 12px 15px 12px 22px;\n    border-radius: var(--button-radius);\n    color: var(--navy);\n    font-size: 14px;\n    border: 1px solid #fff;\n    background: transparent;\n    transition:\n      transform 0.6s,\n      box-shadow 0.6s;\n  }\n  #sbpedia .sp-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 28px #203e7310;\n  }\n  #sbpedia .sp-arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--arrow-size);\n    height: var(--arrow-size);\n    flex: 0 0 var(--arrow-size);\n    padding: 0;\n    line-height: 1;\n    border: 1px solid rgba(32, 62, 115, 0.18);\n    border-radius: 50%;\n    background: transparent;\n    color: var(--navy);\n    transition:\n      background 0.45s ease,\n      color 0.45s ease,\n      border-color 0.45s ease;\n  }\n  #sbpedia .sp-arrow svg {\n    width: var(--arrow-icon);\n    height: var(--arrow-icon);\n    display: block;\n    flex: none;\n  }\n  #sbpedia a:hover .sp-arrow,\n  #sbpedia button:hover .sp-arrow,\n  #sbpedia a:focus-visible .sp-arrow,\n  #sbpedia button:focus-visible .sp-arrow {\n    background: var(--red);\n    border-color: var(--red);\n    color: #fff;\n  }\n  \/* CSS 02 \u2014 ILUSTRASI HERO & BOX KACA *\/\n  #sbpedia .sp-visual {\n    position: relative;\n    min-height: 390px;\n    display: grid;\n    place-items: center;\n  }\n  #sbpedia .sp-orbit {\n    width: min(100%, 390px);\n    aspect-ratio: 1;\n    border: 1px solid #fff;\n    border-radius: 50%;\n    background: radial-gradient(circle, #ffffff90, #ffffff10);\n    box-shadow: inset 0 0 60px #fff7;\n    position: relative;\n    display: grid;\n    place-items: center;\n  }\n  #sbpedia .sp-orbit:before,\n  #sbpedia .sp-orbit:after {\n    content: \"\";\n    position: absolute;\n    border: 1px solid #ffffffb0;\n    border-radius: 50%;\n    inset: 36px;\n  }\n  #sbpedia .sp-orbit:after {\n    inset: 76px;\n  }\n  #sbpedia .sp-science {\n    width: 86%;\n    position: relative;\n    z-index: 1;\n    animation: sp-float 8s ease-in-out infinite;\n  }\n  #sbpedia .sp-note {\n    position: absolute;\n    padding: 14px 20px;\n    border-radius: 16px;\n    font-size: 12px;\n    color: var(--navy);\n    z-index: 2;\n  }\n  #sbpedia .sp-note b {\n    display: block;\n    font-weight: 550;\n    font-size: 15px;\n  }\n  #sbpedia .sp-note.one {\n    top: 25px;\n    left: 0;\n  }\n  #sbpedia .sp-note.two {\n    right: 0;\n    bottom: 35px;\n  }\n  #sbpedia .sp-brandline {\n    border-top: 1px solid #203e7312;\n    border-bottom: 1px solid #203e7312;\n    padding: 18px 0;\n    font-size: 12px;\n    display: flex;\n    justify-content: space-between;\n    gap: 14px;\n    color: #7a8da9;\n  }\n  \/* CSS 03 \u2014 DAFTAR ARTIKEL, PENCARIAN & FILTER *\/\n  #sbpedia .sp-library {\n    padding: 65px 0;\n    scroll-margin-top: 120px;\n  }\n  #sbpedia .sp-heading {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    gap: 25px;\n    margin-bottom: 28px;\n  }\n  #sbpedia h2 {\n    font-size: clamp(29px, 3.5vw, 43px);\n  }\n  #sbpedia .sp-heading p {\n    font-size: 14px;\n    margin-top: 12px;\n  }\n  #sbpedia .sp-search {\n    position: relative;\n    width: 310px;\n    flex-shrink: 0;\n  }\n  #sbpedia .sp-search svg {\n    position: absolute;\n    width: 18px;\n    height: 18px;\n    left: 16px;\n    top: 17px;\n    color: #7a8da9;\n  }\n  #sbpedia .sp-search input {\n    display: block;\n    width: 100%;\n    padding: 13px 18px 13px 45px;\n    border: 1px solid #fff;\n    border-radius: 16px;\n    background: #ffffff99;\n    color: var(--navy);\n    font-size: 14px;\n  }\n  #sbpedia .sp-filters {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 9px;\n    margin-bottom: 30px;\n  }\n  #sbpedia .sp-filter {\n    border: 1px solid #203e731a;\n    border-radius: 24px;\n    background: transparent;\n    color: var(--ink);\n    font-size: 13px;\n    padding: 9px 18px;\n    transition: 0.25s;\n  }\n  #sbpedia .sp-filter[aria-pressed=\"true\"] {\n    color: #fff;\n    background: var(--navy);\n    border-color: var(--navy);\n  }\n  #sbpedia .sp-feature {\n    display: grid;\n    grid-template-columns: 1.1fr 1fr;\n    overflow: hidden;\n    margin-bottom: 38px;\n  }\n  #sbpedia .sp-feature .sp-media {\n    min-height: 310px;\n    height: 100%;\n    border-radius: 0;\n  }\n  #sbpedia .sp-feature-body {\n    padding: 38px;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n  }\n  #sbpedia .sp-feature h3 {\n    font-size: clamp(25px, 2.6vw, 34px);\n    margin: 12px 0 16px;\n  }\n  #sbpedia .sp-feature p {\n    font-size: 14px;\n    margin-bottom: 23px;\n  }\n  #sbpedia .sp-meta {\n    font-size: 11px;\n    color: #6d819e;\n    display: flex;\n    gap: 12px;\n    align-items: center;\n    flex-wrap: wrap;\n  }\n  #sbpedia .sp-tag {\n    color: var(--navy);\n    font-size: 10px;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n  #sbpedia .sp-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 22px;\n  }\n  #sbpedia .sp-card {\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition:\n      transform 0.4s,\n      background 0.4s,\n      box-shadow 0.4s;\n  }\n  #sbpedia .sp-card:hover {\n    transform: translateY(-6px);\n    background: #ffffffd0;\n    box-shadow: 0 20px 45px #203e730b;\n  }\n  #sbpedia .sp-media {\n    height: 215px;\n    display: grid;\n    place-items: center;\n    overflow: hidden;\n    background: linear-gradient(135deg, #e3edf9, #f0f5fc);\n    position: relative;\n  }\n  #sbpedia .sp-media svg {\n    width: 80%;\n    height: 90%;\n    transition: transform 0.6s;\n  }\n  #sbpedia .sp-media img {\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    transition: transform 0.6s;\n  }\n  #sbpedia .sp-card:hover .sp-media img,\n  #sbpedia .sp-card:hover .sp-media svg {\n    transform: scale(1.04);\n  }\n  #sbpedia .sp-card-body {\n    padding: 25px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n  #sbpedia .sp-card h3 {\n    font-size: 23px;\n    margin: 15px 0 13px;\n  }\n  #sbpedia .sp-card p {\n    font-size: 13px;\n    margin-bottom: 24px;\n  }\n  #sbpedia .sp-read {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    margin-top: auto;\n    padding-top: 16px;\n    border-top: 1px solid #203e7312;\n    font-size: 13px;\n    color: var(--navy);\n  }\n  #sbpedia .sp-status {\n    font-size: 13px;\n    margin: 18px 0;\n    color: #7386a3;\n  }\n  #sbpedia .sp-empty {\n    padding: 45px 24px;\n    text-align: center;\n  }\n  #sbpedia .sp-empty h3 {\n    font-size: 25px;\n    margin-bottom: 10px;\n  }\n  #sbpedia .sp-empty p {\n    margin-bottom: 18px;\n    font-size: 14px;\n  }\n  #sbpedia .sp-more {\n    display: block;\n    margin: 30px auto 0;\n    border: 1px solid #203e731a;\n    border-radius: 26px;\n    background: transparent;\n    color: var(--navy);\n    font-size: 13px;\n    padding: 12px 24px;\n  }\n  \/* CSS 04 \u2014 BAGIAN PRODUK & KONSULTASI *\/\n  #sbpedia .sp-help {\n    display: grid;\n    grid-template-columns: 1.25fr 1fr;\n    gap: 40px;\n    padding: 42px;\n    margin-bottom: 60px;\n    align-items: center;\n  }\n  #sbpedia .sp-help p {\n    font-size: 14px;\n    max-width: 470px;\n    margin-top: 18px;\n  }\n  #sbpedia .sp-actions {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    align-items: stretch;\n  }\n  #sbpedia .sp-actions .sp-button {\n    padding-left: 20px;\n  }\n  #sbpedia .sp-end {\n    font-size: 11px;\n    letter-spacing: 0.15em;\n    text-align: center;\n    color: #8696ae;\n    padding: 0 0 30px;\n  }\n  #sbpedia.sp-motion .sp-reveal {\n    opacity: 0;\n    transform: translateY(18px);\n    transition:\n      opacity 0.8s,\n      transform 0.8s;\n  }\n  #sbpedia.sp-motion .sp-reveal.sp-visible {\n    opacity: 1;\n    transform: none;\n  }\n  \/* CSS 05 \u2014 ANIMASI, TABLET & PONSEL *\/\n  @keyframes sp-float {\n    50% {\n      transform: translateY(-10px) rotate(2deg);\n    }\n  }\n  @media (max-width: 900px) {\n    #sbpedia .sp-hero {\n      gap: 25px;\n    }\n    #sbpedia .sp-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n    #sbpedia .sp-feature-body {\n      padding: 28px;\n    }\n    #sbpedia .sp-visual {\n      min-height: 330px;\n    }\n    #sbpedia .sp-note {\n      font-size: 10px;\n      padding: 12px 15px;\n    }\n    #sbpedia .sp-help {\n      grid-template-columns: 1fr 1fr;\n      padding: 30px;\n    }\n  }\n  @media (max-width: 600px) {\n    #sbpedia {\n      --top-space: 85px;\n    }\n    #sbpedia .sp-hero {\n      grid-template-columns: 1fr;\n      padding: calc(var(--sp-header-overlap, var(--top-space)) + 30px) 0 35px;\n      gap: 18px;\n    }\n    #sbpedia h1 {\n      font-size: 48px;\n    }\n    #sbpedia .sp-hero p {\n      font-size: 15px;\n      margin: 20px 0 24px;\n    }\n    #sbpedia .sp-visual {\n      min-height: 290px;\n    }\n    #sbpedia .sp-orbit {\n      width: 270px;\n    }\n    #sbpedia .sp-note.one {\n      top: 20px;\n    }\n    #sbpedia .sp-note.two {\n      bottom: 20px;\n    }\n    #sbpedia .sp-brandline {\n      flex-direction: column;\n      gap: 3px;\n      font-size: 11px;\n    }\n    #sbpedia .sp-heading {\n      display: block;\n    }\n    #sbpedia .sp-search {\n      width: 100%;\n      margin-top: 22px;\n    }\n    #sbpedia .sp-library {\n      padding: 40px 0;\n    }\n    #sbpedia .sp-feature,\n    #sbpedia .sp-grid,\n    #sbpedia .sp-help {\n      grid-template-columns: 1fr;\n    }\n    #sbpedia .sp-feature .sp-media {\n      min-height: 225px;\n      height: 225px;\n    }\n    #sbpedia .sp-feature-body {\n      padding: 25px;\n    }\n    #sbpedia .sp-media {\n      height: 210px;\n    }\n    #sbpedia .sp-help {\n      padding: 26px;\n      gap: 24px;\n      margin-bottom: 35px;\n    }\n    #sbpedia .sp-filter {\n      padding: 8px 14px;\n      font-size: 12px;\n    }\n    #sbpedia .sp-feature {\n      margin-bottom: 25px;\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    #sbpedia *,\n    #sbpedia *:before,\n    #sbpedia *:after {\n      animation: none !important;\n      transition: none !important;\n      scroll-behavior: auto !important;\n    }\n    #sbpedia.sp-motion .sp-reveal {\n      opacity: 1;\n      transform: none;\n    }\n  }\n<\/style>\n<section id=\"sbpedia\" aria-label=\"Synbiopedia\">\n  <div class=\"sp-wrap\">\n    <!-- HTML 01 \u2014 HERO: edit judul, paragraf, dan label tombol di bawah. -->\n    <div class=\"sp-hero\">\n      <div class=\"sp-reveal\">\n        <span class=\"sp-eyebrow\">SYNBIO \/ KNOWLEDGE & INSIGHTS<\/span>\n        <h1>Synbiopedia<span style=\"color: var(--red)\">.<\/span><\/h1>\n        <p>\n          Memahami proses di balik budidaya. Temukan wawasan dan panduan praktis\n          untuk menjaga kualitas air, mengelola tambak, dan memilih solusi yang\n          sesuai.\n        <\/p>\n        <a href=\"#sp-library\" class=\"sp-button\"\n          >Jelajahi artikel\n          <span class=\"sp-arrow\" aria-hidden=\"true\"\n            ><svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <path d=\"m9 5 7 7-7 7\" \/><\/svg><\/span\n        ><\/a>\n      <\/div>\n      <!-- HTML 02 \u2014 ILUSTRASI DEKORATIF: bukan model 3D. -->\n      <div class=\"sp-visual sp-reveal\" aria-hidden=\"true\">\n        <div class=\"sp-orbit\">\n          <svg class=\"sp-science\" viewBox=\"0 0 400 350\">\n            <defs>\n              <linearGradient id=\"sp-blue\" x2=\"1\" y2=\"1\">\n                <stop stop-color=\"#88a9d6\" \/>\n                <stop offset=\"1\" stop-color=\"#203e73\" \/>\n              <\/linearGradient>\n              <linearGradient id=\"sp-pink\" x2=\"1\" y2=\"1\">\n                <stop stop-color=\"#f3a6b5\" \/>\n                <stop offset=\"1\" stop-color=\"#dc4366\" \/>\n              <\/linearGradient>\n              <filter id=\"sp-shadow\">\n                <feDropShadow\n                  dx=\"0\"\n                  dy=\"13\"\n                  stdDeviation=\"12\"\n                  flood-color=\"#203e73\"\n                  flood-opacity=\".13\"\n                \/>\n              <\/filter>\n            <\/defs>\n            <g stroke=\"#91a9c6\" stroke-width=\"1\" fill=\"none\" opacity=\".45\">\n              <path d=\"M70 150L270 70 315 215 140 270Z\" \/>\n              <path d=\"M70 150L315 215M270 70L140 270\" \/>\n            <\/g>\n            <g filter=\"url(#sp-shadow)\">\n              <g transform=\"translate(105 110) rotate(-30 95 40)\">\n                <rect width=\"190\" height=\"82\" rx=\"41\" fill=\"url(#sp-blue)\" \/>\n                <rect\n                  x=\"10\"\n                  y=\"9\"\n                  width=\"165\"\n                  height=\"60\"\n                  rx=\"30\"\n                  fill=\"none\"\n                  stroke=\"#ffffff55\"\n                \/>\n                <g fill=\"#dceafa\" opacity=\".65\">\n                  <circle cx=\"42\" cy=\"36\" r=\"9\" \/>\n                  <circle cx=\"85\" cy=\"47\" r=\"11\" \/>\n                  <circle cx=\"121\" cy=\"30\" r=\"8\" \/>\n                  <circle cx=\"147\" cy=\"45\" r=\"10\" \/>\n                <\/g>\n              <\/g>\n              <g transform=\"translate(135 212) rotate(22 68 26)\">\n                <rect width=\"135\" height=\"56\" rx=\"28\" fill=\"url(#sp-pink)\" \/>\n                <g fill=\"#ffdae3\" opacity=\".75\">\n                  <circle cx=\"32\" cy=\"26\" r=\"6\" \/>\n                  <circle cx=\"66\" cy=\"32\" r=\"8\" \/>\n                  <circle cx=\"98\" cy=\"23\" r=\"7\" \/>\n                <\/g>\n              <\/g>\n              <circle cx=\"70\" cy=\"150\" r=\"17\" fill=\"#b6cde9\" \/>\n              <circle cx=\"270\" cy=\"70\" r=\"11\" fill=\"#f0afbe\" \/>\n              <circle cx=\"315\" cy=\"215\" r=\"20\" fill=\"#d0dded\" \/>\n              <circle cx=\"140\" cy=\"270\" r=\"9\" fill=\"#7f9bc3\" \/>\n            <\/g>\n          <\/svg>\n        <\/div>\n        <div class=\"sp-note sp-glass one\">\n          Dari sains ke praktik<b>Kenali prosesnya.<\/b>\n        <\/div>\n        <div class=\"sp-note sp-glass two\">\n          Untuk keputusan yang terarah<b>Jaga keseimbangannya.<\/b>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"sp-brandline\">\n      <span>WHERE SCIENCE SUSTAINS BALANCE.<\/span\n      ><span>Wawasan budidaya bersama Synbio<\/span>\n    <\/div>\n    <!-- HTML 03 \u2014 ARTIKEL: isi kartu otomatis dari WordPress. -->\n    <div class=\"sp-library\" id=\"sp-library\">\n      <div class=\"sp-heading sp-reveal\">\n        <div>\n          <span class=\"sp-eyebrow\">BACA. PAHAMI. TERAPKAN.<\/span>\n          <h2>Wawasan untuk budidaya Anda.<\/h2>\n          <p>\n            Mulai dari topik yang paling dekat dengan kebutuhan di lapangan.\n          <\/p>\n        <\/div>\n        <label class=\"sp-search\"\n          ><span\n            style=\"\n              position: absolute;\n              width: 1px;\n              height: 1px;\n              overflow: hidden;\n            \"\n            >Cari artikel<\/span\n          ><svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            aria-hidden=\"true\"\n          >\n            <circle cx=\"10\" cy=\"10\" r=\"6\" \/>\n            <path d=\"m15 15 5 5\" \/><\/svg\n          ><input\n            type=\"search\"\n            placeholder=\"Cari topik atau kata kunci\u2026\"\n            autocomplete=\"off\"\n        \/><\/label>\n      <\/div>\n      <div class=\"sp-filters\" role=\"group\" aria-label=\"Filter topik\">\n        <button class=\"sp-filter\" data-topic=\"all\" aria-pressed=\"true\">\n          Semua artikel<\/button\n        ><button class=\"sp-filter\" data-topic=\"probiotik\" aria-pressed=\"false\">\n          Probiotik<\/button\n        ><button class=\"sp-filter\" data-topic=\"air\" aria-pressed=\"false\">\n          Kualitas air<\/button\n        ><button class=\"sp-filter\" data-topic=\"tambak\" aria-pressed=\"false\">\n          Manajemen tambak\n        <\/button>\n      <\/div>\n      <div class=\"sp-feature sp-glass sp-reveal\" hidden><\/div>\n      <p class=\"sp-status\" role=\"status\" aria-live=\"polite\">Memuat artikel\u2026<\/p>\n      <div class=\"sp-grid\"><\/div>\n      <div class=\"sp-empty sp-glass\" hidden>\n        <h3>Belum ada artikel yang sesuai.<\/h3>\n        <p>Coba kata kunci lain atau jelajahi semua topik.<\/p>\n        <button class=\"sp-button sp-reset\">\n          Lihat semua artikel\n          <span class=\"sp-arrow\" aria-hidden=\"true\"\n            ><svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <path d=\"m9 5 7 7-7 7\" \/><\/svg\n          ><\/span>\n        <\/button>\n      <\/div>\n      <button class=\"sp-more\" hidden>Tampilkan lebih banyak<\/button>\n      <noscript\n        ><p>\n          Aktifkan JavaScript untuk menampilkan artikel, atau\n          <a href=\"https:\/\/synbioid.com\/category\/synbiopedia\/\"\n            >buka arsip Synbiopedia<\/a\n          >.\n        <\/p><\/noscript\n      >\n    <\/div>\n    <!-- HTML 04 \u2014 AJAKAN PRODUK & KONSULTASI: link diatur melalui CONFIG. -->\n    <div class=\"sp-help sp-glass sp-reveal\">\n      <div>\n        <span class=\"sp-eyebrow\">DARI WAWASAN KE LANGKAH NYATA<\/span>\n        <h2>Temukan solusi yang sesuai.<\/h2>\n        <p>\n          Setiap tambak memiliki kebutuhan berbeda. Kenali pilihan produk Synbio\n          atau diskusikan kondisi budidaya Anda bersama tim kami.\n        <\/p>\n      <\/div>\n      <div class=\"sp-actions\">\n        <a class=\"sp-button sp-products\" href=\"https:\/\/synbioid.com\/products\/\"\n          >Jelajahi produk Synbio\n          <span class=\"sp-arrow\" aria-hidden=\"true\"\n            ><svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <path d=\"m9 5 7 7-7 7\" \/><\/svg><\/span><\/a\n        ><a class=\"sp-button sp-consult\" href=\"https:\/\/wa.me\/6287788987747\"\n          >Diskusikan kebutuhan Anda\n          <span class=\"sp-arrow\" aria-hidden=\"true\"\n            ><svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <path d=\"m9 5 7 7-7 7\" \/><\/svg><\/span\n        ><\/a>\n      <\/div>\n    <\/div>\n    <p class=\"sp-end\">SYNBIO \u2014 WHERE SCIENCE SUSTAINS BALANCE.<\/p>\n  <\/div>\n<\/section>\n<script>\n  (() => {\n    \"use strict\";\n    \/\/ JS 01 \u2014 LINK & PENGATURAN ARTIKEL. EDIT BAGIAN INI SAJA UNTUK MENGGANTI LINK.\n    \/\/ base = domain website; products = halaman katalog; consult = WhatsApp.\n    \/\/ batchSize = jumlah kartu sebelum tombol tampilkan lebih banyak.\n    \/\/ categorySlug = slug kategori Post di WordPress.\n    \/\/ EDIT PENGATURAN DI SINI. categoryId: isi angka ID bila slug kategori berbeda.\n    const CONFIG = {\n      base: \"https:\/\/synbioid.com\",\n      categorySlug: \"synbiopedia\",\n      categoryId: null,\n      products: \"https:\/\/synbioid.com\/products\/\",\n      consult:\n        \"https:\/\/wa.me\/6287788987747?text=Halo%20Synbio%2C%20saya%20ingin%20berkonsultasi%20tentang%20kebutuhan%20budidaya.\",\n      batchSize: 6,\n    };\n    \/\/ JS 02 \u2014 FUNGSI HALAMAN. Biasanya tidak perlu diubah.\n    const root = document.getElementById(\"sbpedia\");\n    if (!root || root.dataset.ready) return;\n    root.dataset.ready = \"1\";\n    const $ = (s) => root.querySelector(s),\n      grid = $(\".sp-grid\"),\n      status = $(\".sp-status\"),\n      search = $(\"input\"),\n      featured = $(\".sp-feature\");\n    let posts = [],\n      active = \"all\",\n      shown = CONFIG.batchSize,\n      failed = false,\n      loading = true;\n    const clean = (html) => {\n      const d = new DOMParser().parseFromString(\n        String(html || \"\"),\n        \"text\/html\",\n      );\n      return (d.body.textContent || \"\").replace(\/\\s+\/g, \" \").trim();\n    };\n    const safeURL = (url) => {\n      try {\n        const u = new URL(url, CONFIG.base);\n        return [\"https:\", \"http:\"].includes(u.protocol) ? u.href : CONFIG.base;\n      } catch {\n        return CONFIG.base;\n      }\n    };\n    \/\/ Satu bentuk SVG untuk seluruh tombol dan kartu artikel.\n    const arrow = () =>\n      '<span class=\"sp-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 5 7 7-7 7\"\/><\/svg><\/span>';\n    \/\/ Pemetaan filter: tambahkan kata kunci dalam pola berikut bila diperlukan.\n    function topic(p) {\n      const t = (\n          p.title +\n          \" \" +\n          p.excerpt +\n          \" \" +\n          (p.tags || \"\")\n        ).toLowerCase(),\n        out = [];\n      if (\/probiotik|bakteri|bacillus\/.test(t)) out.push(\"probiotik\");\n      if (\/air|amonia|nitrit|nitrogen|ph\\b\/.test(t)) out.push(\"air\");\n      if (\/pakan|limbah|dasar|endapan|manajemen\/.test(t)) out.push(\"tambak\");\n      return out.length ? out : [\"tambak\"];\n    }\n    const label = (p) =>\n      ({\n        probiotik: \"Probiotik\",\n        air: \"Kualitas air\",\n        tambak: \"Manajemen tambak\",\n      })[topic(p)[0]];\n    function art(p) {\n      const kind = topic(p)[0];\n      let inner =\n        kind === \"probiotik\"\n          ? '<g transform=\"rotate(-25 200 130)\"><rect x=\"75\" y=\"78\" width=\"240\" height=\"95\" rx=\"47\" fill=\"#658bbe\"\/><rect x=\"86\" y=\"87\" width=\"216\" height=\"74\" rx=\"37\" fill=\"none\" stroke=\"#fff7\"\/><g fill=\"#d7e5f7\"><circle cx=\"125\" cy=\"125\" r=\"11\"\/><circle cx=\"176\" cy=\"139\" r=\"13\"\/><circle cx=\"221\" cy=\"113\" r=\"9\"\/><circle cx=\"267\" cy=\"130\" r=\"11\"\/><\/g><\/g><rect x=\"230\" y=\"189\" width=\"95\" height=\"35\" rx=\"18\" fill=\"#e68ba2\"\/>'\n          : kind === \"air\"\n            ? '<g fill=\"none\" stroke=\"#7e9fc8\" stroke-width=\"2\"><path d=\"M35 140Q80 100 125 140T215 140T305 140T395 140M35 165Q80 125 125 165T215 165T305 165T395 165M35 190Q80 150 125 190T215 190T305 190T395 190\"\/><\/g><path d=\"M200 45C180 80 156 98 156 126a44 44 0 0 0 88 0c0-28-24-46-44-81\" fill=\"#648bbc\" stroke=\"#fff8\"\/><path d=\"M175 115q-9 25 13 33\" fill=\"none\" stroke=\"#c9def7\" stroke-width=\"4\"\/>'\n            : '<g fill=\"none\" stroke=\"#8ea7c8\" stroke-width=\"2\"><path d=\"M45 165 205 82 355 165 195 242Z\"\/><path d=\"M45 145 205 62 355 145 195 222Z\"\/><path d=\"M45 125 205 42 355 125 195 202Z\"\/><\/g><path d=\"M80 133 204 70 319 134 194 193Z\" fill=\"#adc5e3\" opacity=\".8\"\/><g fill=\"#e68ba2\"><circle cx=\"183\" cy=\"126\" r=\"8\"\/><circle cx=\"224\" cy=\"145\" r=\"6\"\/><circle cx=\"157\" cy=\"155\" r=\"5\"\/><\/g>';\n      return (\n        '<svg viewBox=\"0 0 400 270\" aria-hidden=\"true\"><circle cx=\"200\" cy=\"135\" r=\"113\" fill=\"#ffffff50\" stroke=\"#fff\"\/>' +\n        inner +\n        \"<\/svg>\"\n      );\n    }\n    function media(p) {\n      const d = document.createElement(\"div\");\n      d.className = \"sp-media\";\n      if (p.image) {\n        const img = document.createElement(\"img\");\n        img.src = safeURL(p.image);\n        img.alt = p.alt || \"\";\n        img.loading = \"lazy\";\n        img.addEventListener(\n          \"error\",\n          () => {\n            d.innerHTML = art(p);\n          },\n          { once: true },\n        );\n        d.append(img);\n      } else d.innerHTML = art(p);\n      return d;\n    }\n    function text(tag, cls, value) {\n      const e = document.createElement(tag);\n      e.className = cls;\n      e.textContent = value;\n      return e;\n    }\n    function meta(p) {\n      const m = text(\"div\", \"sp-meta\", \"\");\n      m.append(text(\"span\", \"sp-tag\", label(p)));\n      if (p.date) m.append(text(\"span\", \"\", p.date));\n      return m;\n    }\n    function renderFeature() {\n      if (!posts.length) {\n        featured.hidden = true;\n        return;\n      }\n      const p = posts[0];\n      featured.replaceChildren(media(p));\n      const body = text(\"div\", \"sp-feature-body\", \"\");\n      body.append(\n        text(\"span\", \"sp-eyebrow\", \"ARTIKEL TERBARU\"),\n        meta(p),\n        text(\"h3\", \"\", p.title),\n        text(\"p\", \"\", p.excerpt),\n      );\n      const a = text(\"a\", \"sp-button\", \"Baca selengkapnya \");\n      a.href = safeURL(p.link);\n      a.insertAdjacentHTML(\"beforeend\", arrow());\n      body.append(a);\n      featured.append(body);\n      featured.hidden = false;\n      reveal();\n    }\n    function render() {\n      const q = search.value.trim().toLowerCase(),\n        list = posts.filter(\n          (p) =>\n            (active === \"all\" || topic(p).includes(active)) &&\n            (!q ||\n              (p.title + \" \" + p.excerpt + \" \" + (p.tags || \"\"))\n                .toLowerCase()\n                .includes(q)),\n        );\n      grid.replaceChildren();\n      for (const p of list.slice(0, shown)) {\n        const card = text(\"article\", \"sp-card sp-glass sp-reveal\", \"\");\n        const a = text(\"a\", \"\", \"\");\n        a.href = safeURL(p.link);\n        a.setAttribute(\"aria-label\", p.title);\n        a.style.cssText = \"display:flex;flex-direction:column;flex:1\";\n        a.append(media(p));\n        const b = text(\"div\", \"sp-card-body\", \"\");\n        b.append(meta(p), text(\"h3\", \"\", p.title), text(\"p\", \"\", p.excerpt));\n        const more = text(\"span\", \"sp-read\", \"Baca artikel \");\n        more.insertAdjacentHTML(\"beforeend\", arrow());\n        b.append(more);\n        a.append(b);\n        card.append(a);\n        grid.append(card);\n      }\n      $(\".sp-more\").hidden = shown >= list.length;\n      $(\".sp-empty\").hidden = list.length > 0 || loading || failed;\n      status.textContent = failed\n        ? \"Artikel belum dapat dimuat. Silakan coba lagi.\"\n        : loading\n          ? \"Memuat artikel\u2026\"\n          : list.length +\n            \" artikel\" +\n            (q ? \" untuk \u201c\" + search.value.trim() + \"\u201d\" : \"\") +\n            (location.protocol === \"file:\"\n              ? \" \u00b7 Pratinjau dengan contoh artikel\"\n              : \"\");\n      reveal();\n    }\n    function reset() {\n      search.value = \"\";\n      active = \"all\";\n      shown = CONFIG.batchSize;\n      root\n        .querySelectorAll(\".sp-filter\")\n        .forEach((b) =>\n          b.setAttribute(\"aria-pressed\", String(b.dataset.topic === \"all\")),\n        );\n      render();\n    }\n    root.querySelectorAll(\".sp-filter\").forEach((b) =>\n      b.addEventListener(\"click\", () => {\n        active = b.dataset.topic;\n        shown = CONFIG.batchSize;\n        root\n          .querySelectorAll(\".sp-filter\")\n          .forEach((x) => x.setAttribute(\"aria-pressed\", String(x === b)));\n        render();\n      }),\n    );\n    search.addEventListener(\"input\", () => {\n      shown = CONFIG.batchSize;\n      render();\n    });\n    $(\".sp-reset\").addEventListener(\"click\", reset);\n    $(\".sp-more\").addEventListener(\"click\", () => {\n      shown += CONFIG.batchSize;\n      render();\n    });\n    $(\".sp-products\").href = CONFIG.products;\n    $(\".sp-consult\").href = CONFIG.consult;\n    const motion =\n      !matchMedia(\"(prefers-reduced-motion: reduce)\").matches &&\n      \"IntersectionObserver\" in window;\n    const observer = motion\n      ? new IntersectionObserver(\n          (entries) =>\n            entries.forEach((e) => {\n              if (e.isIntersecting) {\n                e.target.classList.add(\"sp-visible\");\n                observer.unobserve(e.target);\n              }\n            }),\n          { threshold: 0.06 },\n        )\n      : null;\n    if (motion) root.classList.add(\"sp-motion\");\n    function reveal() {\n      if (observer)\n        root\n          .querySelectorAll(\".sp-reveal:not(.sp-visible)\")\n          .forEach((e) => observer.observe(e));\n    }\n    reveal();\n    \/\/ Mengikuti lebar viewport yang sebenarnya, tanpa overflow horizontal karena scrollbar.\n    function fullWidth() {\n      root.style.width = \"100%\";\n      root.style.marginLeft = \"0\";\n      const rect = root.getBoundingClientRect();\n      root.style.width = document.documentElement.clientWidth + \"px\";\n      root.style.marginLeft = -rect.left + \"px\";\n    }\n    requestAnimationFrame(fullWidth);\n    window.addEventListener(\"resize\", fullWidth);\n    if (\"ResizeObserver\" in window) {\n      let w = 0;\n      new ResizeObserver(() => {\n        const next = document.documentElement.clientWidth;\n        if (next !== w) {\n          w = next;\n          requestAnimationFrame(fullWidth);\n        }\n      }).observe(document.documentElement);\n    }\n    \/\/ JS 02B \u2014 HILANGKAN CELAH ATAS, seperti hero Synbio.\n    \/\/ Background naik ke atas; teks tetap di bawah header mengambang.\n    \/\/ Toolbar admin WordPress tetap mendapat ruangnya sendiri.\n    document.body.classList.add(\"synbio-pedia-page\");\n    let topFrame = 0;\n    function fitPediaTop() {\n      cancelAnimationFrame(topFrame);\n      topFrame = requestAnimationFrame(() => {\n        if (!root.isConnected) return;\n        const admin = document.getElementById(\"wpadminbar\");\n        const adminHeight = admin ? admin.getBoundingClientRect().height : 0;\n        const previousGap = parseFloat(root.style.getPropertyValue(\"--sp-top-gap\")) || 0;\n        const originalTop = root.getBoundingClientRect().top + window.scrollY + previousGap;\n        const gap = Math.max(0, originalTop - adminHeight);\n        root.style.setProperty(\"--sp-top-gap\", gap + \"px\");\n        const pageTop = originalTop - gap;\n        let clearance = parseFloat(getComputedStyle(root).getPropertyValue(\"--top-space\")) || 0;\n        document.querySelectorAll(\"#sg-header, .elementor-location-header, #masthead\").forEach(header => {\n          if (header.contains(root) || root.contains(header)) return;\n          const rect = (header.querySelector(\".sg-bar\") || header).getBoundingClientRect();\n          if (!rect.height || getComputedStyle(header).display === \"none\") return;\n          const fixed = getComputedStyle(header).position === \"fixed\";\n          const bottom = rect.bottom + (fixed ? 0 : window.scrollY);\n          if (rect.top < window.innerHeight \/ 2 && bottom < window.innerHeight * .6) {\n            clearance = Math.max(clearance, bottom - pageTop);\n          }\n        });\n        root.style.setProperty(\"--sp-header-overlap\", clearance + \"px\");\n      });\n    }\n    fitPediaTop();\n    window.addEventListener(\"resize\", fitPediaTop, { passive: true });\n    window.addEventListener(\"load\", fitPediaTop, { once: true });\n    if (\"ResizeObserver\" in window) {\n      const topObserver = new ResizeObserver(fitPediaTop);\n      document.querySelectorAll(\"#sg-header, .elementor-location-header, #masthead, #wpadminbar\").forEach(el => topObserver.observe(el));\n    }\n    if (document.fonts) document.fonts.ready.then(fitPediaTop);\n    setTimeout(fitPediaTop, 350);\n    setTimeout(fitPediaTop, 1200);\n\n    \/\/ JS 03 \u2014 CONTOH PRATINJAU LOKAL. Bukan daftar artikel di website aktif.\n    const demo = [\n      {\n        title: \"Probiotik untuk Tambak Udang: Fungsi dan Cara Memilihnya\",\n        excerpt:\n          \"Kenali fungsi probiotik, tentukan tujuan aplikasi, dan pilih produk berdasarkan kebutuhan tambak Anda.\",\n        key: \"probiotik untuk tambak udang\",\n      },\n      {\n        title: \"Amonia dan Nitrit di Tambak Udang: Penyebab dan Pengelolaannya\",\n        excerpt:\n          \"Pahami hasil uji air dan hubungan amonia, nitrit, serta proses biologis agar pengelolaan lebih terarah.\",\n        key: \"amonia nitrit tambak udang\",\n      },\n      {\n        title: \"Limbah Organik Tambak Udang: Cara Mengurangi Penumpukannya\",\n        excerpt:\n          \"Kelola sisa pakan dan endapan melalui pemantauan dasar tambak, pengaturan pakan, dan dukungan proses biologis.\",\n        key: \"limbah organik tambak udang\",\n      },\n    ].map((p) => ({\n      ...p,\n      link: CONFIG.base + \"\/?s=\" + encodeURIComponent(p.key),\n      date: \"\",\n    }));\n    \/\/ JS 04 \u2014 PENGAMBILAN ARTIKEL WORDPRESS. Biasanya tidak perlu diubah.\n    async function request(path) {\n      const res = await fetch(CONFIG.base + \"\/wp-json\/wp\/v2\/\" + path, {\n        signal: AbortSignal.timeout(18000),\n      });\n      if (!res.ok) throw Error(\"REST \" + res.status);\n      return {\n        data: await res.json(),\n        pages: Number(res.headers.get(\"X-WP-TotalPages\") || 1),\n      };\n    }\n    async function load() {\n      if (location.protocol === \"file:\") {\n        posts = demo;\n        loading = false;\n        renderFeature();\n        render();\n        return;\n      }\n      try {\n        let id = CONFIG.categoryId;\n        if (!id) {\n          const { data } = await request(\n            \"categories?slug=\" + encodeURIComponent(CONFIG.categorySlug),\n          );\n          id = data[0]?.id;\n        }\n        if (!id) {\n          loading = false;\n          status.textContent = \"Artikel Synbiopedia akan segera hadir.\";\n          return;\n        }\n        let page = 1,\n          total = 1;\n        do {\n          const r = await request(\n            \"posts?categories=\" +\n              id +\n              \"&per_page=100&page=\" +\n              page +\n              \"&_embed&orderby=date&order=desc\",\n          );\n          total = r.pages;\n          posts.push(\n            ...r.data.map((p) => {\n              const image = p._embedded?.[\"wp:featuredmedia\"]?.[0];\n              return {\n                title: clean(p.title?.rendered),\n                excerpt: clean(p.excerpt?.rendered)\n                  .replace(\/\\s*\\[?\u2026\\]?\\s*$\/, \"\")\n                  .slice(0, 190),\n                link: p.link,\n                image:\n                  image?.media_details?.sizes?.medium_large?.source_url ||\n                  image?.source_url,\n                alt: image?.alt_text,\n                date: p.date\n                  ? new Intl.DateTimeFormat(\"id-ID\", {\n                      day: \"numeric\",\n                      month: \"short\",\n                      year: \"numeric\",\n                    }).format(new Date(p.date))\n                  : \"\",\n                tags: (p._embedded?.[\"wp:term\"] || [])\n                  .flat()\n                  .map((t) => t.name)\n                  .join(\" \"),\n              };\n            }),\n          );\n          page++;\n        } while (page <= total);\n        loading = false;\n        renderFeature();\n        render();\n      } catch (e) {\n        loading = false;\n        failed = true;\n        render();\n        const retry = text(\"button\", \"sp-more\", \"Coba lagi\");\n        retry.addEventListener(\"click\", () => {\n          retry.remove();\n          posts = [];\n          failed = false;\n          loading = true;\n          render();\n          load();\n        });\n        status.after(retry);\n        const archive = text(\"a\", \"sp-button\", \"Buka arsip Synbiopedia \");\n        archive.insertAdjacentHTML(\"beforeend\", arrow());\n        archive.href = CONFIG.base + \"\/category\/\" + CONFIG.categorySlug + \"\/\";\n        retry.after(archive);\n      }\n    }\n    load();\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>SYNBIO \/ KNOWLEDGE &#038; INSIGHTS Synbiopedia. Memahami proses di balik budidaya. Temukan wawasan dan panduan praktis untuk menjaga kualitas air, mengelola tambak, dan memilih solusi yang sesuai. Jelajahi artikel Dari sains ke praktikKenali prosesnya. Untuk keputusan yang terarahJaga keseimbangannya. WHERE SCIENCE SUSTAINS BALANCE.Wawasan budidaya bersama Synbio BACA. PAHAMI. TERAPKAN. Wawasan untuk budidaya Anda. Mulai dari [&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-2936","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>Synbiopedia - 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\/synbiopedia\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Synbiopedia - Synbio\" \/>\n<meta property=\"og:description\" content=\"SYNBIO \/ KNOWLEDGE &#038; INSIGHTS Synbiopedia. Memahami proses di balik budidaya. Temukan wawasan dan panduan praktis untuk menjaga kualitas air, mengelola tambak, dan memilih solusi yang sesuai. Jelajahi artikel Dari sains ke praktikKenali prosesnya. Untuk keputusan yang terarahJaga keseimbangannya. WHERE SCIENCE SUSTAINS BALANCE.Wawasan budidaya bersama Synbio BACA. PAHAMI. TERAPKAN. Wawasan untuk budidaya Anda. Mulai dari [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/synbioid.com\/en\/synbiopedia\/\" \/>\n<meta property=\"og:site_name\" content=\"Synbio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-28T11:52:31+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=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/synbioid.com\\\/synbiopedia\\\/\",\"url\":\"https:\\\/\\\/synbioid.com\\\/synbiopedia\\\/\",\"name\":\"Synbiopedia - Synbio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/synbioid.com\\\/#website\"},\"datePublished\":\"2026-10-03T07:22:26+00:00\",\"dateModified\":\"2026-10-28T11:52:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/synbioid.com\\\/synbiopedia\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/synbioid.com\\\/synbiopedia\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/synbioid.com\\\/synbiopedia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/synbioid.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Synbiopedia\"}]},{\"@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":"Synbiopedia - 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\/synbiopedia\/","og_locale":"en_US","og_type":"article","og_title":"Synbiopedia - Synbio","og_description":"SYNBIO \/ KNOWLEDGE &#038; INSIGHTS Synbiopedia. Memahami proses di balik budidaya. Temukan wawasan dan panduan praktis untuk menjaga kualitas air, mengelola tambak, dan memilih solusi yang sesuai. Jelajahi artikel Dari sains ke praktikKenali prosesnya. Untuk keputusan yang terarahJaga keseimbangannya. WHERE SCIENCE SUSTAINS BALANCE.Wawasan budidaya bersama Synbio BACA. PAHAMI. TERAPKAN. Wawasan untuk budidaya Anda. Mulai dari [&hellip;]","og_url":"https:\/\/synbioid.com\/en\/synbiopedia\/","og_site_name":"Synbio","article_modified_time":"2026-10-28T11:52:31+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/synbioid.com\/synbiopedia\/","url":"https:\/\/synbioid.com\/synbiopedia\/","name":"Synbiopedia - Synbio","isPartOf":{"@id":"https:\/\/synbioid.com\/#website"},"datePublished":"2026-10-03T07:22:26+00:00","dateModified":"2026-10-28T11:52:31+00:00","breadcrumb":{"@id":"https:\/\/synbioid.com\/synbiopedia\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/synbioid.com\/synbiopedia\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/synbioid.com\/synbiopedia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/synbioid.com\/"},{"@type":"ListItem","position":2,"name":"Synbiopedia"}]},{"@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\/2936","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=2936"}],"version-history":[{"count":12,"href":"https:\/\/synbioid.com\/en\/wp-json\/wp\/v2\/pages\/2936\/revisions"}],"predecessor-version":[{"id":3365,"href":"https:\/\/synbioid.com\/en\/wp-json\/wp\/v2\/pages\/2936\/revisions\/3365"}],"wp:attachment":[{"href":"https:\/\/synbioid.com\/en\/wp-json\/wp\/v2\/media?parent=2936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}