{"id":14519,"date":"2026-04-20T10:07:31","date_gmt":"2026-04-20T10:07:31","guid":{"rendered":"https:\/\/ummah4earth.org\/?page_id=14519"},"modified":"2026-08-22T12:59:32","modified_gmt":"2026-08-22T12:59:32","slug":"put-your-money-where-future","status":"publish","type":"page","link":"https:\/\/ummah4earth.org\/en\/put-your-money-where-future\/","title":{"rendered":"Put Your Money Where Your Future Is"},"content":{"rendered":"\n<div class=\"wp-block-cover is-light has-grey-900-color has-text-color has-link-color wp-elements-e8c08f5b358f50f3c03180c0a8c3a1fa\" style=\"min-height:375px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"733\" class=\"wp-block-cover__image-background wp-image-14981 size-full\" alt=\"\u0623\u064a\u0646 \u062a\u0630\u0647\u0628 \u0623\u0645\u0648\u0627\u0644\u0646\u0627\u061f \u0644\u0650\u0646\u0633\u062a\u062b\u0645\u0631\u0647\u0627 \u0641\u064a \u0645\u0627 \u064a\u062d\u0645\u064a \u0635\u062d\u0651\u062a\u0646\u0627\" src=\"https:\/\/www.greenpeace.org\/static\/planet4-ummah-stateless\/2026\/08\/736b86f7-coal-new-visual-slider-scaled.jpg\" style=\"object-position:0% 0%\" data-object-fit=\"cover\" data-object-position=\"0% 0%\" srcset=\"https:\/\/www.greenpeace.org\/static\/planet4-ummah-stateless\/2026\/08\/736b86f7-coal-new-visual-slider-scaled.jpg 2560w, https:\/\/www.greenpeace.org\/static\/planet4-ummah-stateless\/2026\/08\/736b86f7-coal-new-visual-slider-300x86.jpg 300w, https:\/\/www.greenpeace.org\/static\/planet4-ummah-stateless\/2026\/08\/736b86f7-coal-new-visual-slider-1024x293.jpg 1024w, https:\/\/www.greenpeace.org\/static\/planet4-ummah-stateless\/2026\/08\/736b86f7-coal-new-visual-slider-768x220.jpg 768w, https:\/\/www.greenpeace.org\/static\/planet4-ummah-stateless\/2026\/08\/736b86f7-coal-new-visual-slider-1536x440.jpg 1536w, https:\/\/www.greenpeace.org\/static\/planet4-ummah-stateless\/2026\/08\/736b86f7-coal-new-visual-slider-2048x587.jpg 2048w, https:\/\/www.greenpeace.org\/static\/planet4-ummah-stateless\/2026\/08\/736b86f7-coal-new-visual-slider-510x146.jpg 510w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-right has-grey-900-color has-text-color has-link-color wp-elements-f1adb2d7ba168c0425d5916469661119 wp-block-paragraph\" style=\"font-size:36px\"><strong>Where does our money go?<\/strong><\/p>\n\n\n\n<div style=\"height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-right has-grey-900-color has-text-color has-link-color wp-elements-71b2c592c3dc2a95bc5783756d4889ae wp-block-paragraph\" style=\"font-size:26px\"> Let us invest in what protects our health<br><\/p>\n\n\n\n<div style=\"height:263px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n<h4 class=\"wp-block-heading has-text-align-center has-action-yellow-100-color has-grey-900-background-color has-text-color has-background has-link-color wp-elements-af2345b5f90d031f07c6ed6af807db65\"><strong>Do your banks fund coal or a cleaner tomorrow?<\/strong><\/h4>\n\n<!-- ============================================================\n     TOP BANNER \u2014 ENGLISH (mirrored)\n     Standalone stats strip: total amount + participant count only.\n     Place this ABOVE the full Tayyib Counter tool, near the top of the page.\n     Pulls live numbers from the same Google Sheet endpoint as the tool.\n============================================================ -->\n<div class=\"gp-topbanner\" dir=\"ltr\" id=\"gpTopBannerEn\">\n  <div class=\"gp-tb-glow\"><\/div>\n  <div class=\"gp-tb-label\">Add your voice to the &#8220;Tayyib Counter&#8221;<\/div>\n  <div class=\"gp-tb-stats\">\n    <div class=\"gp-tb-stat\">\n      <div class=\"gp-tb-number mono\" id=\"gpTbTotalEn\">$0<\/div>\n      <div class=\"gp-tb-caption\">Total savings declared<\/div>\n    <\/div>\n    <div class=\"gp-tb-divider\"><\/div>\n    <div class=\"gp-tb-stat\" id=\"gpTbParticipantBlockEn\" style=\"display:none;\">\n      <div class=\"gp-tb-number mono\" id=\"gpTbCountEn\">0<\/div>\n      <div class=\"gp-tb-caption\">people have joined so far<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .gp-topbanner{\n    --tb-ink:#16140D; --tb-ink2:#231F14; --tb-gold:#F0B93C; --tb-gold-soft:#FBE7B8;\n    position:relative; overflow:hidden; text-align:center;\n    background:radial-gradient(120% 160% at 50% -10%, var(--tb-ink2) 0%, var(--tb-ink) 70%, #0A0906 100%);\n    color:#fff; padding:26px 20px; border-radius:16px;\n    font-family:'Cairo', 'IBM Plex Sans Arabic', sans-serif;\n  }\n  .gp-topbanner .mono{font-family:'JetBrains Mono', monospace}\n  .gp-tb-label{font-size:13px; font-weight:700; letter-spacing:.4px; color:var(--tb-gold-soft); margin-bottom:14px}\n  .gp-tb-stats{display:flex; align-items:center; justify-content:center; gap:22px; flex-wrap:wrap}\n  .gp-tb-stat{display:flex; flex-direction:column; align-items:center}\n  .gp-tb-number{\n    font-size:32px; font-weight:700; color:#fff; direction:ltr;\n    background:rgba(255,255,255,.06); border:1.5px solid rgba(240,185,60,.45);\n    border-radius:12px; padding:8px 20px; transition:transform .15s ease;\n  }\n  .gp-tb-number.gp-tb-pulse{animation:gpTbPulse .5s ease}\n  @keyframes gpTbPulse{0%{transform:scale(1)}40%{transform:scale(1.06)}100%{transform:scale(1)}}\n  .gp-tb-caption{font-size:11.5px; color:var(--tb-gold-soft); margin-top:6px; opacity:.9}\n  .gp-tb-divider{width:1px; height:36px; background:rgba(255,255,255,.15)}\n  @media (max-width:480px){\n    .gp-tb-number{font-size:24px; padding:6px 14px}\n    .gp-tb-divider{display:none}\n  }\n<\/style>\n\n<script>\n(function(){\n  const googleSheetWebhookUrl = \"https:\/\/script.google.com\/macros\/s\/AKfycbzJgNnSJcHM8o2J_yr0b0g4_StqYSWNY65_y8jBaJGxvbCSEJHmiUKxjcDunU1tu2SCDQ\/exec\";\n\n  async function loadTopBannerEn(){\n    let total = 0, count = null;\n    try{\n      const res = await fetch(googleSheetWebhookUrl + '?action=getTotal');\n      const data = await res.json();\n      total = parseFloat(data.total) || 0;\n      if (data.count !== undefined && data.count !== null){\n        count = parseFloat(data.count) || 0;\n      }\n    }catch(err){\n      console.warn('Top banner (EN): could not load total.', err);\n    }\n\n    const totalEl = document.getElementById('gpTbTotalEn');\n    if (totalEl){\n      totalEl.textContent = '$' + Math.round(total).toLocaleString('en-US');\n      totalEl.classList.add('gp-tb-pulse');\n    }\n\n    if (count !== null){\n      const block = document.getElementById('gpTbParticipantBlockEn');\n      const countEl = document.getElementById('gpTbCountEn');\n      if (block && countEl){\n        countEl.textContent = Math.round(count).toLocaleString('en-US');\n        block.style.display = 'flex';\n      }\n    }\n    \/\/ NOTE: participant count only appears once the backend's getTotal\n    \/\/ response includes a \"count\" field (see apps-script-count-field-sketch.gs).\n  }\n\n  if (document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', loadTopBannerEn);\n  } else {\n    loadTopBannerEn();\n  }\n})();\n<\/script>\n\n<style>\n  .p4-text-card-en {\n    background-color: #f8f9fa;\n    border-left: 4px solid #118040;\n    border-radius: 8px;\n    padding: 24px;\n    direction: ltr;\n    text-align: left;\n    font-family: 'Greenpeace Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: #2b2b2b;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n    margin: 20px 0;\n    letter-spacing: normal;\n  }\n\n  .p4-lead-question-en {\n    font-size: 1.25rem;\n    font-weight: 700;\n    color: #000000;\n    margin-bottom: 12px;\n    line-height: 1.4;\n    font-family: inherit;\n  }\n\n  .p4-intro-text-en {\n    font-size: 1rem;\n    line-height: 1.6;\n    margin-bottom: 20px;\n    color: #4a4a4a;\n    font-family: inherit;\n  }\n\n  .p4-feature-list-en {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .p4-feature-item-en {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    background: #ffffff;\n    padding: 14px 16px;\n    border-radius: 6px;\n    border: 1px solid #e5e5e5;\n  }\n\n  .p4-feature-badge-en {\n    background-color: #e8f5e9;\n    color: #118040;\n    font-size: 1.1rem;\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    flex-shrink: 0;\n  }\n\n  .p4-feature-content-en {\n    font-size: 0.95rem;\n    line-height: 1.6;\n    font-family: inherit;\n  }\n\n  .p4-feature-title-en {\n    font-weight: 700;\n    color: #118040;\n    margin-right: 4px;\n    font-family: inherit;\n  }\n<\/style>\n\n<div class=\"p4-text-card-en\">\n  <div class=\"p4-lead-question-en\">\n    Do your banks fund coal or a cleaner tomorrow?\n  <\/div>\n  \n  <p class=\"p4-intro-text-en\">\n    The Tayyib Counter measures the collective power of our capital, showing Islamic financial institutions that we demand ethical investments aligned with a Tayyib-inspired future.\n  <\/p>\n\n  <div class=\"p4-feature-list-en\">\n    <div class=\"p4-feature-item-en\">\n      <div class=\"p4-feature-badge-en\">\ud83d\udcca<\/div>\n      <div class=\"p4-feature-content-en\">\n        <span class=\"p4-feature-title-en\">Estimate your savings:<\/span>\n        Use the interactive slider to indicate roughly what you hold in savings or investments. No actual money is spent or donated!\n      <\/div>\n    <\/div>\n\n    <div class=\"p4-feature-item-en\">\n      <div class=\"p4-feature-badge-en\">\u270d\ufe0f<\/div>\n      <div class=\"p4-feature-content-en\">\n        <span class=\"p4-feature-title-en\">Sign up:<\/span>\n        Fill in basic demographics and your personal data. The exact figures remain strictly anonymous and secure.\n      <\/div>\n    <\/div>\n\n    <div class=\"p4-feature-item-en\">\n      <div class=\"p4-feature-badge-en\">\u2728<\/div>\n      <div class=\"p4-feature-content-en\">\n        <span class=\"p4-feature-title-en\">Amplify the Impact:<\/span>\n        See your contribution added to the grand total, proving that our collective capital has the potential to build a #TayyibInspired future.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<p class=\"has-text-align-center has-action-yellow-500-background-color has-background wp-block-paragraph\" id=\"counter\" style=\"font-size:14px\"><em><strong>We aren\u2019t asking for donations, just your voice. Join us in calling on Islamic finance to divest from coal<\/strong><\/em><\/p>\n\n<div class=\"gp-bankometer-container-fullwidth\" dir=\"ltr\">\n  <!-- Step 0: Header Banner -->\n  <div class=\"gp-counter-banner-full\">\n    <div class=\"gp-banner-glow-full\"><\/div>\n    <div class=\"gp-banner-label-full\">The Tayyib Counter<\/div>\n    <div class=\"gp-grand-total-full\" id=\"grandTotalDisplay\" aria-live=\"polite\">\n      <div class=\"gp-odometer-massive\" id=\"grandTotalDisplaySimple\">$0<\/div>\n    <\/div>\n    <div class=\"gp-banner-sub-full\" id=\"bannerSubtext\">Can be harnessed to fund a Tayyib inspired future.<\/div>\n  <\/div>\n\n  <!-- Progress Tracker -->\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\">Calculate<\/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\">Verify<\/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\">Complete<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- Multi-Step Card Framework -->\n  <div class=\"gp-card\">\n    <!-- STEP 1: Financial Input Panel -->\n    <div class=\"gp-step-panel active\" id=\"step1\">\n      <div class=\"gp-form-group\">\n        <label class=\"gp-input-label\" for=\"currencySelect\">Select Your Local Currency<\/label>\n        <select id=\"currencySelect\" class=\"gp-select-dropdown\">\n          <optgroup label=\"Global Currencies\">\n            <option value=\"USD\" selected=\"\">USD ($) &#8211; US Dollar<\/option>\n            <option value=\"EUR\">EUR (\u20ac) &#8211; Euro<\/option>\n            <option value=\"GBP\">GBP (\u00a3) &#8211; British Pound<\/option>\n            <option value=\"CAD\">CAD ($) &#8211; Canadian Dollar<\/option>\n            <option value=\"AUD\">AUD ($) &#8211; Australian Dollar<\/option>\n          <\/optgroup>\n          <optgroup label=\"Southeast Asia\">\n            <option value=\"IDR\">IDR (Rp) &#8211; Indonesian Rupiah<\/option>\n            <option value=\"MYR\">MYR (RM) &#8211; Malaysian Ringgit<\/option>\n          <\/optgroup>\n          <optgroup label=\"MENA Region\">\n            <option value=\"TND\">TND (\u062f.\u062a) &#8211; Tunisian Dinar<\/option>\n            <option value=\"MAD\">MAD (\u062f.\u0645.) &#8211; Moroccan Dirham<\/option>\n            <option value=\"DZD\">DZD (\u062f.\u062c) &#8211; Algerian Dinar<\/option>\n            <option value=\"EGP\">EGP (\u062c.\u0645) &#8211; Egyptian Pound<\/option>\n            <option value=\"LYD\">LYD (\u0644.\u062f) &#8211; Libyan Dinar<\/option>\n            <option value=\"MRU\">MRU (\u0643.\u0645) &#8211; Mauritanian Ouguiya<\/option>\n            <option value=\"JOD\">JOD (\u062f.\u0623) &#8211; Jordanian Dinar<\/option>\n            <option value=\"LBP\">LBP (\u0644.\u0644) &#8211; Lebanese Pound<\/option>\n            <option value=\"SYP\">SYP (\u0644.\u0633) &#8211; Syrian Pound<\/option>\n            <option value=\"SAR\">SAR (\u0631.\u0633) &#8211; Saudi Riyal<\/option>\n            <option value=\"AED\">AED (\u062f.\u0625) &#8211; UAE Dirham<\/option>\n            <option value=\"QAR\">QAR (\u0631.\u0642) &#8211; Qatari Riyal<\/option>\n            <option value=\"KWD\">KWD (\u062f.\u0643) &#8211; Kuwaiti Dinar<\/option>\n            <option value=\"BHD\">BHD (\u062f.\u0628) &#8211; Bahraini Dinar<\/option>\n            <option value=\"OMR\">OMR (\u0631.\u0639.) &#8211; Omani Rial<\/option>\n            <option value=\"IQD\">IQD (\u0639.\u062f) &#8211; Iraqi Dinar<\/option>\n            <option value=\"YER\">YER (\ufdfc) &#8211; Yemeni Rial<\/option>\n            <option value=\"IRR\">IRR (\ufdfc) &#8211; Iranian Rial<\/option>\n            <option value=\"TRY\">TRY (\u20ba) &#8211; Turkish Lira<\/option>\n            <option value=\"DJF\">DJF (Fdj) &#8211; Djiboutian Franc<\/option>\n          <\/optgroup>\n        <\/select>\n      <\/div>\n\n      <div class=\"gp-input-wrapper-card\">\n        <label class=\"gp-input-label\" for=\"exactIncomeInput\" id=\"savingsCapacityLabel\">What is your total savings amount?<\/label>\n        <div class=\"gp-exact-input-box\">\n          <span class=\"gp-currency-addon\" id=\"exactCurrencySymbol\">$<\/span>\n          <input type=\"number\" id=\"exactIncomeInput\" value=\"5000\" min=\"0\" step=\"100\" inputmode=\"numeric\" placeholder=\"0\">\n          <span class=\"gp-code-addon\" id=\"exactCurrencyCode\">USD<\/span>\n        <\/div>\n        <p class=\"gp-max-warning\" id=\"amountMaxWarning\" style=\"display:none;\">Amount adjusted to the maximum allowed per participant: $1,000,000.<\/p>\n      <\/div>\n\n      <div class=\"gp-form-group highlighted-group\">\n        <label class=\"gp-input-label\">Are you partnering with an Islamic bank to manage your wealth?<\/label>\n        <div class=\"gp-toggle-wrapper\">\n          <button type=\"button\" class=\"gp-toggle-btn\" id=\"islamicYes\">YES<\/button>\n          <button type=\"button\" class=\"gp-toggle-btn active\" id=\"islamicNo\">NO<\/button>\n        <\/div>\n      <\/div>\n\n      <button type=\"button\" class=\"gp-primary-btn\" id=\"goToStep2Btn\">\n        <span class=\"gp-btn-label\">Submit your amount<\/span>\n        <span class=\"gp-btn-spinner\">Submitting\u2026<\/span>\n      <\/button>\n    <\/div>\n\n    <!-- STEP 2: Lead Information Panel (optional) -->\n    <div class=\"gp-step-panel\" id=\"step2\">\n      <div class=\"gp-eyebrow\">Level 2 of 3 \u00b7 Optional<\/div>\n      <h3 class=\"gp-step-title\">Verify Your Profile<\/h3>\n      <p class=\"gp-step-desc\">Your amount is already counted in the tracker. Adding a few optional details below (fully encrypted and anonymized) helps us understand broader trends \u2014 or you can skip straight to sharing.<\/p>\n\n      <form id=\"gpLeadForm\">\n        <div class=\"gp-form-row\">\n          <div class=\"gp-form-field\">\n            <label class=\"gp-field-micro-label\">First Name<\/label>\n            <input type=\"text\" placeholder=\"John\" id=\"fName\" name=\"firstname\">\n          <\/div>\n          <div class=\"gp-form-field\">\n            <label class=\"gp-field-micro-label\">Last Name<\/label>\n            <input type=\"text\" placeholder=\"Doe\" id=\"lName\" name=\"lastname\">\n          <\/div>\n        <\/div>\n\n        <div class=\"gp-form-row\">\n          <div class=\"gp-form-field\">\n            <label class=\"gp-field-micro-label\">Email Address *<\/label>\n            <input type=\"email\" placeholder=\"john.doe@domain.com\" required=\"\" id=\"emailAddr\" name=\"email\">\n          <\/div>\n          <div class=\"gp-form-field\">\n            <label class=\"gp-field-micro-label\">Phone Number (optional)<\/label>\n            <input type=\"text\" placeholder=\"+1234567890\" id=\"phoneNum\" name=\"phone\">\n          <\/div>\n        <\/div>\n\n        <div class=\"gp-form-row variables-row\">\n          <div class=\"gp-form-field flex-wide\">\n            <label class=\"gp-field-micro-label\">Country<\/label>\n            <select id=\"countryIn\" name=\"country\">\n              <option value=\"\" disabled=\"\" selected=\"\">Select Country<\/option>\n              <option value=\"Afghanistan\">Afghanistan<\/option>\n              <option value=\"Albania\">Albania<\/option>\n              <option value=\"Algeria\">Algeria<\/option>\n              <option value=\"Andorra\">Andorra<\/option>\n              <option value=\"Angola\">Angola<\/option>\n              <option value=\"Antigua and Barbuda\">Antigua and Barbuda<\/option>\n              <option value=\"Argentina\">Argentina<\/option>\n              <option value=\"Armenia\">Armenia<\/option>\n              <option value=\"Australia\">Australia<\/option>\n              <option value=\"Austria\">Austria<\/option>\n              <option value=\"Azerbaijan\">Azerbaijan<\/option>\n              <option value=\"Bahamas\">Bahamas<\/option>\n              <option value=\"Bahrain\">Bahrain<\/option>\n              <option value=\"Bangladesh\">Bangladesh<\/option>\n              <option value=\"Barbados\">Barbados<\/option>\n              <option value=\"Belarus\">Belarus<\/option>\n              <option value=\"Belgium\">Belgium<\/option>\n              <option value=\"Belize\">Belize<\/option>\n              <option value=\"Benin\">Benin<\/option>\n              <option value=\"Bhutan\">Bhutan<\/option>\n              <option value=\"Bolivia\">Bolivia<\/option>\n              <option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina<\/option>\n              <option value=\"Botswana\">Botswana<\/option>\n              <option value=\"Brazil\">Brazil<\/option>\n              <option value=\"Brunei\">Brunei<\/option>\n              <option value=\"Bulgaria\">Bulgaria<\/option>\n              <option value=\"Burkina Faso\">Burkina Faso<\/option>\n              <option value=\"Burundi\">Burundi<\/option>\n              <option value=\"Cabo Verde\">Cabo Verde<\/option>\n              <option value=\"Cambodia\">Cambodia<\/option>\n              <option value=\"Cameroon\">Cameroon<\/option>\n              <option value=\"Canada\">Canada<\/option>\n              <option value=\"Central African Republic\">Central African Republic<\/option>\n              <option value=\"Chad\">Chad<\/option>\n              <option value=\"Chile\">Chile<\/option>\n              <option value=\"China\">China<\/option>\n              <option value=\"Colombia\">Colombia<\/option>\n              <option value=\"Comoros\">Comoros<\/option>\n              <option value=\"Congo, Democratic Republic of the\">Congo, Democratic Republic of the<\/option>\n              <option value=\"Congo, Republic of the\">Congo, Republic of the<\/option>\n              <option value=\"Costa Rica\">Costa Rica<\/option>\n              <option value=\"Cote d'Ivoire\">Cote d&#8217;Ivoire<\/option>\n              <option value=\"Croatia\">Croatia<\/option>\n              <option value=\"Cuba\">Cuba<\/option>\n              <option value=\"Cyprus\">Cyprus<\/option>\n              <option value=\"Czechia\">Czechia<\/option>\n              <option value=\"Denmark\">Denmark<\/option>\n              <option value=\"Djibouti\">Djibouti<\/option>\n              <option value=\"Dominica\">Dominica<\/option>\n              <option value=\"Dominican Republic\">Dominican Republic<\/option>\n              <option value=\"Ecuador\">Ecuador<\/option>\n              <option value=\"Egypt\">Egypt<\/option>\n              <option value=\"El Salvador\">El Salvador<\/option>\n              <option value=\"Equatorial Guinea\">Equatorial Guinea<\/option>\n              <option value=\"Eritrea\">Eritrea<\/option>\n              <option value=\"Estonia\">Estonia<\/option>\n              <option value=\"Eswatini\">Eswatini<\/option>\n              <option value=\"Ethiopia\">Ethiopia<\/option>\n              <option value=\"Fiji\">Fiji<\/option>\n              <option value=\"Finland\">Finland<\/option>\n              <option value=\"France\">France<\/option>\n              <option value=\"Gabon\">Gabon<\/option>\n              <option value=\"Gambia\">Gambia<\/option>\n              <option value=\"Georgia\">Georgia<\/option>\n              <option value=\"Germany\">Germany<\/option>\n              <option value=\"Ghana\">Ghana<\/option>\n              <option value=\"Greece\">Greece<\/option>\n              <option value=\"Grenada\">Grenada<\/option>\n              <option value=\"Guatemala\">Guatemala<\/option>\n              <option value=\"Guinea\">Guinea<\/option>\n              <option value=\"Guinea-Bissau\">Guinea-Bissau<\/option>\n              <option value=\"Guyana\">Guyana<\/option>\n              <option value=\"Haiti\">Haiti<\/option>\n              <option value=\"Honduras\">Honduras<\/option>\n              <option value=\"Hungary\">Hungary<\/option>\n              <option value=\"Iceland\">Iceland<\/option>\n              <option value=\"India\">India<\/option>\n              <option value=\"Indonesia\">Indonesia<\/option>\n              <option value=\"Iran\">Iran<\/option>\n              <option value=\"Iraq\">Iraq<\/option>\n              <option value=\"Ireland\">Ireland<\/option>\n              <option value=\"Israel\">Israel<\/option>\n              <option value=\"Italy\">Italy<\/option>\n              <option value=\"Jamaica\">Jamaica<\/option>\n              <option value=\"Japan\">Japan<\/option>\n              <option value=\"Jordan\">Jordan<\/option>\n              <option value=\"Kazakhstan\">Kazakhstan<\/option>\n              <option value=\"Kenya\">Kenya<\/option>\n              <option value=\"Kiribati\">Kiribati<\/option>\n              <option value=\"Kosovo\">Kosovo<\/option>\n              <option value=\"Kuwait\">Kuwait<\/option>\n              <option value=\"Kyrgyzstan\">Kyrgyzstan<\/option>\n              <option value=\"Laos\">Laos<\/option>\n              <option value=\"Latvia\">Latvia<\/option>\n              <option value=\"Lebanon\">Lebanon<\/option>\n              <option value=\"Lesotho\">Lesotho<\/option>\n              <option value=\"Liberia\">Liberia<\/option>\n              <option value=\"Libya\">Libya<\/option>\n              <option value=\"Liechtenstein\">Liechtenstein<\/option>\n              <option value=\"Lithuania\">Lithuania<\/option>\n              <option value=\"Luxembourg\">Luxembourg<\/option>\n              <option value=\"Madagascar\">Madagascar<\/option>\n              <option value=\"Malawi\">Malawi<\/option>\n              <option value=\"Malaysia\">Malaysia<\/option>\n              <option value=\"Maldives\">Maldives<\/option>\n              <option value=\"Mali\">Mali<\/option>\n              <option value=\"Malta\">Malta<\/option>\n              <option value=\"Marshall Islands\">Marshall Islands<\/option>\n              <option value=\"Mauritania\">Mauritania<\/option>\n              <option value=\"Mauritius\">Mauritius<\/option>\n              <option value=\"Mexico\">Mexico<\/option>\n              <option value=\"Micronesia\">Micronesia<\/option>\n              <option value=\"Moldova\">Moldova<\/option>\n              <option value=\"Monaco\">Monaco<\/option>\n              <option value=\"Mongolia\">Mongolia<\/option>\n              <option value=\"Montenegro\">Montenegro<\/option>\n              <option value=\"Morocco\">Morocco<\/option>\n              <option value=\"Mozambique\">Mozambique<\/option>\n              <option value=\"Myanmar\">Myanmar<\/option>\n              <option value=\"Namibia\">Namibia<\/option>\n              <option value=\"Nauru\">Nauru<\/option>\n              <option value=\"Nepal\">Nepal<\/option>\n              <option value=\"Netherlands\">Netherlands<\/option>\n              <option value=\"New Zealand\">New Zealand<\/option>\n              <option value=\"Nicaragua\">Nicaragua<\/option>\n              <option value=\"Niger\">Niger<\/option>\n              <option value=\"Nigeria\">Nigeria<\/option>\n              <option value=\"North Korea\">North Korea<\/option>\n              <option value=\"North Macedonia\">North Macedonia<\/option>\n              <option value=\"Norway\">Norway<\/option>\n              <option value=\"Oman\">Oman<\/option>\n              <option value=\"Pakistan\">Pakistan<\/option>\n              <option value=\"Palau\">Palau<\/option>\n              <option value=\"Palestine\">Palestine<\/option>\n              <option value=\"Panama\">Panama<\/option>\n              <option value=\"Papua New Guinea\">Papua New Guinea<\/option>\n              <option value=\"Paraguay\">Paraguay<\/option>\n              <option value=\"Peru\">Peru<\/option>\n              <option value=\"Philippines\">Philippines<\/option>\n              <option value=\"Poland\">Poland<\/option>\n              <option value=\"Portugal\">Portugal<\/option>\n              <option value=\"Qatar\">Qatar<\/option>\n              <option value=\"Romania\">Romania<\/option>\n              <option value=\"Russia\">Russia<\/option>\n              <option value=\"Rwanda\">Rwanda<\/option>\n              <option value=\"Saint Kitts and Nevis\">Saint Kitts and Nevis<\/option>\n              <option value=\"Saint Lucia\">Saint Lucia<\/option>\n              <option value=\"Saint Vincent and the Grenadines\">Saint Vincent and the Grenadines<\/option>\n              <option value=\"Samoa\">Samoa<\/option>\n              <option value=\"San Marino\">San Marino<\/option>\n              <option value=\"Sao Tome and Principe\">Sao Tome and Principe<\/option>\n              <option value=\"Saudi Arabia\">Saudi Arabia<\/option>\n              <option value=\"Senegal\">Senegal<\/option>\n              <option value=\"Serbia\">Serbia<\/option>\n              <option value=\"Seychelles\">Seychelles<\/option>\n              <option value=\"Sierra Leone\">Sierra Leone<\/option>\n              <option value=\"Singapore\">Singapore<\/option>\n              <option value=\"Slovakia\">Slovakia<\/option>\n              <option value=\"Slovenia\">Slovenia<\/option>\n              <option value=\"Solomon Islands\">Solomon Islands<\/option>\n              <option value=\"Somalia\">Somalia<\/option>\n              <option value=\"South Africa\">South Africa<\/option>\n              <option value=\"South Korea\">South Korea<\/option>\n              <option value=\"South Sudan\">South Sudan<\/option>\n              <option value=\"Spain\">Spain<\/option>\n              <option value=\"Sri Lanka\">Sri Lanka<\/option>\n              <option value=\"Sudan\">Sudan<\/option>\n              <option value=\"Suriname\">Suriname<\/option>\n              <option value=\"Sweden\">Sweden<\/option>\n              <option value=\"Switzerland\">Switzerland<\/option>\n              <option value=\"Syria\">Syria<\/option>\n              <option value=\"Taiwan\">Taiwan<\/option>\n              <option value=\"Tajikistan\">Tajikistan<\/option>\n              <option value=\"Tanzania\">Tanzania<\/option>\n              <option value=\"Thailand\">Thailand<\/option>\n              <option value=\"Timor-Leste\">Timor-Leste<\/option>\n              <option value=\"Togo\">Togo<\/option>\n              <option value=\"Tonga\">Tonga<\/option>\n              <option value=\"Trinidad and Tobago\">Trinidad and Tobago<\/option>\n              <option value=\"Tunisia\">Tunisia<\/option>\n              <option value=\"Turkey\">Turkey<\/option>\n              <option value=\"Turkmenistan\">Turkmenistan<\/option>\n              <option value=\"Tuvalu\">Tuvalu<\/option>\n              <option value=\"Uganda\">Uganda<\/option>\n              <option value=\"Ukraine\">Ukraine<\/option>\n              <option value=\"United Arab Emirates\">United Arab Emirates<\/option>\n              <option value=\"United Kingdom\">United Kingdom<\/option>\n              <option value=\"United States\">United States<\/option>\n              <option value=\"Uruguay\">Uruguay<\/option>\n              <option value=\"Uzbekistan\">Uzbekistan<\/option>\n              <option value=\"Vanuatu\">Vanuatu<\/option>\n              <option value=\"Vatican City\">Vatican City<\/option>\n              <option value=\"Venezuela\">Venezuela<\/option>\n              <option value=\"Vietnam\">Vietnam<\/option>\n              <option value=\"Yemen\">Yemen<\/option>\n              <option value=\"Zambia\">Zambia<\/option>\n              <option value=\"Zimbabwe\">Zimbabwe<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n\n        <div class=\"gp-consent-box\">\n          <input type=\"checkbox\" id=\"privacyConsent\" required=\"\">\n          <label for=\"privacyConsent\">I agree to the Privacy Policy and consent to my data being processed as described above.<\/label>\n        <\/div>\n\n        <div class=\"gp-button-stack\" style=\"margin-top: 24px;\">\n          <button type=\"submit\" class=\"gp-primary-btn\" id=\"submitLeadBtn\">\n            <span class=\"gp-btn-label\">Add My Impact to Global Tracker<\/span>\n            <span class=\"gp-btn-spinner\">Submitting\u2026<\/span>\n          <\/button>\n          <button type=\"button\" class=\"gp-secondary-link\" id=\"skipStep2Btn\">Skip \u2014 I&#8217;m already counted<\/button>\n          <button type=\"button\" class=\"gp-secondary-link\" id=\"goToStep1Btn\">\u2190 Adjust Amount<\/button>\n        <\/div>\n      <\/form>\n    <\/div>\n\n    <!-- STEP 3: Complete Panel -->\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 gp-eyebrow-planet\">Level 3 \u00b7 Complete<\/div>\n        <h3 class=\"gp-step-title\">Impact Successfully Saved!<\/h3>\n      <\/div>\n      <p class=\"gp-step-desc\">Your metric values are securely added. Spread the word to encourage others to analyze their assets and build cleaner pathways.<\/p>\n      <div class=\"gp-action-stack\">\n        <button type=\"button\" class=\"gp-share-btn btn-fb\" id=\"shareFbBtn\">Share on Facebook<\/button>\n        <button type=\"button\" class=\"gp-share-btn btn-x\" id=\"shareXBtn\">Share on X<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@700&display=swap');\n.gp-bankometer-container-fullwidth {\n  --gp-bg-deep: #2A2400; --gp-bg-deep2: #4D4400; --gp-green: #FFE600; --gp-green-dark: #CCA700;\n  --gp-gold: #FFE600; --gp-gold-soft: #FFF9CC; --gp-ink: #1A1700; --gp-muted: #665D29;\n  --gp-track: #F5F2D9; --gp-card: #FFFFFF; --gp-border: #D1CCA3;\n  font-family: 'Inter', sans-serif; width: 100%; max-width: 100%; margin: 1rem auto; text-align: center;\n}\n.gp-bankometer-container-fullwidth * { box-sizing: border-box; }\n.gp-counter-banner-full {\n  position: relative; overflow: hidden; background: radial-gradient(100% 150% at 50% -10%, var(--gp-bg-deep2) 0%, var(--gp-bg-deep) 70%, #121000 100%);\n  color: #ffffff; padding: 44px 28px 40px; border-radius: 20px 20px 0 0; border-bottom: 5px solid var(--gp-green);\n}\n.gp-banner-label-full { font-size: 14px; font-weight: 700; letter-spacing: 3px; color: var(--gp-gold-soft); text-transform: uppercase; }\n.gp-odometer-massive { font-family: 'JetBrains Mono', monospace; font-weight: 700; font-size: 46px; color: #ffffff; background: rgba(255, 255, 255, 0.06); border: 2px solid rgba(255, 230, 0, 0.55); border-radius: 14px; padding: 14px 36px; display: inline-block; margin: 18px 0; transition: transform 0.15s; }\n.gp-odometer-massive.gp-pulse { animation: totalPulse 0.5s ease; }\n@keyframes totalPulse { 0% { transform: scale(1); } 40% { transform: scale(1.05); } 100% { transform: scale(1); } }\n.gp-banner-sub-full { font-size: 16px; color: #E6E1C2; max-width: 560px; margin: 0 auto; line-height: 1.6; }\n.gp-quest-tracker { display: flex; align-items: center; justify-content: center; gap: 14px; background: var(--gp-bg-deep); padding: 16px 20px 20px; }\n.gp-quest-node { display: flex; flex-direction: column; align-items: center; gap: 6px; opacity: 0.45; }\n.gp-quest-node.active, .gp-quest-node.done { opacity: 1; }\n.gp-quest-dot { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; background: rgba(255,255,255,0.08); color: #ffffff; border: 1.5px solid rgba(255,255,255,0.25); }\n.gp-quest-node.active .gp-quest-dot { background: var(--gp-green); color: var(--gp-ink); border-color: var(--gp-green); }\n.gp-quest-label { font-size: 11px; font-weight: 700; text-transform: uppercase; color: #E6E1C2; }\n.gp-quest-line { width: 48px; height: 2px; background: rgba(255,255,255,0.18); margin-bottom: 18px; }\n.gp-quest-line.done { background: var(--gp-green); }\n.gp-card { width: 100%; background: var(--gp-card); border: 1px solid var(--gp-border); border-top: none; border-radius: 0 0 20px 20px; padding: 40px 36px; }\n.gp-step-panel { display: none; }\n.gp-step-panel.active { display: block; }\n.gp-eyebrow { font-size: 11px; font-weight: 700; color: var(--gp-bg-deep); background: rgba(77,68,0,0.1); padding: 6px 14px; border-radius: 20px; }\n.gp-step-title { font-family: 'Sora', sans-serif; font-size: 26px; font-weight: 700; margin: 12px 0; }\n.gp-step-desc { font-size: 15px; color: var(--gp-muted); margin-bottom: 26px; line-height: 1.6; }\n.gp-form-group { margin-bottom: 22px; }\n.highlighted-group { background: #FFFDF0; padding: 20px; border-radius: 14px; border: 1px solid var(--gp-border); }\n.gp-input-label { display: block; font-size: 15px; font-weight: 600; margin-bottom: 10px; }\n.gp-select-dropdown { width: 100%; padding: 14px; border: 1.5px solid var(--gp-border); border-radius: 12px; font-size: 15px; }\n.gp-input-wrapper-card { background: #FAF9F0; border: 1px solid var(--gp-border); border-radius: 16px; padding: 28px; margin-bottom: 24px; }\n.gp-exact-input-box { display: flex; align-items: stretch; border: 2px solid var(--gp-border); border-radius: 14px; background: #ffffff; max-width: 460px; margin: 0 auto; overflow: hidden; transition: border-color 0.15s, box-shadow 0.15s; }\n.gp-exact-input-box:focus-within { border-color: var(--gp-green-dark); box-shadow: 0 0 0 4px rgba(255,230,0,0.25); }\n.gp-exact-input-box input { flex: 1; border: none; padding: 18px 12px; font-size: 28px; font-weight: 800; text-align: center; outline: none; font-family: 'JetBrains Mono', monospace; min-width: 0; }\n.gp-currency-addon, .gp-code-addon { display: flex; align-items: center; padding: 0 18px; background: #FAF9E8; font-weight: 700; font-size: 15px; white-space: nowrap; }\n.gp-max-warning { font-size: 12.5px; color: #9A5B12; text-align: center; max-width: 420px; margin: 10px auto 0; line-height: 1.6; font-weight: 600; }\n.gp-toggle-wrapper { display: flex; background: var(--gp-track); padding: 3px; border-radius: 8px; max-width: 170px; margin: 0 auto; }\n.gp-toggle-btn { flex: 1; border: none; background: transparent; padding: 8px; font-weight: 700; font-size: 13px; cursor: pointer; }\n.gp-toggle-btn.active { background: var(--gp-bg-deep); color: #ffffff; border-radius: 6px; }\n.gp-consent-box { display: flex; align-items: flex-start; gap: 10px; margin: 22px 0 6px; text-align: left; }\n.gp-consent-box input[type=\"checkbox\"] { margin-top: 3px; width: 17px; height: 17px; flex-shrink: 0; accent-color: var(--gp-green-dark); cursor: pointer; }\n.gp-consent-box label { font-size: 12.5px; color: var(--gp-muted); line-height: 1.5; cursor: pointer; }\n.gp-live-metrics-box { background: #FFFDF2; border: 1px solid #EBE4B7; border-radius: 12px; max-width: 400px; margin: 0 auto 20px; padding: 15px; }\n.gp-metric-val { display: block; font-family: 'JetBrains Mono', monospace; font-size: 20px; font-weight: 700; }\n.gp-metric-lbl { display: block; font-size: 11px; color: var(--gp-muted); text-transform: uppercase; }\n.gp-form-row { display: flex; gap: 14px; margin-bottom: 14px; }\n.gp-form-field { flex: 1; text-align: left; }\n.gp-field-micro-label { display: block; font-size: 11px; font-weight: 700; color: var(--gp-muted); text-transform: uppercase; margin-bottom: 5px; }\n.gp-form-field input, .gp-form-field select { width: 100%; padding: 13px; border: 1.5px solid var(--gp-border); border-radius: 10px; font-size: 15px; }\n.gp-primary-btn { width: 100%; max-width: 380px; background: var(--gp-green); color: var(--gp-ink); border: none; border-radius: 12px; padding: 18px; font-size: 16px; font-weight: 700; cursor: pointer; transition: transform 0.1s, box-shadow 0.15s, opacity .15s; box-shadow: 0 4px 14px rgba(255,230,0,0.35); }\n.gp-primary-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(255,230,0,0.45); }\n.gp-primary-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; box-shadow: none; }\n.gp-btn-spinner { display: none; }\n.gp-primary-btn:disabled .gp-btn-label { display: none; }\n.gp-primary-btn:disabled .gp-btn-spinner { display: inline; }\n.gp-secondary-link { background: none; border: none; color: var(--gp-muted); cursor: pointer; margin-top: 10px; font-size: 14px; }\n.gp-action-stack { display: flex; flex-direction: column; gap: 12px; align-items: center; margin-top: 26px; width: 100%; }\n.gp-share-btn { width: 100%; max-width: 380px; padding: 15px; color: white; border: none; border-radius: 12px; font-weight: 700; font-size: 15px; margin-bottom: 10px; cursor: pointer; font-family: 'Sora', sans-serif; }\n.btn-fb { background: #1877F2; } .btn-x { background: #000000; }\n@media (max-width: 520px) {\n  .gp-form-row { flex-direction: column; }\n  .gp-odometer-massive { font-size: 34px; padding: 12px 22px; }\n  .gp-card { padding: 28px 20px; }\n  .gp-exact-input-box input { font-size: 24px; }\n}\n<\/style>\n\n<script>\n(function() {\n  if (window.__gpTayyibCounterInitEN) return;\n  window.__gpTayyibCounterInitEN = true;\n\n  \/\/ ===== Google Sheet: running total, fed ONLY by Step 1 (amount + currency) =====\n  const googleSheetWebhookUrl = \"https:\/\/script.google.com\/macros\/s\/AKfycbzJgNnSJcHM8o2J_yr0b0g4_StqYSWNY65_y8jBaJGxvbCSEJHmiUKxjcDunU1tu2SCDQ\/exec\";\n\n  \/\/ ===== HubSpot: fed ONLY by Step 2 (optional full profile), never the Sheet =====\n  const hubspotPortalId = \"24933598\";\n  const hubspotFormGuid = \"621c6a74-c8e3-4a95-ba79-1eeefe42ebc8\";\n  const hubspotSubmitEndpoint = `https:\/\/api-eu1.hsforms.com\/submissions\/v3\/integration\/submit\/${hubspotPortalId}\/${hubspotFormGuid}`;\n\n  \/\/ Maximum amount (USD equivalent) accepted per participant.\n  const MAX_AMOUNT_USD = 100000;\n\n  function getCookieValue(name) {\n    const match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));\n    return match ? decodeURIComponent(match[1]) : undefined;\n  }\n\n  \/\/ Standard HubSpot contact properties. If you want currency \/ amountUSD \/\n  \/\/ islamicPartnerState to land in HubSpot too, create matching custom\n  \/\/ contact properties there first and add them below using their internal\n  \/\/ property names.\n  \/\/\n  \/\/ IMPORTANT \u2014 GDPR \/ legal consent: if this form has GDPR options turned\n  \/\/ on in HubSpot (likely, given the visible privacy consent checkbox),\n  \/\/ the Forms API will silently REJECT submissions missing a matching\n  \/\/ legalConsentOptions block. Check HubSpot > Marketing > Forms > this\n  \/\/ form > Options \/ GDPR tab, and set includeLegalConsent = true + paste\n  \/\/ the exact configured text into CONSENT_TEXT if needed.\n  const includeLegalConsent = false;\n  const CONSENT_TEXT = \"I agree to allow [Company] to store and process my personal data.\";\n\n  async function submitToHubSpot(data) {\n    const fields = [\n      { name: 'firstname', value: data.firstName || '' },\n      { name: 'lastname', value: data.lastName || '' },\n      { name: 'email', value: data.email || '' },\n      { name: 'phone', value: data.phone || '' },\n      { name: 'country', value: data.country || '' }\n    ].filter(f => f.value !== '');\n\n    const body = {\n      fields: fields,\n      context: {\n        hutk: getCookieValue('hubspotutk'),\n        pageUri: window.location.href,\n        pageName: document.title\n      }\n    };\n\n    if (includeLegalConsent) {\n      body.legalConsentOptions = {\n        consent: { consentToProcess: true, text: CONSENT_TEXT, communications: [] }\n      };\n    }\n\n    try {\n      const res = await fetch(hubspotSubmitEndpoint, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application\/json' },\n        body: JSON.stringify(body)\n      });\n      const resText = await res.text();\n      if (!res.ok) {\n        console.error('HubSpot form submission REJECTED:', res.status, resText);\n      } else {\n        console.log('HubSpot form submission accepted:', resText);\n      }\n    } catch (err) {\n      console.error('HubSpot form submission network error:', err);\n    }\n  }\n\n  let totalCumulativePoolUSD = 0;\n  let currentCurrency = 'USD', currentExactValueLocal = 5000, islamicPartnerState = 'No';\n\n  const currencyConfig = {\n    USD: { rate: 1.0, symbol: '$' },\n    EUR: { rate: 1.08, symbol: '\u20ac' },\n    GBP: { rate: 1.27, symbol: '\u00a3' },\n    CAD: { rate: 0.73, symbol: '$' },\n    AUD: { rate: 0.66, symbol: '$' },\n    IDR: { rate: 0.0000625, symbol: 'Rp' },\n    MYR: { rate: 0.21, symbol: 'RM' },\n    TND: { rate: 0.32, symbol: '\u062f.\u062a' },\n    MAD: { rate: 0.10, symbol: '\u062f.\u0645.' },\n    DZD: { rate: 0.0074, symbol: '\u062f.\u062c' },\n    EGP: { rate: 0.021, symbol: '\u062c.\u0645' },\n    LYD: { rate: 0.21, symbol: '\u0644.\u062f' },\n    MRU: { rate: 0.025, symbol: '\u0643.\u0645' },\n    JOD: { rate: 1.41, symbol: '\u062f.\u0623' },\n    LBP: { rate: 0.000011, symbol: '\u0644.\u0644' },\n    SYP: { rate: 0.000077, symbol: '\u0644.\u0633' },\n    SAR: { rate: 0.27, symbol: '\u0631.\u0633' },\n    AED: { rate: 0.27, symbol: '\u062f.\u0625' },\n    QAR: { rate: 0.27, symbol: '\u0631.\u0642' },\n    KWD: { rate: 3.26, symbol: '\u062f.\u0643' },\n    BHD: { rate: 2.65, symbol: '\u062f.\u0628' },\n    OMR: { rate: 2.60, symbol: '\u0631.\u0639.' },\n    IQD: { rate: 0.00076, symbol: '\u0639.\u062f' },\n    YER: { rate: 0.0040, symbol: '\ufdfc' },\n    IRR: { rate: 0.000024, symbol: '\ufdfc' },\n    TRY: { rate: 0.031, symbol: '\u20ba' },\n    DJF: { rate: 0.0056, symbol: 'Fdj' }\n  };\n\n  const COUNTRY_TO_CURRENCY = {\n    US: 'USD', GB: 'GBP', CA: 'CAD', AU: 'AUD', ID: 'IDR', MY: 'MYR',\n    TN: 'TND', MA: 'MAD', DZ: 'DZD', EG: 'EGP', LY: 'LYD', MR: 'MRU',\n    JO: 'JOD', LB: 'LBP', SY: 'SYP', SA: 'SAR', AE: 'AED', QA: 'QAR',\n    KW: 'KWD', BH: 'BHD', OM: 'OMR', IQ: 'IQD', YE: 'YER', IR: 'IRR',\n    TR: 'TRY', DJ: 'DJF',\n    DE: 'EUR', FR: 'EUR', IT: 'EUR', ES: 'EUR', NL: 'EUR', BE: 'EUR',\n    AT: 'EUR', PT: 'EUR', IE: 'EUR', FI: 'EUR', GR: 'EUR', LU: 'EUR',\n    CY: 'EUR', MT: 'EUR', SK: 'EUR', SI: 'EUR', EE: 'EUR', LV: 'EUR',\n    LT: 'EUR', HR: 'EUR'\n  };\n\n  function detectDefaultCurrency() {\n    try {\n      const langs = (navigator.languages && navigator.languages.length) ? navigator.languages : [navigator.language || ''];\n      for (const lang of langs) {\n        const region = (lang.split('-')[1] || '').toUpperCase();\n        if (region && COUNTRY_TO_CURRENCY[region]) return COUNTRY_TO_CURRENCY[region];\n      }\n    } catch (e) { \/* ignore *\/ }\n    return 'USD';\n  }\n\n  function renderOdometer(pulse) {\n    const el = document.getElementById('grandTotalDisplaySimple');\n    el.textContent = '$' + Math.round(totalCumulativePoolUSD).toLocaleString('en-US');\n    if (pulse) {\n      el.classList.remove('gp-pulse');\n      void el.offsetWidth;\n      el.classList.add('gp-pulse');\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      console.warn('Could not load real total from Google Sheet, showing 0 until it connects.', err);\n      totalCumulativePoolUSD = 0;\n    }\n    renderOdometer(false);\n  }\n\n  function calculateMetrics() {\n    const cfg = currencyConfig[currentCurrency] || currencyConfig.USD;\n    return currentExactValueLocal * cfg.rate;\n  }\n\n  \/\/ Keeps the displayed local amount and its USD equivalent in sync with\n  \/\/ MAX_AMOUNT_USD. Called on every keystroke and every currency change,\n  \/\/ since the same local number means a different USD amount depending on\n  \/\/ the selected currency (e.g. 900,000 KWD vs 900,000 IDR).\n  function enforceMaxAmount() {\n    const cfg = currencyConfig[currentCurrency] || currencyConfig.USD;\n    const potentialUSD = currentExactValueLocal * cfg.rate;\n    const warningEl = document.getElementById('amountMaxWarning');\n\n    if (potentialUSD > MAX_AMOUNT_USD) {\n      currentExactValueLocal = Math.floor(MAX_AMOUNT_USD \/ cfg.rate);\n      const input = document.getElementById('exactIncomeInput');\n      if (input) input.value = currentExactValueLocal;\n      if (warningEl) warningEl.style.display = 'block';\n    } else if (warningEl) {\n      warningEl.style.display = 'none';\n    }\n  }\n\n  function handleCurrencyChange() {\n    currentCurrency = document.getElementById('currencySelect').value;\n    const cfg = currencyConfig[currentCurrency] || currencyConfig.USD;\n    document.getElementById('exactCurrencySymbol').innerHTML = cfg.symbol;\n    document.getElementById('exactCurrencyCode').innerHTML = currentCurrency;\n    enforceMaxAmount();\n  }\n\n  function setIslamicBank(state) {\n    islamicPartnerState = state;\n    document.getElementById('islamicYes').classList.toggle('active', state === 'Yes');\n    document.getElementById('islamicNo').classList.toggle('active', state === 'No');\n  }\n\n  function goToStep(stepNum) {\n    document.querySelectorAll('.gp-step-panel').forEach(p => p.classList.remove('active'));\n    document.getElementById('step' + stepNum).classList.add('active');\n  }\n\n  function shareOnFacebook() {\n    const shareUrl = window.location.href;\n    const quoteText = \"I just calculated my savings' impact! \ud83c\udf0d Join the movement.\";\n    window.open(`https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(shareUrl)}&quote=${encodeURIComponent(quoteText)}`, '_blank', 'width=600,height=400');\n  }\n\n  function shareOnX() {\n    const shareUrl = window.location.href;\n    const text = \" Did you know your hard-earned savings might be funding the coal industry? \ud83c\udf0d Measure yours too:\";\n    window.open(`https:\/\/twitter.com\/intent\/tweet?text=${encodeURIComponent(text)}&url=${encodeURIComponent(shareUrl)}&hashtags=Tayyib,Greenpeace`, '_blank', 'width=600,height=400');\n  }\n\n  function generateId() {\n    if (window.crypto && window.crypto.randomUUID) return window.crypto.randomUUID();\n    return 'usr_' + Date.now() + '_' + Math.random().toString(36).slice(2, 10);\n  }\n\n  \/\/ Persists a userId across visits via localStorage (works fine once this\n  \/\/ code runs on your real site). Falls back to a per-session in-memory id\n  \/\/ if localStorage isn't available (private browsing, sandboxed preview, etc.)\n  \/\/ so it never throws.\n  function getOrCreateUserId() {\n    const key = 'gp_tayyib_user_id';\n    try {\n      let id = localStorage.getItem(key);\n      if (!id) {\n        id = generateId();\n        localStorage.setItem(key, id);\n      }\n      return id;\n    } catch (e) {\n      if (!window.__gpFallbackUserId) window.__gpFallbackUserId = generateId();\n      return window.__gpFallbackUserId;\n    }\n  }\n\n  \/\/ STEP 1: fires the moment \"Submit your amount\" is clicked. This is the\n  \/\/ ONLY thing that writes to the Google Sheet \u2014 a new row, counted right\n  \/\/ away, before any personal info exists. Fire-and-forget: does not block\n  \/\/ the UI on the network round trip.\n  function sendAmountEntryToSheet(amountUSD, userId) {\n    const payload = {\n      language: 'en',\n      userId: userId,\n      currency: currentCurrency,\n      amountLocal: currentExactValueLocal,\n      amountUSD: Math.round(amountUSD),\n      islamicPartnerState: islamicPartnerState\n    };\n    return fetch(googleSheetWebhookUrl, {\n      method: 'POST', mode: 'no-cors',\n      headers: { 'Content-Type': 'application\/json' },\n      body: JSON.stringify(payload)\n    }).catch(err => console.warn('Amount entry sync failed:', err));\n  }\n\n  function bindEvents() {\n    document.getElementById('currencySelect').addEventListener('change', handleCurrencyChange);\n\n    const exactInput = document.getElementById('exactIncomeInput');\n    exactInput.addEventListener('input', (e) => {\n      const sanitized = e.target.value.replace(\/[^0-9]\/g, '');\n      if (sanitized !== e.target.value) e.target.value = sanitized;\n      currentExactValueLocal = parseFloat(sanitized) || 0;\n      enforceMaxAmount();\n    });\n\n    \/\/ STEP 1 -> Google Sheet only, then move to the optional Step 2.\n    \/\/ Non-blocking: the sheet write fires in the background so the user\n    \/\/ never waits on the network round trip.\n    document.getElementById('goToStep2Btn').addEventListener('click', () => {\n      const btn = document.getElementById('goToStep2Btn');\n      if (btn.disabled) return;\n      btn.disabled = true;\n\n      enforceMaxAmount(); \/\/ final safety check before submitting\n      const amountUSD = Math.min(calculateMetrics(), MAX_AMOUNT_USD);\n      sendAmountEntryToSheet(amountUSD, getOrCreateUserId());\n\n      \/\/ Optimistic UI: reflect the contribution immediately instead of\n      \/\/ waiting for a fresh fetch of the total. Reconciles quietly with\n      \/\/ the real total a moment later.\n      totalCumulativePoolUSD += amountUSD;\n      renderOdometer(true);\n      setTimeout(loadGrandTotal, 1500);\n\n      btn.disabled = false;\n      goToStep(2);\n    });\n\n    document.getElementById('goToStep1Btn').addEventListener('click', () => goToStep(1));\n    document.getElementById('skipStep2Btn').addEventListener('click', () => goToStep(3));\n    document.getElementById('islamicYes').addEventListener('click', () => setIslamicBank('Yes'));\n    document.getElementById('islamicNo').addEventListener('click', () => setIslamicBank('No'));\n    document.getElementById('shareFbBtn').addEventListener('click', shareOnFacebook);\n    document.getElementById('shareXBtn').addEventListener('click', shareOnX);\n\n    \/\/ STEP 2 (optional) -> HubSpot only. Sheet is never touched here.\n    document.getElementById('gpLeadForm').addEventListener('submit', async (e) => {\n      e.preventDefault();\n      const submitBtn = document.getElementById('submitLeadBtn');\n      if (submitBtn.disabled) return;\n      submitBtn.disabled = true;\n\n      const payload = {\n        firstName: document.getElementById('fName').value, lastName: document.getElementById('lName').value,\n        email: document.getElementById('emailAddr').value, phone: document.getElementById('phoneNum').value,\n        country: document.getElementById('countryIn').value\n      };\n\n      try {\n        await submitToHubSpot(payload);\n        goToStep(3);\n      } finally {\n        submitBtn.disabled = false;\n      }\n    });\n  }\n\n  function init() {\n    bindEvents();\n\n    const detected = detectDefaultCurrency();\n    const select = document.getElementById('currencySelect');\n    if (select.querySelector(`option[value=\"${detected}\"]`)) {\n      select.value = detected;\n    }\n\n    handleCurrencyChange();\n    loadGrandTotal();\n  }\n\n  if (document.readyState === 'interactive' || document.readyState === 'complete') {\n    init();\n  } else {\n    window.addEventListener('DOMContentLoaded', init);\n  }\n})();\n<\/script>\n<div class=\"has-custom-css wp-custom-css-423ed506\" data-render=\"planet4-blocks\/columns\" data-attributes=\"{&quot;attributes&quot;:{&quot;columns_block_style&quot;:&quot;icons&quot;,&quot;columns_title&quot;:&quot;&quot;,&quot;columns&quot;:[{&quot;title&quot;:&quot;Why Coal Specifically?&quot;,&quot;description&quot;:&quot;Coal actively harms health, the environment, and vulnerable communities. Just as Islamic finance evolved its screens to exclude harms like tobacco, it must now catch up to eliminate coal.&quot;,&quot;attachment&quot;:&quot;https:\\\/\\\/www.greenpeace.org\\\/static\\\/planet4-ummah-stateless\\\/2026\\\/08\\\/f22fea30-coal-150x150.png&quot;,&quot;cta_link&quot;:&quot;&quot;,&quot;cta_text&quot;:&quot;&quot;,&quot;link_new_tab&quot;:false,&quot;attachment_srcset&quot;:&quot;https:\\\/\\\/www.greenpeace.org\\\/static\\\/planet4-ummah-stateless\\\/2026\\\/08\\\/f22fea30-coal-150x150.png 150w, https:\\\/\\\/www.greenpeace.org\\\/static\\\/planet4-ummah-stateless\\\/2026\\\/08\\\/f22fea30-coal-300x300.png 300w, https:\\\/\\\/www.greenpeace.org\\\/static\\\/planet4-ummah-stateless\\\/2026\\\/08\\\/f22fea30-coal-340x340.png 340w, https:\\\/\\\/www.greenpeace.org\\\/static\\\/planet4-ummah-stateless\\\/2026\\\/08\\\/f22fea30-coal.png 512w&quot;},{&quot;title&quot;:&quot;What Does \\&quot;Tayyib\\&quot; Mean Here?&quot;,&quot;description&quot;:&quot;Halal sets the legal floor, Tayyib invites us to build upon it. It is an active choice toward what is pure and wholesome, guided by the Islamic principles of stewardship, balance, and wisdom.&lt;br&gt;&quot;,&quot;attachment&quot;:&quot;https:\\\/\\\/www.greenpeace.org\\\/static\\\/planet4-ummah-stateless\\\/2026\\\/08\\\/ec3dd63a-6959474-150x150.png&quot;,&quot;cta_link&quot;:&quot;&quot;,&quot;cta_text&quot;:&quot;&quot;,&quot;link_new_tab&quot;:false,&quot;attachment_srcset&quot;:&quot;https:\\\/\\\/www.greenpeace.org\\\/static\\\/planet4-ummah-stateless\\\/2026\\\/08\\\/ec3dd63a-6959474-150x150.png 150w, https:\\\/\\\/www.greenpeace.org\\\/static\\\/planet4-ummah-stateless\\\/2026\\\/08\\\/ec3dd63a-6959474.png 256w&quot;},{&quot;title&quot;:&quot;What Will Change?&quot;,&quot;description&quot;:&quot;Your participation adds to a powerful collective movement. It demonstrates real market demand, showing Islamic financial institutions that people require clean and coal-free investments that benefit our health and the planet.&quot;,&quot;attachment&quot;:&quot;https:\\\/\\\/www.greenpeace.org\\\/static\\\/planet4-ummah-stateless\\\/2026\\\/08\\\/a14e5b0f-7799389-150x150.png&quot;,&quot;cta_link&quot;:&quot;&quot;,&quot;cta_text&quot;:&quot;&quot;,&quot;link_new_tab&quot;:false,&quot;attachment_srcset&quot;:&quot;https:\\\/\\\/www.greenpeace.org\\\/static\\\/planet4-ummah-stateless\\\/2026\\\/08\\\/a14e5b0f-7799389-150x150.png 150w, https:\\\/\\\/www.greenpeace.org\\\/static\\\/planet4-ummah-stateless\\\/2026\\\/08\\\/a14e5b0f-7799389-300x300.png 300w, https:\\\/\\\/www.greenpeace.org\\\/static\\\/planet4-ummah-stateless\\\/2026\\\/08\\\/a14e5b0f-7799389-340x340.png 340w, https:\\\/\\\/www.greenpeace.org\\\/static\\\/planet4-ummah-stateless\\\/2026\\\/08\\\/a14e5b0f-7799389.png 512w&quot;}],&quot;className&quot;:&quot;center-column-content wp-custom-css-423ed506&quot;,&quot;style&quot;:{&quot;css&quot;:&quot;.center-column-content,\\n.center-column-content .wp-block-column,\\n.center-column-content p,\\n.center-column-content h1,\\n.center-column-content h2,\\n.center-column-content h3,\\n.center-column-content h4 {\\n  text-align: center !important;\\n  display: flex !important;\\n  flex-direction: column !important;\\n  align-items: center !important;\\n  justify-content: center !important;\\n}\\n\\n.center-column-content img,\\n.center-column-content figure {\\n  margin-left: auto !important;\\n  margin-right: auto !important;\\n}&quot;}}}\"><\/div>\n<style>\n  .p4-full-card-en {\n    background: #ffffff;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    direction: ltr;\n    text-align: left;\n    font-family: inherit;\n    margin: 20px 0;\n    width: 100%;\n    font-size: inherit;\n  }\n\n  \/* Full Width Top Banner *\/\n  .p4-top-banner-en {\n    background: #111111;\n    color: #ffffff;\n    padding: 32px 28px;\n    border-bottom: 5px solid #118040;\n    text-align: center;\n  }\n\n  .p4-top-banner-en h3 {\n    color: #ffffff;\n    font-size: inherit;\n    font-weight: 700;\n    line-height: 1.6;\n    margin: 0;\n    font-family: inherit;\n  }\n\n  \/* Full Width Content Body *\/\n  .p4-full-content-en {\n    padding: 32px 28px;\n    background: #fafafa;\n    font-size: inherit;\n  }\n\n  .p4-full-intro-en {\n    font-size: inherit;\n    line-height: 1.7;\n    color: #333333;\n    margin-bottom: 24px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid #e5e5e5;\n    font-family: inherit;\n  }\n\n  \/* Pillar Grid Items *\/\n  .p4-pillar-list-en {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .p4-pillar-item-en {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    background: #ffffff;\n    padding: 16px 20px;\n    border-radius: 8px;\n    border-left: 4px solid #118040;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.03);\n  }\n\n  .p4-pillar-icon-en {\n    font-size: inherit;\n    line-height: 1;\n    margin-top: 2px;\n  }\n\n  .p4-pillar-text-en {\n    font-size: inherit;\n    line-height: 1.6;\n    color: #444444;\n    font-family: inherit;\n  }\n\n  .p4-pillar-action-en {\n    display: inline-block;\n    font-weight: 700;\n    color: #118040;\n    margin-top: 4px;\n    font-size: inherit;\n    font-family: inherit;\n  }\n<\/style>\n\n<div class=\"p4-full-card-en\">\n  <!-- Top Banner -->\n  <div class=\"p4-top-banner-en\">\n    <h3>This is an invitation for Islamic Finance Institutions to transition from coal to renewable energy, aligning wealth with Islamic principles of stewardship, balance, and wisdom.<\/h3>\n  <\/div>\n\n  <!-- Full Width Content Body -->\n  <div class=\"p4-full-content-en\">\n    <div class=\"p4-full-intro-en\">\n      Envision a future where wealth is directed into:\n    <\/div>\n\n    <div class=\"p4-pillar-list-en\">\n      <div class=\"p4-pillar-item-en\">\n        <span class=\"p4-pillar-icon-en\">\ud83d\udc9a<\/span>\n        <div class=\"p4-pillar-text-en\">\n          Honoring values and reflecting our duty as stewards on this Earth.<br>\n          <span class=\"p4-pillar-action-en\">\u2192 Put your money where your heart is!<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"p4-pillar-item-en\">\n        <span class=\"p4-pillar-icon-en\">\ud83d\udee1\ufe0f<\/span>\n        <div class=\"p4-pillar-text-en\">\n          Protecting human life from the profound harms of pollution.<br>\n          <span class=\"p4-pillar-action-en\">\u2192 Put your money where your health is!<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"p4-pillar-item-en\">\n        <span class=\"p4-pillar-icon-en\">\ud83d\udca1<\/span>\n        <div class=\"p4-pillar-text-en\">\n          Investing in economies that directly benefit the people and the planet.<br>\n          <span class=\"p4-pillar-action-en\">\u2192 Put your money where your head is!<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"p4-pillar-item-en\">\n        <span class=\"p4-pillar-icon-en\">\ud83c\udf31<\/span>\n        <div class=\"p4-pillar-text-en\">\n          Building a sustainable and Tayyib-inspired life for the next generations.<br>\n          <span class=\"p4-pillar-action-en\">\u2192 Put your money where your Future is!<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-cta\"><a class=\"wp-block-button__link wp-element-button\" href=\"#counter\">Joining my voice now \ud83d\udce2<\/a><\/div>\n<\/div>\n\n<style>\n  \/* Hide the top header and navigation bar on Planet 4 *\/\n  header.site-header,\n  .top-navigation,\n  .nav-annotation,\n  .site-header,\n  #header-menu,\n  .header-menu,\n  .header__menu,\n  .header-main {\n    display: none !important;\n  }\n\n  \/* Remove default top padding\/margin caused by the header space *\/\n  body, \n  #page, \n  .site-content, \n  main {\n    padding-top: 0 !important;\n    margin-top: 0 !important;\n  }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Do your banks fund coal or a cleaner tomorrow? Add your voice to the &#8220;Tayyib Counter&#8221; $0 Total savings declared 0 people have joined so far Do your banks fund coal or a cleaner tomorrow? The Tayyib Counter measures the collective power of our capital, showing Islamic financial institutions that we demand ethical investments aligned [&hellip;]<\/p>\n","protected":false},"author":33,"featured_media":14777,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ep_exclude_from_search":false,"p4_hide_page_title_checkbox":"on","p4_title":"","p4_subtitle":"","p4_description":"","background_image_id":"","background_image":"","p4_button_title":"","p4_button_link":"","p4_button_link_checkbox":"","p4_og_title":"","p4_og_description":"","p4_og_image":"https:\/\/www.greenpeace.org\/static\/planet4-ummah-stateless\/2026\/07\/9396cb92-coal-landing-page-eng-u4e.jpg","p4_og_image_id":"14753","p4_seo_canonical_url":"","p4_campaign_name":"Ummah for Earth","p4_local_project":"","p4_basket_name":"","p4_department":"","footnotes":""},"categories":[35],"tags":[],"class_list":["post-14519","page","type-page","status-publish","has-post-thumbnail","hentry","category-ummah-for-earth-en"],"_links":{"self":[{"href":"https:\/\/ummah4earth.org\/en\/wp-json\/wp\/v2\/pages\/14519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ummah4earth.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ummah4earth.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ummah4earth.org\/en\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/ummah4earth.org\/en\/wp-json\/wp\/v2\/comments?post=14519"}],"version-history":[{"count":20,"href":"https:\/\/ummah4earth.org\/en\/wp-json\/wp\/v2\/pages\/14519\/revisions"}],"predecessor-version":[{"id":15042,"href":"https:\/\/ummah4earth.org\/en\/wp-json\/wp\/v2\/pages\/14519\/revisions\/15042"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ummah4earth.org\/en\/wp-json\/wp\/v2\/media\/14777"}],"wp:attachment":[{"href":"https:\/\/ummah4earth.org\/en\/wp-json\/wp\/v2\/media?parent=14519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ummah4earth.org\/en\/wp-json\/wp\/v2\/categories?post=14519"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ummah4earth.org\/en\/wp-json\/wp\/v2\/tags?post=14519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}