{"id":67202,"date":"2026-07-13T18:22:19","date_gmt":"2026-07-13T11:22:19","guid":{"rendered":"https:\/\/www.greenpeace.org\/indonesia\/?post_type=p4_action&#038;p=67202"},"modified":"2026-08-21T23:34:13","modified_gmt":"2026-08-21T16:34:13","slug":"kalkulator-tayib","status":"publish","type":"p4_action","link":"https:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/","title":{"rendered":"Kalkulator Tayib"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Kalkulator Tayib &#8211; Greenpeace Indonesia<\/title>\n  \n  <meta name=\"description\" content=\"Kelola Uangmu untuk Masa Depan Pilihan Kamu. Uangmu memiliki kuasa. Imanmu memiliki prinsip. Sekarang saatnya mewujudkan prinsip imanmu dari Halal ke Tayyib.\">\n  <meta property=\"og:title\" content=\"Kalkulator Tayib - Greenpeace Indonesia\">\n  <meta property=\"og:description\" content=\"Dari waktu ke waktu, keuangan syariah terus menyempurnakan prinsipnya berdasarkan dampak yang ditimbulkan. Sekarang saatnya mewujudkan prinsip imanmu dari Halal ke Tayib.\">\n  <meta property=\"og:type\" content=\"website\">\n  <meta property=\"og:image\" content=\"https:\/\/www.greenpeace.org\/static\/planet4-indonesia-stateless\/2026\/08\/1efc3a8c-gp0strudh.jpg\">\n\n  <link rel=\"icon\" type=\"image\/x-icon\" href=\"https:\/\/www.greenpeace.org\/indonesia\/wp-content\/themes\/planet4-master-theme\/images\/favicon.ico\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&amp;family=Inter:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@700&amp;family=Sora:wght@600;700;800&amp;display=swap\" rel=\"stylesheet\">\n\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Sora:wght@600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@700&display=swap');\n\n    @font-face {\n      font-display: swap;\n      font-family: GreenpeaceSans;\n      src: url(\"https:\/\/www.greenpeace.org\/static\/planet4-assets\/GreenpeaceSans.woff2\") format(\"woff2\");\n    }\n    @font-face {\n      font-display: swap;\n      font-family: SourceSerifPro;\n      src: url(\"https:\/\/www.greenpeace.org\/static\/planet4-assets\/SourceSerifPro.woff2\") format(\"woff2\");\n    }\n\n    :root {\n      --gp-bg-deep: #0F2A22; \n      --gp-bg-deep2: #133226; \n      --gp-green-light: #52D68A;\n      --gp-green-soft: #A3EBBB;\n      --gp-green: #3FAE6B; \n      --gp-green-dark: #2C8955;\n      --gp-gold: #3FAE6B; \n      --gp-gold-soft: #A3EBBB; \n      --gp-ink: #0E1F19; \n      --gp-muted: #67807A;\n      --gp-track: #E4EEE8; \n      --gp-card: #FFFFFF; \n      --gp-border: #DCE7E0;\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      margin: 0;\n      padding: 0;\n      background-color: #ffffff;\n      color: #1f2937;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    .page-container {\n      width: 100%;\n      max-width: 100%;\n      margin: 0 auto;\n      padding: 0 32px 60px;\n    }\n\n    .gp-bankometer-container-fullwidth {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n      width: 100%;\n      max-width: 100%;\n      margin: 28px auto;\n      text-align: center;\n    }\n\n    .gp-bankometer-container-fullwidth:first-of-type {\n      margin-top: 28px !important;\n    }\n\n    .gp-counter-banner-standalone {\n      position: relative;\n      overflow: hidden;\n      background: radial-gradient(120% 160% at 50% -20%, var(--gp-bg-deep2) 0%, var(--gp-bg-deep) 60%, #081813 100%);\n      color: #ffffff !important;\n      padding: 44px 32px 40px;\n      border-radius: 18px;\n      border-bottom: 5px solid var(--gp-green);\n      width: 100%;\n      max-width: 100%;\n      margin: 0 0 28px 0;\n      box-shadow: 0 16px 36px rgba(15, 42, 34, 0.15);\n      text-align: center;\n    }\n\n    .gp-banner-glow-full {\n      position: absolute;\n      top: 0px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 300px;\n      height: 100px;\n      background: radial-gradient(circle, rgba(63,174,107,0.3) 0%, rgba(63,174,107,0) 70%);\n      pointer-events: none;\n    }\n\n    .gp-banner-label-1-1 {\n      position: relative;\n      font-size: 24px;\n      font-weight: 800;\n      letter-spacing: 1.5px;\n      color: #A3EBBB !important;\n      margin-bottom: 0;\n      font-family: 'Sora', sans-serif;\n      text-transform: uppercase;\n      line-height: 1.4;\n      max-width: 1050px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .wrapper {\n      width: 100%;\n      max-width: 100%;\n      margin: 28px auto 36px !important;\n      font-family: 'Inter', sans-serif;\n    }\n\n    .wrapper .card {\n      background: #ffffff;\n      border-left: 6px solid #102C23;\n      border-radius: 14px;\n      padding: 32px 38px;\n      box-shadow: 0 4px 20px rgba(0,0,0,0.04);\n    }\n\n    .wrapper .card-desc {\n      font-size: 18px;\n      line-height: 1.65;\n      color: #374151;\n      margin: 0 0 28px 0;\n      max-width: 100%;\n      text-align: justify;\n    }\n\n    .wrapper .steps {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      margin-bottom: 32px;\n    }\n\n    .wrapper .step {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      background: #ffffff;\n      border: 1px solid #e5e7eb;\n      border-radius: 10px;\n      padding: 18px 24px;\n      box-shadow: 0 1px 3px rgba(0,0,0,0.03);\n      text-align: left;\n    }\n\n    .wrapper .step-icon {\n      font-size: 26px;\n      flex-shrink: 0;\n      width: 32px;\n      text-align: center;\n    }\n\n    .wrapper .step-text {\n      font-size: 17.5px;\n      color: #1f2937;\n      line-height: 1.55;\n      text-align: justify;\n    }\n\n    .wrapper .step-text strong {\n      color: #102C23;\n      font-weight: 700;\n    }\n\n    .wrapper .banner {\n      background: #102C23;\n      margin-top: 24px;\n      margin-bottom: 36px;\n      padding: 32px 38px;\n      text-align: center;\n      border-radius: 14px;\n    }\n\n    .wrapper .banner p {\n      margin: 0;\n      font-style: normal;\n      font-weight: 700;\n      font-size: 19px;\n      color: #ffffff;\n      font-family: SourceSerifPro, Georgia, serif;\n      line-height: 1.65;\n      text-align: justify;\n      text-align-last: center;\n      -moz-text-align-last: center;\n    }\n\n    .gp-counter-banner-full {\n      position: relative;\n      overflow: hidden;\n      background: radial-gradient(100% 150% at 50% -10%, var(--gp-bg-deep2) 0%, var(--gp-bg-deep) 70%, #081813 100%);\n      color: #ffffff !important;\n      padding: 40px 28px 36px !important;\n      border-radius: 18px 18px 0 0;\n      border-bottom: 5px solid var(--gp-green);\n    }\n\n    .gp-banner-label-full {\n      position: relative;\n      font-size: 15px;\n      font-weight: 700;\n      letter-spacing: 3px;\n      color: var(--gp-green-soft);\n      text-transform: uppercase;\n    }\n\n    .gp-grand-total-full {\n      margin: 12px 0;\n    }\n\n    .gp-odometer-massive {\n      position: relative;\n      font-family: 'Anton', Arial, sans-serif;\n      letter-spacing: 1.5px;\n      font-weight: 400 !important;\n      font-size: 60px;\n      color: #ffffff !important;\n      background: rgba(255, 255, 255, 0.06);\n      border: 2px solid rgba(63, 174, 107, 0.55);\n      border-radius: 14px;\n      padding: 14px 38px !important;\n      display: inline-block;\n      margin: 16px 0 !important;\n      transition: transform 0.15s;\n      text-shadow: none !important;\n      filter: none !important;\n    }\n\n    .gp-odometer-massive.gp-pulse {\n      animation: totalPulse 0.5s ease;\n    }\n\n    @keyframes totalPulse {\n      0% { transform: scale(1); }\n      40% { transform: scale(1.05); border-color: var(--gp-green-light); }\n      100% { transform: scale(1); }\n    }\n\n    .gp-banner-sub-full {\n      position: relative;\n      font-size: 18px;\n      color: #A3EBBB !important;\n      max-width: 700px;\n      margin: 14px auto 0 !important;\n      line-height: 1.6;\n    }\n\n    .gp-quest-tracker {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      background: var(--gp-bg-deep);\n      padding: 14px 20px 18px;\n    }\n\n    .gp-quest-node {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 6px;\n      opacity: 0.45;\n      transition: opacity 0.3s;\n    }\n\n    .gp-quest-node.active,\n    .gp-quest-node.done {\n      opacity: 1;\n    }\n\n    .gp-quest-dot {\n      width: 28px;\n      height: 28px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      font-weight: 700;\n      background: rgba(255,255,255,0.08);\n      color: #ffffff;\n      border: 1.5px solid rgba(255,255,255,0.25);\n    }\n\n    .gp-quest-node.active .gp-quest-dot {\n      background: var(--gp-green);\n      color: #ffffff;\n      border-color: var(--gp-green-light);\n      box-shadow: 0 0 0 4px rgba(63,174,107,0.25);\n    }\n\n    .gp-quest-node.done .gp-quest-dot {\n      background: var(--gp-green-dark);\n      color: #ffffff;\n      border-color: var(--gp-green);\n    }\n\n    .gp-quest-label {\n      font-size: 10.5px;\n      font-weight: 700;\n      text-transform: uppercase;\n      color: #C9DCD3;\n      letter-spacing: 0.5px;\n    }\n\n    .gp-quest-line {\n      width: 44px;\n      height: 2px;\n      background: rgba(255,255,255,0.18);\n      margin-bottom: 16px;\n    }\n\n    .gp-quest-line.done {\n      background: var(--gp-green);\n    }\n\n    .gp-card {\n      width: 100%;\n      background: var(--gp-card);\n      border: 1px solid var(--gp-border);\n      border-top: none;\n      border-radius: 0 0 18px 18px;\n      padding: 32px;\n      box-shadow: 0 16px 32px rgba(15,42,34,0.08);\n    }\n\n    .gp-step-panel {\n      display: none;\n    }\n\n    .gp-step-panel.active {\n      display: block;\n    }\n\n    .gp-eyebrow {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--gp-green-dark);\n      background: rgba(63,174,107,0.12);\n      padding: 5px 14px;\n      border-radius: 20px;\n      display: inline-block;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .gp-step-title {\n      font-family: 'Sora', sans-serif;\n      font-size: 24px;\n      font-weight: 700;\n      margin: 12px 0 8px;\n      color: var(--gp-ink);\n    }\n\n    .gp-step-desc {\n      font-size: 14px;\n      color: var(--gp-muted);\n      margin-bottom: 24px;\n      line-height: 1.6;\n      max-width: 600px;\n      margin-left: auto;\n      margin-right: auto;\n      text-align: justify;\n    }\n\n    .gp-form-group {\n      margin-bottom: 24px;\n      max-width: 600px;\n      margin-left: auto;\n      margin-right: auto;\n      text-align: left;\n    }\n\n    .gp-input-label {\n      display: block;\n      font-size: 18px;\n      font-weight: 700;\n      margin-bottom: 10px;\n      color: var(--gp-ink);\n    }\n\n    .gp-select-dropdown {\n      width: 100%;\n      padding: 14px 18px;\n      border: 1.5px solid var(--gp-border);\n      border-radius: 12px;\n      font-size: 17px;\n      font-weight: 600;\n      background: #ffffff;\n      color: var(--gp-ink);\n      outline: none;\n      font-family: 'Inter', sans-serif;\n      cursor: pointer;\n      transition: border-color 0.2s;\n    }\n\n    .gp-select-dropdown:focus {\n      border-color: var(--gp-green);\n    }\n\n    .gp-input-wrapper-card {\n      background: #F7FAF8;\n      border: 1px solid var(--gp-border);\n      border-radius: 14px;\n      padding: 28px;\n      margin-bottom: 24px;\n      max-width: 600px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .gp-interval-header {\n      margin-bottom: 14px;\n    }\n\n    .gp-mode-toggle {\n      display: flex;\n      background: var(--gp-track);\n      padding: 4px;\n      border-radius: 10px;\n      max-width: 360px;\n      margin: 0 auto 20px;\n    }\n\n    .gp-mode-btn {\n      flex: 1;\n      background: transparent;\n      border: none;\n      padding: 12px;\n      font-size: 15px;\n      font-weight: 700;\n      cursor: pointer;\n      color: var(--gp-muted);\n      border-radius: 8px;\n      transition: all 0.2s;\n    }\n\n    .gp-mode-btn.active {\n      background: #ffffff;\n      color: var(--gp-ink);\n      box-shadow: 0 1px 6px rgba(0,0,0,0.12);\n    }\n\n    .gp-mode-panel {\n      display: none;\n    }\n\n    .gp-mode-panel.active {\n      display: block;\n    }\n\n    .gp-exact-input-box {\n      display: flex;\n      align-items: center;\n      border: 1.5px solid var(--gp-border);\n      border-radius: 12px;\n      background: #ffffff;\n      max-width: 500px;\n      margin: 0 auto;\n      overflow: hidden;\n    }\n\n    .gp-exact-input-box input {\n      flex: 1;\n      border: none;\n      padding: 15px;\n      font-size: 20px;\n      font-weight: 700;\n      text-align: center;\n      outline: none;\n      font-family: 'JetBrains Mono', monospace;\n      color: var(--gp-ink);\n    }\n\n    .gp-currency-addon,\n    .gp-code-addon {\n      padding: 14px 18px;\n      background: #F1F5F2;\n      font-weight: 700;\n      font-size: 16px;\n      color: #475569;\n    }\n\n    .gp-slider-container {\n      margin: 18px auto;\n      max-width: 540px;\n    }\n\n    #incomeSlider {\n      width: 100%;\n      height: 8px;\n      background: linear-gradient(90deg, var(--gp-green-soft) 0%, var(--gp-green-dark) 100%);\n      -webkit-appearance: none;\n      outline: none;\n      border-radius: 4px;\n    }\n\n    #incomeSlider::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      width: 26px;\n      height: 26px;\n      background: #ffffff;\n      border: 3.5px solid var(--gp-green-dark);\n      border-radius: 50%;\n      cursor: pointer;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.25);\n    }\n\n    .gp-slider-labels {\n      display: flex;\n      justify-content: space-between;\n      margin-top: 12px;\n    }\n\n    .slider-tier {\n      font-size: 14.5px;\n      color: #718E84;\n      font-weight: 700;\n      padding: 4px 8px;\n      border-radius: 10px;\n      transition: all 0.2s;\n    }\n\n    .slider-tier.active {\n      color: #ffffff;\n      font-weight: 800;\n      background: var(--gp-green-dark);\n      padding: 4px 12px;\n    }\n\n    .gp-live-metrics-box {\n      background: linear-gradient(180deg, #F0F9F4 0%, #E2F2E8 100%);\n      border: 1.5px solid #C8E6D4;\n      border-radius: 14px;\n      max-width: 600px;\n      margin: 0 auto 24px;\n      padding: 20px;\n    }\n\n    .gp-metric-val {\n      display: block;\n      font-family: 'JetBrains Mono', monospace;\n      font-size: 32px;\n      font-weight: 700;\n      color: var(--gp-green-dark);\n      margin-bottom: 6px;\n    }\n\n    .gp-metric-lbl {\n      display: block;\n      font-size: 13.5px;\n      color: #3B7552;\n      text-transform: uppercase;\n      font-weight: 700;\n      letter-spacing: 0.8px;\n    }\n\n    .gp-primary-btn {\n      width: 100%;\n      max-width: 480px;\n      background: linear-gradient(180deg, #4CC077 0%, var(--gp-green) 55%, var(--gp-green-dark) 100%);\n      color: #ffffff;\n      border: none;\n      border-radius: 12px;\n      padding: 18px 28px;\n      font-weight: 700;\n      font-size: 18px;\n      font-family: 'Sora', sans-serif;\n      cursor: pointer;\n      box-shadow: 0 6px 18px rgba(44,137,85,0.32);\n      transition: transform 0.15s, opacity 0.2s;\n    }\n\n    .gp-primary-btn:hover {\n      opacity: 0.95;\n      transform: translateY(-1px);\n    }\n\n    .gp-secondary-link {\n      background: none;\n      border: none;\n      color: var(--gp-muted);\n      cursor: pointer;\n      text-decoration: underline;\n      font-size: 13px;\n      font-weight: 600;\n      padding: 6px 12px;\n    }\n\n    .gp-action-stack {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      align-items: center;\n      margin-top: 24px;\n      width: 100%;\n    }\n\n    .gp-share-btn {\n      width: 100%;\n      max-width: 360px;\n      padding: 14px;\n      color: white;\n      border: none;\n      border-radius: 10px;\n      font-weight: 700;\n      cursor: pointer;\n      font-family: 'Sora', sans-serif;\n      font-size: 14px;\n      transition: opacity 0.2s;\n    }\n\n    .gp-share-btn:hover {\n      opacity: 0.9;\n    }\n\n    .btn-fb { background: #1877F2; }\n    .btn-x { background: #000000; }\n.btn-wa { background: #25D366; }\n\n    .gp-success-icon {\n      width: 54px;\n      height: 54px;\n      background: linear-gradient(180deg, #4CC077, var(--gp-green-dark));\n      color: #ffffff;\n      font-size: 26px;\n      font-weight: 700;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 16px;\n      box-shadow: 0 0 0 6px rgba(63,174,107,0.15);\n    }\n\n    .gp-hubspot-container {\n      max-width: 440px !important;\n      margin: 0 auto !important;\n      text-align: left !important;\n    }\n\n    .gp-hubspot-container .hs-form-row,\n    .gp-hubspot-container .form-columns-1,\n    .gp-hubspot-container .form-columns-2,\n    .gp-hubspot-container .form-columns-3 {\n      display: block !important;\n      width: 100% !important;\n      margin: 0 !important;\n      float: none !important;\n    }\n\n    .gp-hubspot-container .hs-form-field,\n    .gp-hubspot-container .hs-field-desc,\n    .gp-hubspot-container .input {\n      width: 100% !important;\n      max-width: 100% !important;\n      float: none !important;\n      margin-bottom: 16px !important;\n    }\n\n    .gp-hubspot-container label {\n      display: block !important;\n      font-size: 13.5px !important;\n      font-weight: 600 !important;\n      margin-bottom: 6px !important;\n      color: var(--gp-ink) !important;\n      font-family: 'Inter', sans-serif !important;\n    }\n\n    .gp-hubspot-container .hs-input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      width: 100% !important;\n      padding: 12px 14px !important;\n      border: 1.5px solid var(--gp-border) !important;\n      border-radius: 10px !important;\n      font-size: 14px !important;\n      background: #ffffff !important;\n      color: var(--gp-ink) !important;\n      outline: none !important;\n      font-family: 'Inter', sans-serif !important;\n      box-sizing: border-box !important;\n      transition: border-color 0.2s, box-shadow 0.2s !important;\n    }\n\n    .gp-hubspot-container .hs-input:focus {\n      border-color: var(--gp-green) !important;\n      box-shadow: 0 0 0 3px rgba(63, 174, 107, 0.15) !important;\n    }\n\n    .gp-hubspot-container ul.inputs-list {\n      list-style: none !important;\n      padding: 0 !important;\n      margin: 8px 0 !important;\n    }\n\n    .gp-hubspot-container ul.inputs-list li {\n      display: flex !important;\n      align-items: center !important;\n      gap: 8px !important;\n      margin-bottom: 8px !important;\n    }\n\n    .gp-hubspot-container ul.inputs-list input[type=\"radio\"],\n    .gp-hubspot-container ul.inputs-list input[type=\"checkbox\"] {\n      width: 16px !important;\n      height: 16px !important;\n      accent-color: var(--gp-green-dark) !important;\n      cursor: pointer !important;\n    }\n\n    .gp-hubspot-container ul.inputs-list label {\n      font-weight: 500 !important;\n      margin-bottom: 0 !important;\n      cursor: pointer !important;\n    }\n\n    .gp-hubspot-container ul.hs-error-msgs {\n      list-style: none !important;\n      padding: 0 !important;\n      margin: 4px 0 0 0 !important;\n    }\n\n    .gp-hubspot-container .hs-error-msg {\n      color: #DC2626 !important;\n      font-size: 12px !important;\n      font-weight: 500 !important;\n      display: block !important;\n    }\n\n    .gp-hubspot-container .hs-submit,\n    .gp-hubspot-container .actions {\n      margin-top: 10px !important;\n      padding: 0 !important;\n    }\n\n    .gp-hubspot-container .hs-button {\n      width: 100% !important;\n      background: linear-gradient(180deg, #4CC077 0%, var(--gp-green) 55%, var(--gp-green-dark) 100%) !important;\n      color: #ffffff !important;\n      border: none !important;\n      border-radius: 10px !important;\n      padding: 14px !important;\n      font-weight: 700 !important;\n      font-family: 'Sora', sans-serif !important;\n      font-size: 15px !important;\n      cursor: pointer !important;\n      box-shadow: 0 6px 16px rgba(44,137,85,0.32) !important;\n      transition: transform 0.15s, opacity 0.2s !important;\n    }\n\n    .gp-hubspot-container .hs-button:hover {\n      opacity: 0.95 !important;\n    }\n\n    .hs-form-fallback {\n      background: #F9FAFB;\n      border: 1px dashed var(--gp-border);\n      border-radius: 10px;\n      padding: 24px;\n      text-align: center;\n    }\n\n    .hs-form-fallback p {\n      margin: 0 0 16px;\n      font-size: 14px;\n      color: var(--gp-muted);\n    }\n\n    .inves-wrapper {\n      width: 100%;\n      margin: 32px auto 0;\n      font-family: Arial, Helvetica, sans-serif;\n      border-radius: 12px;\n      overflow: hidden;\n      padding: 0;\n    }\n\n    .inves-intro {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 32px;\n      margin: 28px 0;\n    }\n\n    .inves-intro-icon {\n      width: 100%;\n      height: 220px;\n      object-fit: cover;\n      border-radius: 14px;\n      box-shadow: 0 6px 20px rgba(0,0,0,0.07);\n      margin-bottom: 20px;\n      transition: transform 0.2s ease;\n    }\n\n    .inves-intro-icon:hover {\n      transform: translateY(-3px);\n    }\n\n    .inves-intro h2 {\n      font-size: 24px;\n      font-weight: 700;\n      color: #111827;\n      margin: 0 0 12px 0;\n      font-family: GreenpeaceSans, 'Sora', sans-serif;\n      text-align: left;\n    }\n\n    .inves-intro p {\n      font-size: 18px;\n      line-height: 1.65;\n      color: #374151;\n      margin: 0;\n      font-family: SourceSerifPro, Georgia, serif;\n      text-align: justify;\n    }\n\n    .inves-black-banner {\n      background: #0F2B22;\n      padding: 26px 32px;\n      border-bottom: 4px solid #1a7a4c;\n      border-radius: 14px 14px 0 0;\n    }\n\n    .inves-black-banner p {\n      margin: 0;\n      color: #ffffff;\n      font-size: 18.5px;\n      font-weight: 700;\n      line-height: 1.65;\n      text-align: justify;\n      text-align-last: center;\n      -moz-text-align-last: center;\n      font-family: SourceSerifPro, Georgia, serif;\n    }\n\n    .inves-gray-box {\n      background: #ffffff;\n      padding: 32px 36px;\n      border-radius: 0 0 14px 14px;\n      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);\n      border: 1px solid var(--gp-border);\n      border-top: none;\n    }\n\n    .inves-envision {\n      font-size: 19.5px;\n      font-weight: 600;\n      color: #111827;\n      margin: 0 0 16px 0;\n      font-family: SourceSerifPro, Georgia, serif;\n      text-align: justify;\n    }\n\n    .inves-divider {\n      border: none;\n      border-top: 1px solid #e5e7eb;\n      margin: 0 0 20px 0;\n    }\n\n    .inves-pillars {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .inves-pillar {\n      display: flex;\n      align-items: flex-start;\n      gap: 16px;\n      background: #ffffff;\n      border: 1px solid #e5e7eb;\n      border-left: 5px solid #1a7a4c;\n      padding: 18px 24px;\n      border-radius: 10px;\n      text-align: left;\n    }\n\n    .inves-pillar-icon {\n      font-size: 28px;\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n\n    .inves-pillar-text p {\n      margin: 0 0 6px 0;\n      font-size: 17px;\n      color: #374151;\n      line-height: 1.6;\n      font-family: SourceSerifPro, Georgia, serif;\n      text-align: justify;\n    }\n\n    .inves-pillar-text .cta {\n      margin: 0;\n      font-size: 17px;\n      font-weight: 700;\n      color: #1a7a4c;\n    }\n\n    .inves-yellow-banner {\n      background: #3FAE6B;\n      padding: 22px 28px;\n      text-align: center;\n      margin-top: 24px;\n      margin-bottom: 28px;\n      border-radius: 14px;\n      box-shadow: 0 6px 16px rgba(63,174,107,0.25);\n      display: block;\n      text-decoration: none;\n      cursor: pointer;\n      transition: transform 0.15s, opacity 0.2s;\n    }\n\n    .inves-yellow-banner:hover {\n      opacity: 0.92;\n      transform: translateY(-2px);\n    }\n\n    .inves-yellow-banner p {\n      margin: 0;\n      font-size: 20px;\n      font-weight: 700;\n      color: #ffffff;\n      font-family: GreenpeaceSans, 'Sora', sans-serif;\n    }\n\n    @media (max-width: 768px) {\n      .page-container {\n        padding: 0 16px 40px;\n      }\n\n      .gp-counter-banner-standalone {\n        padding: 28px 18px 24px;\n        margin-bottom: 20px;\n      }\n      \n      .gp-banner-label-1-1 {\n        font-size: 17px;\n        line-height: 1.4;\n      }\n\n      .wrapper .card {\n        padding: 22px 20px;\n      }\n\n      .wrapper .card-desc {\n        font-size: 15px;\n        line-height: 1.55;\n        margin-bottom: 20px;\n      }\n\n      .wrapper .step {\n        padding: 14px 16px;\n        gap: 12px;\n      }\n\n      .wrapper .step-text {\n        font-size: 14.5px;\n        line-height: 1.5;\n      }\n\n      .wrapper .banner {\n        padding: 22px 20px;\n        margin: 20px 0 28px;\n      }\n\n      .wrapper .banner p {\n        font-size: 15px;\n        line-height: 1.55;\n      }\n\n      .inves-intro {\n        grid-template-columns: 1fr;\n        gap: 24px;\n        margin: 20px 0;\n        text-align: center;\n      }\n\n      .inves-intro-icon {\n        width: 100%;\n        height: 200px;\n        object-fit: cover;\n        border-radius: 12px;\n        margin-left: auto;\n        margin-right: auto;\n        display: block;\n      }\n\n      .inves-intro h2 {\n        font-size: 20px !important;\n        text-align: center;\n      }\n\n      .inves-intro p {\n        font-size: 15px !important;\n        line-height: 1.55;\n        text-align: justify !important;\n      }\n\n      .inves-black-banner {\n        padding: 20px 20px;\n      }\n\n      .inves-black-banner p {\n        font-size: 15px !important;\n        line-height: 1.55;\n        text-align: justify !important;\n        text-align-last: center !important;\n      }\n\n      .inves-gray-box {\n        padding: 22px 20px;\n      }\n\n      .inves-envision {\n        font-size: 16px !important;\n        text-align: justify !important;\n      }\n\n      .inves-pillar {\n        padding: 14px 16px;\n        gap: 12px;\n      }\n\n      .inves-pillar-icon {\n        font-size: 22px;\n      }\n\n      .inves-pillar-text p,\n      .inves-pillar-text .cta {\n        font-size: 14.5px;\n      }\n\n      .inves-yellow-banner {\n        padding: 18px 20px;\n      }\n\n      .inves-yellow-banner p {\n        font-size: 17px;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .page-container {\n        padding: 0 12px 32px;\n      }\n\n      .gp-bankometer-container-fullwidth {\n        overflow-x: hidden;\n        margin: 20px auto;\n      }\n      \n      .wrapper {\n        width: 100%;\n        overflow: hidden;\n      }\n\n      .gp-counter-banner-full {\n        padding: 28px 16px 24px !important;\n      }\n      \n      .gp-banner-label-full {\n        font-size: 12px;\n        letter-spacing: 2px;\n      }\n      \n      .gp-odometer-massive {\n        font-size: 34px !important;\n        padding: 10px 18px !important;\n        max-width: 100%;\n      }\n      \n      .gp-banner-sub-full {\n        font-size: 14px;\n        line-height: 1.5;\n      }\n\n      .gp-card {\n        padding: 20px 14px;\n      }\n\n      .gp-step-title {\n        font-size: 20px;\n        margin: 8px 0 6px;\n      }\n\n      .gp-step-desc {\n        font-size: 13.5px;\n        margin-bottom: 18px;\n      }\n\n      .gp-form-group {\n        max-width: 100%;\n        margin-bottom: 18px;\n      }\n\n      .gp-input-label {\n        font-size: 15px;\n        margin-bottom: 8px;\n      }\n\n      .gp-select-dropdown {\n        font-size: 14px;\n        padding: 12px 14px;\n        border-radius: 10px;\n      }\n\n      .gp-input-wrapper-card {\n        padding: 18px 14px;\n        margin-bottom: 18px;\n        max-width: 100%;\n        border-radius: 12px;\n      }\n\n      .gp-mode-toggle {\n        max-width: 100%;\n        margin-bottom: 16px;\n      }\n\n      .gp-mode-btn {\n        font-size: 13px;\n        padding: 10px 6px;\n      }\n\n      .gp-exact-input-box {\n        max-width: 100%;\n      }\n\n      .gp-exact-input-box input {\n        font-size: 16px;\n        padding: 12px;\n      }\n\n      .gp-currency-addon,\n      .gp-code-addon {\n        font-size: 13.5px;\n        padding: 12px 14px;\n      }\n\n      .gp-slider-container {\n        max-width: 100%;\n        margin: 14px auto;\n      }\n\n      .slider-tier {\n        font-size: 12px;\n        padding: 3px 6px;\n      }\n\n      .gp-live-metrics-box {\n        padding: 16px 14px;\n        margin-bottom: 20px;\n        max-width: 100%;\n        border-radius: 12px;\n      }\n\n      .gp-metric-val {\n        font-size: 24px;\n        margin-bottom: 4px;\n      }\n\n      .gp-metric-lbl {\n        font-size: 11.5px;\n      }\n\n      .gp-primary-btn {\n        font-size: 15.5px;\n        padding: 15px 20px;\n        max-width: 100%;\n        border-radius: 10px;\n      }\n    }\n\n    @media (max-width: 400px) {\n      .gp-banner-label-1-1 {\n        font-size: 14.5px;\n      }\n      \n      .gp-odometer-massive {\n        font-size: 26px !important;\n        padding: 8px 12px !important;\n      }\n\n      .inves-intro-icon {\n        height: 170px;\n      }\n    }\n\n    @media (min-width: 1024px) {\n      .gp-odometer-massive {\n        font-size: 60px;\n      }\n    }\n  <\/style>\n\n  <script charset=\"utf-8\" type=\"text\/javascript\" src=\"https:\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n\n\n\n  <main class=\"page-container\">\n\n    <section class=\"gp-bankometer-container-fullwidth\" dir=\"ltr\">\n      <div class=\"gp-counter-banner-standalone\">\n        <div class=\"gp-banner-glow-full\"><\/div>\n        <h2 class=\"gp-banner-label-1-1\">Apakah bankmu mendanai batu bara atau masa depan yang lebih bersih?<\/h2>\n      <\/div>\n\n      <div class=\"gp-counter-banner-full\" style=\"border-radius: 18px; margin-bottom: 24px;\">\n        <div class=\"gp-banner-glow-full\"><\/div>\n        <div class=\"gp-banner-label-full\">Sampaikan dukungan kamu untuk masa depan yang lebih bersih lewat kalkulator Tayib.<\/div>\n        <div class=\"gp-grand-total-full\" aria-live=\"polite\">\n          <div class=\"gp-odometer-massive\">Rp0<\/div>\n        <\/div>\n        <div class=\"gp-banner-sub-full\">Potensi dana untuk investasi Tayib<\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"wrapper\">\n      <div class=\"card\">\n        <p class=\"card-desc\">Melalui kalkulator Tayib, kita bisa melihat seberapa besar kekuatan dana yang kita miliki bersama sekaligus menunjukkan kepada lembaga keuangan syariah bahwa kita menginginkan investasi yang etis dan berlandaskan nilai-nilai Tayib untuk masa depan yang lebih baik.<\/p>\n\n        <div class=\"steps\">\n          <div class=\"step\">\n            <span class=\"step-icon\">\ud83d\udcca<\/span>\n            <span class=\"step-text\"><strong>Perkirakan tabunganmu:<\/strong> Geser slider untuk memperkirakan jumlah tabungan atau investasi yang kamu punya. Tenang, kamu tidak perlu mengeluarkan atau mendonasikan uang sungguhan!<\/span>\n          <\/div>\n          <div class=\"step\">\n            <span class=\"step-icon\">\u270d\ufe0f<\/span>\n            <span class=\"step-text\"><strong>Verifikasi:<\/strong> Isi data demografi dasar dan informasi pribadi yang diperlukan. Tenang, angka yang kamu masukkan tetap anonim dan aman.<\/span>\n          <\/div>\n          <div class=\"step\">\n            <span class=\"step-icon\">\u2728<\/span>\n            <span class=\"step-text\"><strong>Perbesar dampaknya:<\/strong> Lihat kontribusimu ikut menambah total dana bersama dan tunjukkan bahwa kekuatan dana kita punya potensi untuk mewujudkan masa depan yang berlandaskan nilai-nilai Tayib. #MasaDepanTayib<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"banner\">\n        <p>Kalkulator Tayib bukan ajakan untuk berdonasi. Ini adalah cara untuk menunjukkan kekuatan suara dan dana kita bersama, serta mendorong lembaga keuangan syariah agar berhenti mendanai batu bara.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"gp-bankometer-container-fullwidth\" id=\"calculatorSection\" dir=\"ltr\">\n      <div class=\"gp-counter-banner-full\">\n        <div class=\"gp-banner-glow-full\"><\/div>\n        <div class=\"gp-banner-label-full\">Lihat dampak kekayaanmu melalui Kalkulator Tayib<\/div>\n        <div class=\"gp-grand-total-full\" aria-live=\"polite\">\n          <div class=\"gp-odometer-massive\">Rp0<\/div>\n        <\/div>\n        <div class=\"gp-banner-sub-full\">total pendanaan kolektif yang dapat dimanfaatkan untuk mendanai masa depan berdasarkan nilai-nilai Tayib.<\/div>\n      <\/div>\n\n      <div class=\"gp-quest-tracker\" id=\"questTracker\">\n        <div class=\"gp-quest-node active\" id=\"qNode1\" data-step=\"1\">\n          <span class=\"gp-quest-dot\">1<\/span>\n          <span class=\"gp-quest-label\">Hitung<\/span>\n        <\/div>\n        <div class=\"gp-quest-line\" id=\"qLine1\"><\/div>\n        <div class=\"gp-quest-node\" id=\"qNode2\" data-step=\"2\">\n          <span class=\"gp-quest-dot\">2<\/span>\n          <span class=\"gp-quest-label\">Verifikasi<\/span>\n        <\/div>\n        <div class=\"gp-quest-line\" id=\"qLine2\"><\/div>\n        <div class=\"gp-quest-node\" id=\"qNode3\" data-step=\"3\">\n          <span class=\"gp-quest-dot\">3<\/span>\n          <span class=\"gp-quest-label\">Selesai<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"gp-card\">\n        <div class=\"gp-step-panel active\" id=\"step1\">\n          <div class=\"gp-form-group\">\n            <label class=\"gp-input-label\" for=\"currencySelect\">Pilih Mata Uang Lokal Anda<\/label>\n            <select id=\"currencySelect\" class=\"gp-select-dropdown\">\n              <optgroup label=\"Mata Uang Utama\">\n                <option value=\"IDR\" selected=\"\">IDR (Rp) \u2013 Rupiah Indonesia<\/option>\n                <option value=\"USD\">USD ($) \u2013 Dolar AS<\/option>\n                <option value=\"EUR\">EUR (\u20ac) \u2013 Euro<\/option>\n                <option value=\"GBP\">GBP (\u00a3) \u2013 Poundsterling Inggris<\/option>\n                <option value=\"MYR\">MYR (RM) \u2013 Ringgit Malaysia<\/option>\n              <\/optgroup>\n              <optgroup label=\"Mata Uang Global Lainnya\">\n                <option value=\"CAD\">CAD ($) \u2013 Dolar Kanada<\/option>\n                <option value=\"AUD\">AUD ($) \u2013 Dolar Australia<\/option>\n                <option value=\"TND\">TND (\u062f.\u062a) \u2013 Dinar Tunisia<\/option>\n                <option value=\"MAD\">MAD (\u062f.\u0645.) \u2013 Dirham Maroko<\/option>\n                <option value=\"DZD\">DZD (\u062f.\u062c) \u2013 Dinar Aljazair<\/option>\n                <option value=\"EGP\">EGP (\u062c.\u0645) \u2013 Pound Mesir<\/option>\n                <option value=\"LYD\">LYD (\u0644.\u062f) \u2013 Dinar Libya<\/option>\n                <option value=\"MRU\">MRU (\u0643.\u0645) \u2013 Ouguiya Mauritania<\/option>\n                <option value=\"JOD\">JOD (\u062f.\u0623) \u2013 Dinar Yordania<\/option>\n                <option value=\"LBP\">LBP (\u0644.\u0644) \u2013 Pound Lebanon<\/option>\n                <option value=\"SYP\">SYP (\u0644.\u0633) \u2013 Lira Suriah<\/option>\n                <option value=\"SAR\">SAR (\u0631.\u0633) \u2013 Riyal Arab Saudi<\/option>\n                <option value=\"AED\">AED (\u062f.\u0625) \u2013 Dirham UEA<\/option>\n                <option value=\"QAR\">QAR (\u0631.\u0642) \u2013 Riyal Qatar<\/option>\n                <option value=\"KWD\">KWD (\u062f.\u0643) \u2013 Dinar Kuwait<\/option>\n                <option value=\"BHD\">BHD (\u062f.\u0628) \u2013 Dinar Bahrain<\/option>\n                <option value=\"OMR\">OMR (\u0631.\u0639.) \u2013 Rial Oman<\/option>\n                <option value=\"IQD\">IQD (\u0639.\u062f) \u2013 Dinar Irak<\/option>\n                <option value=\"YER\">YER (\ufdfc) \u2013 Rial Yaman<\/option>\n                <option value=\"IRR\">IRR (\ufdfc) \u2013 Rial Iran<\/option>\n                <option value=\"TRY\">TRY (\u20ba) \u2013 Lira Turki<\/option>\n                <option value=\"DJF\">DJF (Fdj) \u2013 Franc Jibuti<\/option>\n              <\/optgroup>\n            <\/select>\n          <\/div>\n\n          <div class=\"gp-input-wrapper-card\">\n            <div class=\"gp-interval-header\">\n              <label class=\"gp-input-label\" id=\"savingsCapacityLabel\">Berapa total jumlah tabungan Anda?<\/label>\n            <\/div>\n            \n            <div class=\"gp-mode-toggle\">\n              <button type=\"button\" class=\"gp-mode-btn active\" id=\"modeSliderBtn\">Skala Estimasi<\/button>\n              <button type=\"button\" class=\"gp-mode-btn\" id=\"modeExactBtn\">Jumlah Pasti<\/button>\n            <\/div>\n\n            <div id=\"inputModeSlider\" class=\"gp-mode-panel active\">\n              <div class=\"gp-slider-container\">\n                <input type=\"range\" id=\"incomeSlider\" min=\"0\" max=\"3\" value=\"1\" step=\"1\">\n                <div class=\"gp-slider-labels\">\n                  <span class=\"slider-tier\" id=\"tierLabel0\">1-5 Jt<\/span>\n                  <span class=\"slider-tier active\" id=\"tierLabel1\">5-10 Jt<\/span>\n                  <span class=\"slider-tier\" id=\"tierLabel2\">10-25 Jt<\/span>\n                  <span class=\"slider-tier\" id=\"tierLabel3\">&gt; 25 Jt<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div id=\"inputModeExact\" class=\"gp-mode-panel\">\n              <div class=\"gp-exact-input-box\">\n                <span class=\"gp-currency-addon\" id=\"exactCurrencySymbol\">Rp<\/span>\n                <input type=\"number\" id=\"exactIncomeInput\" value=\"3000000\" min=\"0\" placeholder=\"0\">\n                <span class=\"gp-code-addon\" id=\"exactCurrencyCode\">IDR<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"gp-live-metrics-box\">\n            <div class=\"gp-metric-item\">\n              <span class=\"gp-metric-val\" id=\"userFossilExposure\">Rp 3.000.000<\/span>\n              <span class=\"gp-metric-lbl\">Total Tabungan Anda<\/span>\n            <\/div>\n          <\/div>\n\n          <button type=\"button\" class=\"gp-primary-btn\" id=\"goToStep2Btn\">Lanjutkan \u2192<\/button>\n        <\/div>\n\n        <div class=\"gp-step-panel\" id=\"step2\">\n          <div class=\"gp-eyebrow\">Level 2 dari 3<\/div>\n          <h3 class=\"gp-step-title\">Verifikasi Profil Anda<\/h3>\n          <p class=\"gp-step-desc\">Kami menjaga privasi kamu sepenuhnya. Datamu akan dienkripsi secara aman dan hanya digunakan secara kolektif untuk menganalisis tren pasar global tanpa mengungkap identitas.<\/p>\n\n          <div id=\"hubspotFormContainer\" class=\"gp-hubspot-container\"><\/div>\n\n          <button type=\"button\" class=\"gp-secondary-link\" id=\"goToStep1Btn\">\u2190 Sesuaikan Jumlah<\/button>\n        <\/div>\n\n        <div class=\"gp-step-panel\" id=\"step3\">\n          <div class=\"gp-success-header\">\n            <div class=\"gp-success-icon\">\u2713<\/div>\n            <div class=\"gp-eyebrow\">Level 3 \u00b7 Selesai<\/div>\n            <h3 class=\"gp-step-title\">Dampak Berhasil Disimpan!<\/h3>\n          <\/div>\n          <p class=\"gp-step-desc\">Nilai kontribusimu telah ditambahkan dengan aman. Yuk, ajak kerabatmu juga untuk isi kalkulator Tayib supaya usaha kolektif kita dalam mewujudkan masa depan yang bersih semakin berdampak.<\/p>\n          <div class=\"gp-action-stack\">\n  <button type=\"button\" class=\"gp-share-btn btn-wa\" id=\"shareWaBtn\">Bagikan di WhatsApp<\/button>\n  <button type=\"button\" class=\"gp-share-btn btn-fb\" id=\"shareFbBtn\">Bagikan di Facebook<\/button>\n  <button type=\"button\" class=\"gp-share-btn btn-x\" id=\"shareXBtn\">Bagikan di X<\/button>\n<\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"inves-wrapper\">\n      <div class=\"inves-intro\">\n        <div>\n          <img decoding=\"async\" src=\"https:\/\/www.greenpeace.org\/static\/planet4-indonesia-stateless\/2026\/08\/8322b788-batu-bara.jpg\" alt=\"Mengapa Batu Bara?\" class=\"inves-intro-icon\">\n          <h2>Mengapa Batu Bara?<\/h2>\n          <p>Batu bara secara aktif membahayakan kesehatan, lingkungan, dan masyarakat rentan. Sebagaimana keuangan syariah terus mengembangkan prinsipnya untuk mengecualikan hal-hal yang berbahaya, seperti tembakau yang berbahaya untuk kesehatan, kini lembaga keuangan syariah juga harus melakukan langkah serupa untuk menghentikan pendanaan kepada industri batu bara.<\/p>\n        <\/div>\n        <div>\n          <img decoding=\"async\" src=\"https:\/\/www.greenpeace.org\/static\/planet4-indonesia-stateless\/2026\/08\/6112732b-hutan.jpg\" alt=\"Apa makna Tayib?\" class=\"inves-intro-icon\">\n          <h2>Apa makna \u201cTayib\u201d dalam kampanye ini?<\/h2>\n          <p>Halal menetapkan batas minimum yang sah, sedangkan Tayib mengajak kita untuk mengembangkan prinsipnya lebih lanjut. Kita diberi pilihan untuk memanfaatkan rezeki dan harta yang didapatkan untuk hal-hal yang baik, suci, dan bermanfaat.<\/p>\n        <\/div>\n        <div>\n          <img decoding=\"async\" src=\"https:\/\/www.greenpeace.org\/static\/planet4-indonesia-stateless\/2026\/08\/b1fcd0db-gp1sumly_low-res-800px.jpg\" alt=\"Apa yang Akan Berubah?\" class=\"inves-intro-icon\">\n          <h2>Apa yang Akan Berubah?<\/h2>\n          <p>Tentunya partisipasimu dapat memperkuat gerakan kolektif. Data dari kalkulator Tayib bisa menunjukkan bahwa saat ini semakin banyak permintaan pasar yang nyata, sekaligus memperlihatkan kepada lembaga keuangan syariah bahwa masyarakat membutuhkan investasi bersih yang terbebas dari batu bara yang bermanfaat bagi kesehatan kita serta kelestarian planet ini.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"inves-black-banner\">\n        <p>Ini adalah ajakan kepada lembaga keuangan syariah untuk beralih memberikan pendanaan dari batu bara ke energi terbarukan guna menyelaraskan pengelolaan kekayaan berdasarkan pengelolaan yang bertanggung jawab, keseimbangan, dan kebijaksanaan.<\/p>\n      <\/div>\n\n      <div class=\"inves-gray-box\">\n        <p class=\"inves-envision\">Bayangkan masa depan di mana kekayaan dialokasikan untuk:<\/p>\n        <hr class=\"inves-divider\">\n        <div class=\"inves-pillars\">\n          <div class=\"inves-pillar\">\n            <span class=\"inves-pillar-icon\">\ud83d\udc9a<\/span>\n            <div class=\"inves-pillar-text\">\n              <p>Mengutamakan prinsip dan mewujudkan tanggung jawab kita sebagai khalifah Bumi ini.<\/p>\n              <p class=\"cta\">\u2192 Investasikan uangmu sejalan dengan prinsipmu!<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"inves-pillar\">\n            <span class=\"inves-pillar-icon\">\ud83d\udee1\ufe0f<\/span>\n            <div class=\"inves-pillar-text\">\n              <p>Melindungi kehidupan manusia dari polusi yang membahayakan.<\/p>\n              <p class=\"cta\">\u2192 Investasikan uangmu untuk kesehatanmu!<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"inves-pillar\">\n            <span class=\"inves-pillar-icon\">\ud83d\udca1<\/span>\n            <div class=\"inves-pillar-text\">\n              <p>Berinvestasi di perekonomian yang memberikan manfaat langsung bagi manusia dan Bumi.<\/p>\n              <p class=\"cta\">\u2192 Investasikan uangmu agar memberi manfaat!<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"inves-pillar\">\n            <span class=\"inves-pillar-icon\">\ud83c\udf31<\/span>\n            <div class=\"inves-pillar-text\">\n              <p>Membangun kehidupan yang berkelanjutan dan Tayib bagi generasi mendatang.<\/p>\n              <p class=\"cta\">\u2192 Investasikan uangmu untuk masa depanmu!<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <a href=\"#calculatorSection\" class=\"inves-yellow-banner\" id=\"ctaScrollBtn\">\n        <p>Suarakan Dukunganmu Sekarang \ud83d\udce2<\/p>\n      <\/a>\n    <\/section>\n\n  <\/main>\n\n  <script>\n    (function() {\n      const googleSheetWebhookUrl = \"https:\/\/script.google.com\/macros\/s\/AKfycbwZRxNBwvPB24FqfEMw8xtOAd0ow71XPzr2ikR0gfSRHXB4B3xpCfmkhhPcCOPfvKjRfQ\/exec\";\n\n      let totalCumulativePoolUSD = 0;\n      let currentTierIndex = 1;\n      let currentCurrency = 'IDR';\n      let activeInputMode = 'slider';\n      let currentExactValueLocal = 3000000;\n\n      const currencyConfig = {\n        IDR: { rate: 0.0000625, symbol: 'Rp', tiers: [500000, 3000000, 7500000, 15000000], labels: [\"< 1 Jt\", \"1-5 Jt\", \"5-10 Jt\", \"> 10 Jt\"] },\n        USD: { rate: 1.0, symbol: '$', tiers: [1000, 5000, 10000, 20000], labels: [\"$1k\", \"$5k\", \"$10k\", \"$20k+\"] },\n        EUR: { rate: 1.08, symbol: '\u20ac', tiers: [1000, 5000, 10000, 20000], labels: [\"\u20ac1k\", \"\u20ac5k\", \"\u20ac10k\", \"\u20ac20k+\"] },\n        GBP: { rate: 1.27, symbol: '\u00a3', tiers: [1000, 5000, 10000, 20000], labels: [\"\u00a31k\", \"\u00a35k\", \"\u00a310k\", \"\u00a320k+\"] },\n        MYR: { rate: 0.21, symbol: 'RM', tiers: [5000, 25000, 50000, 100000], labels: [\"RM5k\", \"RM25k\", \"RM50k\", \"RM100k+\"] },\n        CAD: { rate: 0.73, symbol: '$', tiers: [1000, 5000, 10000, 20000], labels: [\"$1k\", \"$5k\", \"$10k\", \"$20k+\"] },\n        AUD: { rate: 0.66, symbol: '$', tiers: [1000, 5000, 10000, 20000], labels: [\"$1k\", \"$5k\", \"$10k\", \"$20k+\"] },\n        TND: { rate: 0.32, symbol: '\u062f.\u062a', tiers: [3000, 15000, 30000, 60000], labels: [\"3k\", \"15k\", \"30k\", \"60k+\"] },\n        MAD: { rate: 0.10, symbol: '\u062f.\u0645.', tiers: [10000, 50000, 100000, 200000], labels: [\"10k\", \"50k\", \"100k\", \"200k+\"] },\n        DZD: { rate: 0.0074, symbol: '\u062f.\u062c', tiers: [130000, 650000, 1300000, 2600000], labels: [\"130k\", \"650k\", \"1.3M\", \"2.6M+\"] },\n        EGP: { rate: 0.021, symbol: '\u062c.\u0645', tiers: [48000, 240000, 480000, 960000], labels: [\"48k\", \"240k\", \"480k\", \"960k+\"] },\n        LYD: { rate: 0.21, symbol: '\u0644.\u062f', tiers: [5000, 25000, 50000, 100000], labels: [\"5k\", \"25k\", \"50k\", \"100k+\"] },\n        MRU: { rate: 0.025, symbol: '\u0643.\u0645', tiers: [40000, 200000, 400000, 800000], labels: [\"40k\", \"200k\", \"400k\", \"800k+\"] },\n        JOD: { rate: 1.41, symbol: '\u062f.\u0623', tiers: [700, 3500, 7000, 14000], labels: [\"700\", \"3.5k\", \"7k\", \"14000+\"] },\n        LBP: { rate: 0.000011, symbol: '\u0644.\u0644', tiers: [90000000, 450000000, 900000000, 1800000000], labels: [\"90M\", \"450M\", \"900M\", \"1.8B+\"] },\n        SYP: { rate: 0.000077, symbol: '\u0644.\u0633', tiers: [13000000, 65000000, 130000000, 260000000], labels: [\"13M\", \"65M\", \"130M\", \"260M+\"] },\n        SAR: { rate: 0.27, symbol: '\u0631.\u0633', tiers: [3750, 18750, 37500, 75000], labels: [\"3.7k\", \"18.7k\", \"37.5k\", \"75k+\"] },\n        AED: { rate: 0.27, symbol: '\u062f.\u0625', tiers: [3670, 18350, 36700, 73400], labels: [\"3.6k\", \"18.3k\", \"36.7k\", \"73400+\"] },\n        QAR: { rate: 0.27, symbol: '\u0631.\u0642', tiers: [3640, 18200, 36400, 72800], labels: [\"3.6k\", \"18.2k\", \"36.4k\", \"72.8k+\"] },\n        KWD: { rate: 3.26, symbol: '\u062f.\u0643', tiers: [300, 1500, 3000, 6000], labels: [\"300\", \"1.5k\", \"3k\", \"6k+\"] },\n        BHD: { rate: 2.65, symbol: '\u062f.\u0628', tiers: [370, 1850, 3700, 7400], labels: [\"370\", \"1.8k\", \"3.7k\", \"7.4k+\"] },\n        OMR: { rate: 2.60, symbol: '\u0631.\u0639.', tiers: [380, 1900, 3800, 7600], labels: [\"380\", \"1.9k\", \"3.8k\", \"7.6k+\"] },\n        IQD: { rate: 0.00076, symbol: '\u0639.\u062f', tiers: [1300000, 6500000, 13000000, 26000000], labels: [\"1.3M\", \"6.5M\", \"13M\", \"26M+\"] },\n        YER: { rate: 0.0040, symbol: '\ufdfc', tiers: [250000, 1250000, 2500000, 5000000], labels: [\"250k\", \"1.2M\", \"2.5M\", \"5M+\"] },\n        IRR: { rate: 0.000024, symbol: '\ufdfc', tiers: [420000000, 2100000000, 4200000000, 8400000000], labels: [\"420M\", \"2.1B\", \"4.2B\", \"8.4B+\"] },\n        TRY: { rate: 0.031, symbol: '\u20ba', tiers: [32000, 160000, 320000, 640000], labels: [\"32k\", \"160k\", \"320k\", \"640k+\"] },\n        DJF: { rate: 0.0056, symbol: 'Fdj', tiers: [178000, 890000, 1780000, 3560000], labels: [\"178k\", \"890k\", \"1.7M\", \"3.5M+\"] }\n      };\n\n      function renderOdometer(pulse) {\n        const els = document.querySelectorAll('.gp-odometer-massive');\n        if (!els || els.length === 0) return;\n        \n        const idrConversionRate = currencyConfig.IDR.rate;\n        const poolInIDR = totalCumulativePoolUSD \/ idrConversionRate;\n        const formatted = 'Rp' + Math.round(poolInIDR).toLocaleString('id-ID');\n        \n        els.forEach(el => {\n          el.textContent = formatted;\n          if (pulse) {\n            el.classList.remove('gp-pulse');\n            void el.offsetWidth; \n            el.classList.add('gp-pulse');\n          }\n        });\n      }\n\n      async function loadGrandTotal() {\n        try {\n          const res = await fetch(googleSheetWebhookUrl + '?action=getTotal');\n          const data = await res.json();\n          totalCumulativePoolUSD = parseFloat(data.total) || 0;\n        } catch (err) {\n          totalCumulativePoolUSD = 0;\n        }\n        renderOdometer(false);\n      }\n\n      async function addToGrandTotal() {\n        await new Promise(resolve => setTimeout(resolve, 1200));\n        await loadGrandTotal();\n        renderOdometer(true);\n      }\n\n      function calculateMetrics() {\n        const cfg = currencyConfig[currentCurrency] || currencyConfig.USD;\n        let localValue = activeInputMode === 'slider' ? cfg.tiers[currentTierIndex] : currentExactValueLocal;\n        \n        const displayVal = document.getElementById('userFossilExposure');\n        if (displayVal) {\n          displayVal.innerHTML = cfg.symbol + ' ' + Math.round(localValue).toLocaleString('id-ID');\n        }\n        \n        return localValue * cfg.rate;\n      }\n\n      function handleCurrencyChange() {\n        const selectEl = document.getElementById('currencySelect');\n        if (!selectEl) return;\n        \n        currentCurrency = selectEl.value;\n        const cfg = currencyConfig[currentCurrency] || currencyConfig.USD;\n        \n        const symEl = document.getElementById('exactCurrencySymbol');\n        const codeEl = document.getElementById('exactCurrencyCode');\n        if (symEl) symEl.innerHTML = cfg.symbol;\n        if (codeEl) codeEl.innerHTML = currentCurrency;\n        \n        for (let i = 0; i <= 3; i++) {\n          const labelEl = document.getElementById('tierLabel' + i);\n          if (labelEl) labelEl.innerHTML = cfg.labels[i];\n        }\n        calculateMetrics();\n      }\n\n      function setInputMode(mode) {\n        activeInputMode = mode;\n        const sliderBtn = document.getElementById('modeSliderBtn');\n        const exactBtn = document.getElementById('modeExactBtn');\n        const sliderPanel = document.getElementById('inputModeSlider');\n        const exactPanel = document.getElementById('inputModeExact');\n        \n        if (sliderBtn) sliderBtn.classList.toggle('active', mode === 'slider');\n        if (exactBtn) exactBtn.classList.toggle('active', mode === 'exact');\n        if (sliderPanel) sliderPanel.classList.toggle('active', mode === 'slider');\n        if (exactPanel) exactPanel.classList.toggle('active', mode === 'exact');\n        \n        calculateMetrics();\n      }\n\n      function updateSliderOutput(val) {\n        currentTierIndex = parseInt(val);\n        for (let i = 0; i <= 3; i++) {\n          const labelEl = document.getElementById('tierLabel' + i);\n          if (labelEl) labelEl.classList.toggle('active', i === currentTierIndex);\n        }\n        calculateMetrics();\n      }\n\n      function goToStep(stepNum) {\n        document.querySelectorAll('.gp-step-panel').forEach(p => p.classList.remove('active'));\n        const targetStep = document.getElementById('step' + stepNum);\n        if (targetStep) targetStep.classList.add('active');\n\n        for (let i = 1; i <= 3; i++) {\n          const node = document.getElementById('qNode' + i);\n          const line = document.getElementById('qLine' + i);\n          if (node) {\n            node.classList.toggle('active', i === stepNum);\n            node.classList.toggle('done', i < stepNum);\n          }\n          if (line) {\n            line.classList.toggle('done', i < stepNum);\n          }\n        }\n      }\n\n      function shareOnFacebook() {\n  const shareUrl = window.location.href;\n  \/\/ Edit your custom text inside 'quoteText'\n  const quoteText = \"Sampaikan dukungan kamu untuk masa depan yang lebih bersih lewat kalkulator Tayib. Yuk, ikutan hitung potensi investasi berlandaskan nilai-nilai Tayib kamu di sini: https:\/\/act.gp\/kalkulatortayib #MasaDepanTayib\";\n  window.open(`https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(shareUrl)}&#038;quote=${encodeURIComponent(quoteText)}`, '_blank', 'width=600,height=400');\n}\n\nfunction shareOnX() {\n  const shareUrl = window.location.href;\n  \/\/ Edit your custom text inside 'text'\n  const text = \"Sampaikan dukungan kamu untuk masa depan yang lebih bersih lewat kalkulator Tayib. Yuk, ikutan hitung potensi investasi berlandaskan nilai-nilai Tayib kamu di sini: https:\/\/act.gp\/kalkulatortayib #MasaDepanTayib\";\n  window.open(`https:\/\/twitter.com\/intent\/tweet?text=${encodeURIComponent(text)}&#038;url=${encodeURIComponent(shareUrl)}`, '_blank', 'width=600,height=400');\n}\n\nfunction shareOnWhatsApp() {\n  const shareUrl = window.location.href;\n  \/\/ Edit your custom text inside 'text'\n  const text = \"Sampaikan dukungan kamu untuk masa depan yang lebih bersih lewat kalkulator Tayib. Yuk, ikutan hitung potensi investasi berlandaskan nilai-nilai Tayib kamu di sini: https:\/\/act.gp\/kalkulatortayib #MasaDepanTayib\";\n  window.open(`https:\/\/api.whatsapp.com\/send?text=${encodeURIComponent(text)}`, '_blank');\n}\n\n      function sendToSheetProxy(amountUSD) {\n        const flatPayload = {\n          currency: currentCurrency,\n          amountUSD: Math.round(amountUSD)\n        };\n        fetch(googleSheetWebhookUrl, { \n          method: 'POST', \n          mode: 'no-cors', \n          headers: { 'Content-Type': 'application\/json' }, \n          body: JSON.stringify(flatPayload) \n        });\n      }\n\n      function renderHubspotForm() {\n        const container = document.getElementById('hubspotFormContainer');\n        if (!container) return;\n\n        if (window.hbspt) {\n          window.hbspt.forms.create({\n            portalId: \"20341912\",\n            formId: \"921c3309-4932-4777-b631-69fb1122c9d4\",\n            region: \"na1\",\n            target: \"#hubspotFormContainer\",\n            css: \"\",\n            onFormSubmitted: async function($form) {\n              const sessionContributionUSD = calculateMetrics();\n              sendToSheetProxy(sessionContributionUSD);\n              await addToGrandTotal();\n              goToStep(3);\n            }\n          });\n        } else {\n          container.innerHTML = `\n            <div class=\"hs-form-fallback\">\n              <p>Silakan selesaikan konfirmasi dukungan Anda di bawah ini:<\/p>\n              <button type=\"button\" class=\"gp-primary-btn\" id=\"fallbackSubmitBtn\">Konfirmasi & Simpan Dampak \u2192<\/button>\n            <\/div>\n          `;\n          const fallbackBtn = document.getElementById('fallbackSubmitBtn');\n          if (fallbackBtn) {\n            fallbackBtn.addEventListener('click', async function() {\n              const sessionContributionUSD = calculateMetrics();\n              sendToSheetProxy(sessionContributionUSD);\n              await addToGrandTotal();\n              goToStep(3);\n            });\n          }\n        }\n      }\n\n      function bindEvents() {\n        const currencySelect = document.getElementById('currencySelect');\n        const modeSliderBtn = document.getElementById('modeSliderBtn');\n        const modeExactBtn = document.getElementById('modeExactBtn');\n        const incomeSlider = document.getElementById('incomeSlider');\n        const exactIncomeInput = document.getElementById('exactIncomeInput');\n        const goToStep2Btn = document.getElementById('goToStep2Btn');\n        const goToStep1Btn = document.getElementById('goToStep1Btn');\n        const shareFbBtn = document.getElementById('shareFbBtn');\n        const shareXBtn = document.getElementById('shareXBtn');\nconst shareWaBtn = document.getElementById('shareWaBtn');\n        const ctaScrollBtn = document.getElementById('ctaScrollBtn');\n\n        if (currencySelect) currencySelect.addEventListener('change', handleCurrencyChange);\n        if (modeSliderBtn) modeSliderBtn.addEventListener('click', () => setInputMode('slider'));\n        if (modeExactBtn) modeExactBtn.addEventListener('click', () => setInputMode('exact'));\n        if (incomeSlider) incomeSlider.addEventListener('input', (e) => updateSliderOutput(e.target.value));\n        if (exactIncomeInput) {\n          exactIncomeInput.addEventListener('input', (e) => { \n            currentExactValueLocal = parseFloat(e.target.value) || 0; \n            calculateMetrics(); \n          });\n        }\n        if (goToStep2Btn) goToStep2Btn.addEventListener('click', () => goToStep(2));\n        if (goToStep1Btn) goToStep1Btn.addEventListener('click', () => goToStep(1));\n        if (shareFbBtn) shareFbBtn.addEventListener('click', shareOnFacebook);\n        if (shareXBtn) shareXBtn.addEventListener('click', shareOnX);\nif (shareWaBtn) shareWaBtn.addEventListener('click', shareOnWhatsApp);\n        if (ctaScrollBtn) {\n          ctaScrollBtn.addEventListener('click', (e) => {\n            e.preventDefault();\n            const target = document.getElementById('calculatorSection');\n            if (target) {\n              target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n          });\n        }\n      }\n\n      function init() {\n        bindEvents();\n        handleCurrencyChange();\n        loadGrandTotal();\n        renderHubspotForm();\n      }\n\n      if (document.readyState === 'interactive' || document.readyState === 'complete') {\n        init();\n      } else {\n        window.addEventListener('DOMContentLoaded', init);\n      }\n    })();\n  <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Apakah bankmu mendanai batu bara atau masa depan yang lebih bersih? Melalui kalkulator Tayib, kita bisa melihat seberapa besar kekuatan dana yang kita miliki bersama sekaligus menunjukkan kepada lembaga keuangan syariah bahwa kita menginginkan investasi yang etis dan berlandaskan nilai-nilai Tayib untuk masa depan yang lebih baik.<\/p>\n","protected":false},"author":49,"featured_media":67571,"menu_order":0,"template":"","meta":{"ep_exclude_from_search":false,"action_button_text":"Ikut Beraksi","action_button_accessibility_text":"Take action","actions_task_type":"","actions_deadline":"","nav_type":"","p4_hide_page_title_checkbox":"on","p4_og_title":"Investasi Tayib","p4_og_description":"Apakah bankmu mendanai batu bara atau masa depan yang lebih bersih? Melalui kalkulator Tayib, kita bisa melihat seberapa besar kekuatan dana yang kita miliki bersama sekaligus menunjukkan kepada lembaga keuangan syariah bahwa kita menginginkan investasi yang etis dan berlandaskan nilai-nilai Tayib untuk masa depan yang lebih baik.","p4_og_image":"https:\/\/www.greenpeace.org\/static\/planet4-indonesia-stateless\/2026\/08\/1efc3a8c-gp0strudh.jpg","p4_og_image_id":"67571","p4_seo_canonical_url":"","p4_campaign_name":"","p4_local_project":"","p4_basket_name":"","p4_department":"","footnotes":""},"categories":[56,58],"tags":[36],"action-type":[39],"class_list":["post-67202","p4_action","type-p4_action","status-publish","has-post-thumbnail","hentry","category-aksi","category-petisi","tag-ummah4earth","action-type-petisi"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.9.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Kalkulator Tayib - Greenpeace Indonesia<\/title>\n<meta name=\"description\" content=\"Kelola Uangmu untuk Masa Depan Pilihan Kamu. Uangmu memiliki kuasa. Imanmu memiliki prinsip. Sekarang saatnya mewujudkan prinsip imanmu dari Halal ke Tayyib.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kalkulator Tayib - Greenpeace Indonesia\" \/>\n<meta property=\"og:description\" content=\"Kelola Uangmu untuk Masa Depan Pilihan Kamu. Uangmu memiliki kuasa. Imanmu memiliki prinsip. Sekarang saatnya mewujudkan prinsip imanmu dari Halal ke Tayyib.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/\" \/>\n<meta property=\"og:site_name\" content=\"Greenpeace Indonesia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GreenpeaceIndonesia\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-21T16:34:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.greenpeace.org\/static\/planet4-indonesia-stateless\/2026\/08\/1efc3a8c-gp0strudh.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@GreenpeaceID\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/\",\"url\":\"https:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/\",\"name\":\"Kalkulator Tayib - Greenpeace Indonesia\",\"isPartOf\":{\"@id\":\"https:\/\/www.greenpeace.org\/indonesia\/#website\"},\"datePublished\":\"2026-07-13T11:22:19+00:00\",\"dateModified\":\"2026-08-21T16:34:13+00:00\",\"description\":\"Kelola Uangmu untuk Masa Depan Pilihan Kamu. Uangmu memiliki kuasa. Imanmu memiliki prinsip. Sekarang saatnya mewujudkan prinsip imanmu dari Halal ke Tayyib.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greenpeace.org\/indonesia\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Actions\",\"item\":\"https:\/\/www.greenpeace.org\/indonesia\/%action_type%\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Kalkulator Tayib\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.greenpeace.org\/indonesia\/#website\",\"url\":\"https:\/\/www.greenpeace.org\/indonesia\/\",\"name\":\"Greenpeace Indonesia\",\"description\":\"Greenpeace\",\"publisher\":{\"@id\":\"https:\/\/www.greenpeace.org\/indonesia\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.greenpeace.org\/indonesia\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.greenpeace.org\/indonesia\/#organization\",\"name\":\"Greenpeace Indonesia\",\"url\":\"https:\/\/www.greenpeace.org\/indonesia\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.greenpeace.org\/indonesia\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.greenpeace.org\/static\/planet4-indonesia-stateless\/2023\/11\/23919a5e-gp_avatar_whiteongreen.png\",\"contentUrl\":\"https:\/\/www.greenpeace.org\/static\/planet4-indonesia-stateless\/2023\/11\/23919a5e-gp_avatar_whiteongreen.png\",\"width\":500,\"height\":500,\"caption\":\"Greenpeace Indonesia\"},\"image\":{\"@id\":\"https:\/\/www.greenpeace.org\/indonesia\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/GreenpeaceIndonesia\",\"https:\/\/twitter.com\/GreenpeaceID\",\"https:\/\/www.instagram.com\/greenpeaceid\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kalkulator Tayib - Greenpeace Indonesia","description":"Kelola Uangmu untuk Masa Depan Pilihan Kamu. Uangmu memiliki kuasa. Imanmu memiliki prinsip. Sekarang saatnya mewujudkan prinsip imanmu dari Halal ke Tayyib.","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:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/","og_locale":"id_ID","og_type":"article","og_title":"Kalkulator Tayib - Greenpeace Indonesia","og_description":"Kelola Uangmu untuk Masa Depan Pilihan Kamu. Uangmu memiliki kuasa. Imanmu memiliki prinsip. Sekarang saatnya mewujudkan prinsip imanmu dari Halal ke Tayyib.","og_url":"https:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/","og_site_name":"Greenpeace Indonesia","article_publisher":"https:\/\/www.facebook.com\/GreenpeaceIndonesia","article_modified_time":"2026-08-21T16:34:13+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/www.greenpeace.org\/static\/planet4-indonesia-stateless\/2026\/08\/1efc3a8c-gp0strudh.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@GreenpeaceID","twitter_misc":{"Est. reading time":"5 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/","url":"https:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/","name":"Kalkulator Tayib - Greenpeace Indonesia","isPartOf":{"@id":"https:\/\/www.greenpeace.org\/indonesia\/#website"},"datePublished":"2026-07-13T11:22:19+00:00","dateModified":"2026-08-21T16:34:13+00:00","description":"Kelola Uangmu untuk Masa Depan Pilihan Kamu. Uangmu memiliki kuasa. Imanmu memiliki prinsip. Sekarang saatnya mewujudkan prinsip imanmu dari Halal ke Tayyib.","breadcrumb":{"@id":"https:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.greenpeace.org\/indonesia\/petisi\/kalkulator-tayib\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greenpeace.org\/indonesia\/"},{"@type":"ListItem","position":2,"name":"Actions","item":"https:\/\/www.greenpeace.org\/indonesia\/%action_type%\/"},{"@type":"ListItem","position":3,"name":"Kalkulator Tayib"}]},{"@type":"WebSite","@id":"https:\/\/www.greenpeace.org\/indonesia\/#website","url":"https:\/\/www.greenpeace.org\/indonesia\/","name":"Greenpeace Indonesia","description":"Greenpeace","publisher":{"@id":"https:\/\/www.greenpeace.org\/indonesia\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.greenpeace.org\/indonesia\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.greenpeace.org\/indonesia\/#organization","name":"Greenpeace Indonesia","url":"https:\/\/www.greenpeace.org\/indonesia\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.greenpeace.org\/indonesia\/#\/schema\/logo\/image\/","url":"https:\/\/www.greenpeace.org\/static\/planet4-indonesia-stateless\/2023\/11\/23919a5e-gp_avatar_whiteongreen.png","contentUrl":"https:\/\/www.greenpeace.org\/static\/planet4-indonesia-stateless\/2023\/11\/23919a5e-gp_avatar_whiteongreen.png","width":500,"height":500,"caption":"Greenpeace Indonesia"},"image":{"@id":"https:\/\/www.greenpeace.org\/indonesia\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/GreenpeaceIndonesia","https:\/\/twitter.com\/GreenpeaceID","https:\/\/www.instagram.com\/greenpeaceid\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.greenpeace.org\/indonesia\/wp-json\/wp\/v2\/p4_action\/67202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greenpeace.org\/indonesia\/wp-json\/wp\/v2\/p4_action"}],"about":[{"href":"https:\/\/www.greenpeace.org\/indonesia\/wp-json\/wp\/v2\/types\/p4_action"}],"author":[{"embeddable":true,"href":"https:\/\/www.greenpeace.org\/indonesia\/wp-json\/wp\/v2\/users\/49"}],"version-history":[{"count":20,"href":"https:\/\/www.greenpeace.org\/indonesia\/wp-json\/wp\/v2\/p4_action\/67202\/revisions"}],"predecessor-version":[{"id":67692,"href":"https:\/\/www.greenpeace.org\/indonesia\/wp-json\/wp\/v2\/p4_action\/67202\/revisions\/67692"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.greenpeace.org\/indonesia\/wp-json\/wp\/v2\/media\/67571"}],"wp:attachment":[{"href":"https:\/\/www.greenpeace.org\/indonesia\/wp-json\/wp\/v2\/media?parent=67202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greenpeace.org\/indonesia\/wp-json\/wp\/v2\/categories?post=67202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greenpeace.org\/indonesia\/wp-json\/wp\/v2\/tags?post=67202"},{"taxonomy":"action-type","embeddable":true,"href":"https:\/\/www.greenpeace.org\/indonesia\/wp-json\/wp\/v2\/action-type?post=67202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}