{"id":13,"date":"2026-07-14T02:16:34","date_gmt":"2026-07-14T02:16:34","guid":{"rendered":"https:\/\/gfss-jwt.eu\/bp\/?page_id=13"},"modified":"2026-07-30T03:26:32","modified_gmt":"2026-07-30T03:26:32","slug":"home","status":"publish","type":"page","link":"https:\/\/gfss-jwt.eu\/bp\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\n\n \n \n \n \ud83c\udf3f JWT Dream.ZONE - GFSS Investment Calculator<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\"\n rel=\"stylesheet\"\n \/>\n <style>\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n :root {\n --green: #1a4d2e;\n --green-light: #2d6b45;\n --green-dark: #0f2d1a;\n --green-bg: #e8f5ee;\n --gold: #c9a84c;\n --gold-light: #e0c06a;\n --gold-bg: #fdf8ee;\n --white: #ffffff;\n --gray-50: #f5f5f5;\n --gray-100: #f0f0f0;\n --gray-200: #e0e0e0;\n --gray-400: #9e9e9e;\n --gray-600: #616161;\n --gray-800: #212121;\n --shadow-sm:\n 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);\n --shadow-md:\n 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);\n --shadow-lg:\n 0 10px 15px rgba(0, 0, 0, 0.07), 0 4px 6px rgba(0, 0, 0, 0.05);\n --radius: 12px;\n --radius-sm: 8px;\n --radius-lg: 16px;\n }\n\n body {\n font-family:\n \"Inter\",\n system-ui,\n -apple-system,\n sans-serif;\n background: var(--gray-50);\n color: var(--gray-800);\n line-height: 1.5;\n min-height: 100vh;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n .header {\n background: linear-gradient(\n 135deg,\n var(--green-dark) 0%,\n var(--green) 60%,\n var(--green-light) 100%\n );\n padding: 48px 24px 52px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .header::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(\n ellipse at 70% 50%,\n rgba(201, 168, 76, 0.12) 0%,\n transparent 60%\n );\n }\n .header-brand {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: rgba(255, 255, 255, 0.12);\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 50px;\n padding: 10px 24px;\n margin-bottom: 20px;\n backdrop-filter: blur(8px);\n }\n .header-brand .leaf {\n font-size: 22px;\n }\n .header-brand h1 {\n font-size: 26px;\n font-weight: 800;\n color: var(--white);\n letter-spacing: -0.5px;\n }\n .header-subtitle {\n font-size: 17px;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.88);\n margin-bottom: 28px;\n letter-spacing: 0.2px;\n }\n .header-badges {\n display: flex;\n justify-content: center;\n gap: 12px;\n flex-wrap: wrap;\n }\n .badge {\n background: rgba(255, 255, 255, 0.15);\n border: 1px solid rgba(255, 255, 255, 0.25);\n color: var(--white);\n padding: 7px 18px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.3px;\n display: flex;\n align-items: center;\n gap: 7px;\n }\n .badge-icon {\n font-size: 15px;\n }\n\n \/* \u2500\u2500 MAIN LAYOUT \u2500\u2500 *\/\n .main {\n max-width: 1100px;\n margin: 0 auto;\n padding: 32px 20px 60px;\n }\n\n \/* \u2500\u2500 CARDS \u2500\u2500 *\/\n .card {\n background: var(--white);\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-md);\n padding: 28px 32px;\n margin-bottom: 24px;\n }\n .card-title {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 18px;\n font-weight: 700;\n color: var(--green-dark);\n margin-bottom: 24px;\n padding-bottom: 16px;\n border-bottom: 2px solid var(--green-bg);\n }\n .card-title-icon {\n width: 36px;\n height: 36px;\n background: var(--green-bg);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n }\n\n \/* \u2500\u2500 FORM ELEMENTS \u2500\u2500 *\/\n .form-grid {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 20px;\n align-items: start;\n }\n .form-group {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .form-label {\n font-size: 13px;\n font-weight: 600;\n color: var(--gray-600);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n .form-control {\n width: 100%;\n padding: 11px 14px;\n border: 1.5px solid var(--gray-200);\n border-radius: var(--radius-sm);\n font-family: inherit;\n font-size: 15px;\n color: var(--gray-800);\n background: var(--white);\n transition: border-color 0.2s;\n appearance: none;\n -webkit-appearance: none;\n }\n .form-control:focus {\n outline: none;\n border-color: var(--green);\n box-shadow: 0 0 0 3px rgba(26, 77, 46, 0.1);\n }\n select.form-control {\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23616161' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 12px center;\n padding-right: 36px;\n cursor: pointer;\n }\n\n .slider-wrapper {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .slider-labels {\n display: flex;\n justify-content: space-between;\n font-size: 12px;\n color: var(--gray-400);\n }\n .slider-value-display {\n font-size: 22px;\n font-weight: 800;\n color: var(--green);\n text-align: right;\n line-height: 1;\n }\n .slider-value-sub {\n font-size: 12px;\n font-weight: 500;\n color: var(--gray-400);\n text-align: right;\n }\n input[type=\"range\"] {\n -webkit-appearance: none;\n width: 100%;\n height: 6px;\n background: var(--gray-200);\n border-radius: 3px;\n cursor: pointer;\n outline: none;\n }\n input[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--green);\n border: 3px solid var(--white);\n box-shadow:\n 0 0 0 2px var(--green),\n var(--shadow-sm);\n cursor: pointer;\n }\n input[type=\"range\"]::-moz-range-thumb {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--green);\n border: 3px solid var(--white);\n box-shadow: 0 0 0 2px var(--green);\n cursor: pointer;\n }\n\n .factor-display {\n margin-top: 16px;\n background: var(--green-bg);\n border: 1px solid rgba(26, 77, 46, 0.15);\n border-radius: var(--radius-sm);\n padding: 14px 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .factor-label {\n font-size: 14px;\n color: var(--green);\n font-weight: 500;\n }\n .factor-value {\n font-size: 28px;\n font-weight: 800;\n color: var(--green);\n letter-spacing: -0.5px;\n }\n\n \/* \u2500\u2500 PROJECT CARDS \u2500\u2500 *\/\n .project-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 14px;\n }\n .project-card {\n border: 2px solid var(--gray-200);\n border-radius: var(--radius);\n padding: 16px;\n cursor: pointer;\n transition: all 0.18s ease;\n position: relative;\n background: var(--white);\n user-select: none;\n }\n .project-card:hover {\n border-color: var(--green-light);\n background: var(--green-bg);\n transform: translateY(-1px);\n box-shadow: var(--shadow-md);\n }\n .project-card.selected {\n border-color: var(--gold);\n background: var(--gold-bg);\n box-shadow:\n 0 0 0 3px rgba(201, 168, 76, 0.25),\n var(--shadow-md);\n }\n .project-card-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 8px;\n }\n .project-code {\n font-size: 11px;\n font-weight: 700;\n color: var(--gray-400);\n letter-spacing: 1px;\n text-transform: uppercase;\n background: var(--gray-100);\n padding: 3px 8px;\n border-radius: 4px;\n }\n .project-card.selected .project-code {\n background: rgba(201, 168, 76, 0.2);\n color: var(--gold);\n }\n .project-leaf {\n color: var(--green-light);\n font-size: 18px;\n opacity: 0.6;\n }\n .project-card.selected .project-leaf {\n color: var(--gold);\n opacity: 1;\n }\n .project-name {\n font-size: 15px;\n font-weight: 700;\n color: var(--gray-800);\n margin-bottom: 6px;\n }\n .project-value {\n font-size: 20px;\n font-weight: 800;\n color: var(--green);\n }\n .project-card.selected .project-value {\n color: var(--gold);\n }\n .project-value-sub {\n font-size: 11px;\n color: var(--gray-400);\n }\n .selected-check {\n position: absolute;\n top: 10px;\n right: 10px;\n width: 20px;\n height: 20px;\n background: var(--gold);\n border-radius: 50%;\n display: none;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 12px;\n font-weight: 700;\n }\n .project-card.selected .selected-check {\n display: flex;\n }\n\n .systemic-label {\n font-size: 12px;\n font-weight: 700;\n color: var(--gray-400);\n text-transform: uppercase;\n letter-spacing: 0.8px;\n margin: 20px 0 12px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n .systemic-label::before,\n .systemic-label::after {\n content: \"\";\n flex: 1;\n height: 1px;\n background: var(--gray-200);\n }\n\n \/* \u2500\u2500 CONTRACT CARDS \u2500\u2500 *\/\n .contract-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n }\n .contract-card {\n border: 2px solid var(--gray-200);\n border-radius: var(--radius);\n padding: 18px 20px;\n cursor: pointer;\n transition: all 0.18s ease;\n display: flex;\n align-items: center;\n gap: 14px;\n background: var(--white);\n user-select: none;\n }\n .contract-card:hover {\n border-color: var(--green-light);\n background: var(--green-bg);\n }\n .contract-card.selected {\n border-color: var(--green);\n background: var(--green-bg);\n box-shadow:\n 0 0 0 3px rgba(26, 77, 46, 0.12),\n var(--shadow-md);\n }\n .contract-radio {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid var(--gray-300);\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.15s;\n }\n .contract-card.selected .contract-radio {\n border-color: var(--green);\n background: var(--green);\n }\n .contract-radio-dot {\n width: 8px;\n height: 8px;\n background: white;\n border-radius: 50%;\n display: none;\n }\n .contract-card.selected .contract-radio-dot {\n display: block;\n }\n .contract-info {\n flex: 1;\n }\n .contract-name {\n font-size: 15px;\n font-weight: 700;\n color: var(--gray-800);\n }\n .contract-card.selected .contract-name {\n color: var(--green-dark);\n }\n .contract-pct {\n font-size: 13px;\n color: var(--gray-400);\n margin-top: 2px;\n }\n .contract-card.selected .contract-pct {\n color: var(--green);\n font-weight: 500;\n }\n .contract-icon {\n font-size: 24px;\n }\n .contract-tag {\n font-size: 11px;\n background: var(--green-bg);\n color: var(--green);\n padding: 3px 8px;\n border-radius: 4px;\n font-weight: 600;\n margin-top: 4px;\n display: inline-block;\n }\n\n \/* \u2500\u2500 RESULTS \u2500\u2500 *\/\n .results-meta {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n margin-bottom: 24px;\n }\n .meta-item {\n background: var(--gray-50);\n border-radius: var(--radius-sm);\n padding: 12px 16px;\n border-left: 3px solid var(--green);\n }\n .meta-label {\n font-size: 11px;\n font-weight: 600;\n color: var(--gray-400);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 4px;\n }\n .meta-value {\n font-size: 14px;\n font-weight: 600;\n color: var(--gray-800);\n }\n\n .dz-value-box {\n background: linear-gradient(\n 135deg,\n var(--green-dark) 0%,\n var(--green) 100%\n );\n border-radius: var(--radius);\n padding: 20px 24px;\n margin-bottom: 24px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 12px;\n }\n .dz-label {\n font-size: 13px;\n color: rgba(255, 255, 255, 0.75);\n font-weight: 500;\n margin-bottom: 4px;\n }\n .dz-value-m {\n font-size: 32px;\n font-weight: 800;\n color: var(--gold);\n letter-spacing: -1px;\n }\n .dz-value-euro {\n font-size: 18px;\n font-weight: 600;\n color: rgba(255, 255, 255, 0.9);\n }\n .dz-formula {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.5);\n margin-top: 6px;\n font-family: monospace;\n }\n\n \/* \u2500\u2500 TABLE \u2500\u2500 *\/\n .table-wrap {\n overflow-x: auto;\n border-radius: var(--radius-sm);\n border: 1px solid var(--gray-200);\n margin-bottom: 20px;\n }\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 13.5px;\n }\n thead tr {\n background: var(--green);\n }\n thead th {\n padding: 13px 14px;\n text-align: left;\n color: white;\n font-weight: 600;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n white-space: nowrap;\n }\n tbody tr {\n border-bottom: 1px solid var(--gray-100);\n transition: background 0.15s;\n }\n tbody tr:last-child {\n border-bottom: none;\n }\n tbody tr:hover {\n background: var(--gray-50);\n }\n tbody tr.row-selected {\n background: var(--gold-bg);\n }\n td {\n padding: 13px 14px;\n color: var(--gray-800);\n white-space: nowrap;\n }\n td.td-type {\n font-weight: 700;\n color: var(--green-dark);\n }\n tbody tr.row-selected td.td-type {\n color: var(--gold);\n }\n td.td-amount {\n font-weight: 600;\n font-family: \"Inter\", monospace;\n }\n td.td-irr {\n font-weight: 700;\n color: var(--green);\n }\n td.td-nft {\n font-family: monospace;\n font-size: 12px;\n color: var(--gray-600);\n letter-spacing: 0.3px;\n }\n tbody tr.row-selected td.td-nft {\n color: var(--green-dark);\n font-weight: 600;\n }\n\n \/* \u2500\u2500 NFT CODE BOX \u2500\u2500 *\/\n .nft-box {\n background: var(--green-bg);\n border: 1px solid rgba(26, 77, 46, 0.2);\n border-radius: var(--radius);\n padding: 20px 24px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 16px;\n margin-bottom: 16px;\n }\n .nft-info {\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n .nft-label {\n font-size: 12px;\n font-weight: 600;\n color: var(--gray-400);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n .nft-code {\n font-size: 26px;\n font-weight: 800;\n font-family: \"Courier New\", monospace;\n color: var(--green-dark);\n letter-spacing: 1.5px;\n }\n .nft-due {\n font-size: 13px;\n color: var(--gray-600);\n margin-top: 4px;\n }\n .nft-due strong {\n color: var(--green-dark);\n }\n .btn-copy {\n display: flex;\n align-items: center;\n gap: 8px;\n background: var(--green);\n color: white;\n border: none;\n border-radius: var(--radius-sm);\n padding: 12px 22px;\n font-size: 14px;\n font-weight: 700;\n font-family: inherit;\n cursor: pointer;\n transition: all 0.15s;\n flex-shrink: 0;\n }\n .btn-copy:hover {\n background: var(--green-dark);\n transform: translateY(-1px);\n box-shadow: var(--shadow-md);\n }\n .btn-copy:active {\n transform: translateY(0);\n }\n .btn-copy svg {\n width: 16px;\n height: 16px;\n }\n\n \/* \u2500\u2500 BROKER SECTION \u2500\u2500 *\/\n .broker-card {\n background: linear-gradient(\n 135deg,\n var(--green-dark) 0%,\n var(--green) 100%\n );\n border-radius: var(--radius-lg);\n padding: 36px 32px;\n margin-bottom: 24px;\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 24px;\n align-items: center;\n }\n .broker-title {\n font-size: 24px;\n font-weight: 800;\n color: var(--white);\n margin-bottom: 6px;\n }\n .broker-sub {\n font-size: 15px;\n color: rgba(255, 255, 255, 0.75);\n margin-bottom: 20px;\n }\n .broker-commissions {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .broker-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 8px;\n padding: 10px 16px;\n gap: 24px;\n }\n .broker-type {\n font-size: 13px;\n color: rgba(255, 255, 255, 0.75);\n font-weight: 500;\n }\n .broker-amount {\n font-size: 16px;\n font-weight: 800;\n color: var(--gold);\n }\n .broker-fee {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.45);\n }\n .btn-broker {\n background: var(--gold);\n color: var(--green-dark);\n border: none;\n border-radius: var(--radius-sm);\n padding: 16px 32px;\n font-size: 16px;\n font-weight: 800;\n font-family: inherit;\n cursor: pointer;\n transition: all 0.15s;\n white-space: nowrap;\n }\n .btn-broker:hover {\n background: var(--gold-light);\n transform: translateY(-2px);\n box-shadow: var(--shadow-lg);\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--green-dark);\n color: rgba(255, 255, 255, 0.7);\n text-align: center;\n padding: 32px 24px;\n }\n footer p {\n font-size: 14px;\n margin-bottom: 6px;\n }\n footer .footer-tagline {\n color: var(--gold);\n font-weight: 600;\n font-size: 13px;\n }\n\n \/* \u2500\u2500 TOAST \u2500\u2500 *\/\n .toast-notification {\n position: fixed;\n bottom: 24px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--green-dark);\n color: white;\n padding: 12px 24px;\n border-radius: 50px;\n font-size: 14px;\n font-weight: 600;\n font-family: inherit;\n z-index: 9999;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);\n animation: slideUp 0.25s ease;\n white-space: nowrap;\n }\n @keyframes slideUp {\n from {\n opacity: 0;\n transform: translateX(-50%) translateY(12px);\n }\n to {\n opacity: 1;\n transform: translateX(-50%) translateY(0);\n }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 768px) {\n .header {\n padding: 36px 16px 40px;\n }\n .header-brand h1 {\n font-size: 20px;\n }\n .header-subtitle {\n font-size: 14px;\n }\n .card {\n padding: 20px 16px;\n }\n .form-grid {\n grid-template-columns: 1fr;\n }\n .project-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .contract-grid {\n grid-template-columns: 1fr;\n }\n .results-meta {\n grid-template-columns: 1fr;\n }\n .broker-card {\n grid-template-columns: 1fr;\n }\n .nft-box {\n flex-direction: column;\n align-items: flex-start;\n }\n .btn-copy {\n width: 100%;\n justify-content: center;\n }\n .dz-value-m {\n font-size: 26px;\n }\n .nft-code {\n font-size: 20px;\n }\n }\n @media (max-width: 480px) {\n .project-grid {\n grid-template-columns: 1fr;\n }\n .badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n .header-badges {\n gap: 8px;\n }\n }\n\n @media print {\n .btn-copy,\n .btn-broker,\n .toast-notification {\n display: none !important;\n }\n .card {\n box-shadow: none;\n border: 1px solid #ddd;\n }\n .header {\n print-color-adjust: exact;\n -webkit-print-color-adjust: exact;\n }\n }\n\n \/* \u2500\u2500 PROPOSAL GENERATOR \u2500\u2500 *\/\n .proposal-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\n .proposal-grid .span2 {\n grid-column: 1 \/ -1;\n }\n .proposal-actions {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n flex-wrap: wrap;\n }\n .btn-primary {\n display: flex;\n align-items: center;\n gap: 8px;\n background: var(--green);\n color: white;\n border: none;\n border-radius: var(--radius-sm);\n padding: 13px 26px;\n font-size: 15px;\n font-weight: 700;\n font-family: inherit;\n cursor: pointer;\n transition: all 0.15s;\n }\n .btn-primary:hover {\n background: var(--green-dark);\n transform: translateY(-1px);\n box-shadow: var(--shadow-md);\n }\n .btn-secondary {\n display: flex;\n align-items: center;\n gap: 8px;\n background: var(--white);\n color: var(--gray-600);\n border: 1.5px solid var(--gray-200);\n border-radius: var(--radius-sm);\n padding: 13px 22px;\n font-size: 15px;\n font-weight: 600;\n font-family: inherit;\n cursor: pointer;\n transition: all 0.15s;\n }\n .btn-secondary:hover {\n border-color: var(--green);\n color: var(--green);\n background: var(--green-bg);\n }\n .autofill-badge {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: var(--green);\n background: var(--green-bg);\n border: 1px solid rgba(26, 77, 46, 0.2);\n padding: 3px 10px;\n border-radius: 20px;\n display: inline-block;\n margin-top: 6px;\n }\n\n \/* \u2500\u2500 LEGAL NOTICE \u2500\u2500 *\/\n .legal-notice {\n background: var(--gray-50);\n border: 1px solid var(--gray-200);\n border-radius: var(--radius-sm);\n padding: 16px 20px;\n font-size: 11px;\n color: var(--gray-600);\n line-height: 1.7;\n margin-top: 16px;\n }\n .legal-notice strong {\n color: var(--gray-800);\n }\n <\/style>\n <\/head>\n <body>\n <!-- HEADER -->\n <header class=\"header\">\n <div class=\"header-brand\">\n <span class=\"leaf\">\ud83c\udf3f<\/span>\n <h1>JWT Dream.ZONE - GFSS Investment Calculator<\/h1>\n <\/div>\n <p class=\"header-subtitle\">\n GREEN Industrial Property Rights — Tokenized for the World\n <\/p>\n <div class=\"header-badges\">\n <span class=\"badge\"><span class=\"badge-icon\">\ud83c\udf0d<\/span> 3 Markets<\/span>\n <span class=\"badge\"><span class=\"badge-icon\">\ud83d\udc65<\/span> 1M+ People<\/span>\n <span class=\"badge\"\n ><span class=\"badge-icon\">\ud83c\udfc6<\/span> 10% Success Fee<\/span\n >\n <\/div>\n <\/header>\n\n <main class=\"main\">\n <!-- SECTION 2: LOCATION SELECTOR -->\n <div class=\"card\">\n <div class=\"card-title\">\n <div class=\"card-title-icon\">\ud83d\udccd<\/div>\n Select Your Dream.ZONE\n <\/div>\n <div class=\"form-grid\">\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"country-select\">Country<\/label>\n <select\n class=\"form-control\"\n id=\"country-select\"\n onchange=\"updateCalculator()\"\n ><\/select>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"city-input\">City<\/label>\n <input\n class=\"form-control\"\n type=\"text\"\n id=\"city-input\"\n placeholder=\"Enter city name...\"\n oninput=\"updateCalculator()\"\n \/>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Population<\/label>\n <div class=\"slider-wrapper\">\n <div\n style=\"\n display: flex;\n justify-content: space-between;\n align-items: center;\n \"\n >\n <span style=\"font-size: 13px; color: var(--gray-600)\"\n >People served<\/span\n >\n <div>\n <div class=\"slider-value-display\" id=\"pop-display\">1.0M<\/div>\n <div class=\"slider-value-sub\">people<\/div>\n <\/div>\n <\/div>\n <input\n type=\"range\"\n id=\"pop-slider\"\n min=\"5\"\n max=\"50\"\n value=\"10\"\n step=\"1\"\n oninput=\"updatePopulation(this.value); updateCalculator()\"\n \/>\n <div class=\"slider-labels\">\n <span>0.5M<\/span><span>5.0M<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"factor-display\">\n <span class=\"factor-label\">State Factor (f) applied:<\/span>\n <span class=\"factor-value\" id=\"factor-display\">1.000<\/span>\n <\/div>\n <\/div>\n\n <!-- SECTION 3: PROJECT SELECTOR -->\n <div class=\"card\">\n <div class=\"card-title\">\n <div class=\"card-title-icon\">\ud83c\udfd7\ufe0f<\/div>\n Choose Your GREEN Project\n <\/div>\n <div class=\"project-grid\" id=\"project-grid\"><\/div>\n <div class=\"systemic-label\">Systemic Projects<\/div>\n <div class=\"project-grid\" id=\"systemic-grid\"><\/div>\n <\/div>\n\n <!-- SECTION 4: CONTRACT TYPE -->\n <div class=\"card\">\n <div class=\"card-title\">\n <div class=\"card-title-icon\">\ud83d\udccb<\/div>\n Select Investment Structure\n <\/div>\n <div class=\"contract-grid\" id=\"contract-grid\"><\/div>\n <\/div>\n\n <!-- SECTION 5: RESULTS DASHBOARD -->\n <div class=\"card\">\n <div class=\"card-title\">\n <div class=\"card-title-icon\">\ud83d\udcca<\/div>\n Investment Opportunity Summary\n <\/div>\n\n <div class=\"results-meta\">\n <div class=\"meta-item\">\n <div class=\"meta-label\">Location<\/div>\n <div class=\"meta-value\" id=\"meta-location\">\u2014<\/div>\n <\/div>\n <div class=\"meta-item\">\n <div class=\"meta-label\">Country Factor (f)<\/div>\n <div class=\"meta-value\" id=\"meta-factor\">\u2014<\/div>\n <\/div>\n <div class=\"meta-item\">\n <div class=\"meta-label\">Project<\/div>\n <div class=\"meta-value\" id=\"meta-project\">\u2014<\/div>\n <\/div>\n <div class=\"meta-item\">\n <div class=\"meta-label\">Contract<\/div>\n <div class=\"meta-value\" id=\"meta-contract\">\u2014<\/div>\n <\/div>\n <\/div>\n\n <div class=\"dz-value-box\">\n <div>\n <div class=\"dz-label\">Dream.ZONE Value<\/div>\n <div class=\"dz-value-m\" id=\"dz-m\">\u2014 M\u20ac<\/div>\n <div class=\"dz-value-euro\" id=\"dz-euro\">\u2014<\/div>\n <div class=\"dz-formula\" id=\"dz-formula\">\n f \u00d7 Population \u00d7 Base Value\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"table-wrap\">\n <table id=\"results-table\">\n <thead>\n <tr>\n <th>Contract Type<\/th>\n <th>Contract 100%<\/th>\n <th>Buy 1%<\/th>\n <th>BB Fee 0.1%<\/th>\n <th>BB Fee 10%<\/th>\n <th>BB IRR%<\/th>\n <th>NFT Code<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"results-tbody\"><\/tbody>\n <\/table>\n <\/div>\n\n <!-- NFT CODE BOX -->\n <div class=\"nft-box\">\n <div class=\"nft-info\">\n <div class=\"nft-label\">Client \/ NFT Code (Full Purchase)<\/div>\n <div class=\"nft-code\" id=\"nft-code-display\">\u2014<\/div>\n <div\n style=\"\n margin-top: 10px;\n padding-top: 10px;\n border-top: 1px solid rgba(26, 77, 46, 0.15);\n \"\n >\n <div class=\"nft-label\" style=\"font-size: 11px\">\n BB \/ NFW Code (Pre-emption)\n <\/div>\n <div\n id=\"bb-code-display\"\n style=\"\n font-size: 20px;\n font-weight: 800;\n font-family: "Courier New", monospace;\n color: var(--green);\n letter-spacing: 1.2px;\n \"\n >\n \u2014\n <\/div>\n <\/div>\n <div class=\"nft-due\" id=\"nft-due\" style=\"margin-top: 8px\">\n Due (NFW-BB Price): <strong>\u2014<\/strong>\n <\/div>\n <\/div>\n <button class=\"btn-copy\" onclick=\"copyCurrentNFT()\">\n <svg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" \/>\n <path d=\"M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1\" \/>\n <\/svg>\n Copy NFT Code\n <\/button>\n <\/div>\n <\/div>\n\n <!-- SECTION 6: BROKER OPPORTUNITY -->\n <div class=\"broker-card\">\n <div>\n <div class=\"broker-title\">\ud83e\udd1d Join the JWT Broker Network<\/div>\n <div class=\"broker-sub\">\n Earn up to 10% Success Fee on every successful deal!\n <\/div>\n <div class=\"broker-commissions\" id=\"broker-commissions\"><\/div>\n <\/div>\n <button\n class=\"btn-broker\"\n onclick=\"showToast('\ud83e\udd1d Contact us at info@pcrr-jwt.it to become a BB!')\"\n >\n Become a BB\n <\/button>\n <\/div>\n\n <!-- SECTION 7: PROPOSAL GENERATOR -->\n <div class=\"card\">\n <div class=\"card-title\">\n <div class=\"card-title-icon\">\ud83d\udcc4<\/div>\n Generate Your Formal Proposal\n <\/div>\n\n <div class=\"proposal-grid\">\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"buyer-name\">Buyer Name<\/label>\n <input\n class=\"form-control\"\n type=\"text\"\n id=\"buyer-name\"\n placeholder=\"Full legal name...\"\n \/>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"buyer-firm\">Buyer Firm<\/label>\n <input\n class=\"form-control\"\n type=\"text\"\n id=\"buyer-firm\"\n placeholder=\"Company \/ Organisation...\"\n \/>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"buyer-country\">Buyer Country<\/label>\n <select class=\"form-control\" id=\"buyer-country\"><\/select>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"buyer-vat\">Buyer VAT \/ Tax ID<\/label>\n <input\n class=\"form-control\"\n type=\"text\"\n id=\"buyer-vat\"\n placeholder=\"e.g. IT12345678901\"\n \/>\n <\/div>\n <div class=\"form-group span2\">\n <label class=\"form-label\" for=\"buyer-iban\">Buyer IBAN<\/label>\n <input\n class=\"form-control\"\n type=\"text\"\n id=\"buyer-iban\"\n placeholder=\"e.g. IT00X0000000000000000000000\"\n \/>\n <\/div>\n <div class=\"form-group span2\">\n <label class=\"form-label\" for=\"buyer-address\">Buyer Address<\/label>\n <textarea\n class=\"form-control\"\n id=\"buyer-address\"\n rows=\"3\"\n placeholder=\"Full registered address...\"\n ><\/textarea>\n <\/div>\n <div class=\"form-group span2\">\n <label class=\"form-label\">Selected Contract Type<\/label>\n <div\n id=\"proposal-contract-display\"\n style=\"\n font-size: 15px;\n font-weight: 600;\n color: var(--green-dark);\n padding: 11px 14px;\n background: var(--green-bg);\n border: 1.5px solid rgba(26, 77, 46, 0.2);\n border-radius: 8px;\n \"\n >\n \u2014\n <\/div>\n <span class=\"autofill-badge\"\n >\u2726 Auto-filled from selection above<\/span\n >\n <\/div>\n <\/div>\n\n <div class=\"proposal-actions\">\n <button class=\"btn-primary\" onclick=\"generateProposal()\">\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\" \/>\n <polyline points=\"14 2 14 8 20 8\" \/>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" \/>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" \/>\n <polyline points=\"10 9 9 9 8 9\" \/>\n <\/svg>\n Generate Proposal\n <\/button>\n <button class=\"btn-secondary\" onclick=\"resetProposal()\">\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <polyline points=\"1 4 1 10 7 10\" \/>\n <path d=\"M3.51 15a9 9 0 102.13-9.36L1 10\" \/>\n <\/svg>\n Reset\n <\/button>\n <\/div>\n\n <div class=\"legal-notice\">\n <strong>PLEASE NOTE:<\/strong> Bearer Title; the delivery of the title\n to the Issuer (subject to prior notice to pcrrjwt@pec.it, taking care\n of what is necessary within the established deadlines), with\n appropriate documents to support ownership transitions, with\n registrations on blockchain (including the first from the Issuer, this\n file and relative SHA256), up to the current Bearer; the Bearer, upon\n notice, can also deliver from crypto wallets (upon request and\n requesting wallets pertaining to the Issuer, also for related\n obligations such as Buy payment within 3 months); Issuer, upon\n instructions from the Bearer, by accepting the Buy payment, undertakes\n to produce the relevant contracts and necessary details within 3\n months of receipt of the necessary data (Name\/Firm, Country, VAT,\n IBAN, address), defining rights, licenses, projects, with tolerances\n not exceeding 'plus or minus 5% of the values in question'; all in\n compliance with regulations and jurisprudence of the state in\n question.\n <\/div>\n <\/div>\n <\/main>\n\n <!-- FOOTER -->\n <footer>\n <p>\n \u00a9 PCRR JWTeam Srls · Milan, Italy ·\n <a\n href=\"mailto:info@pcrr-jwt.it\"\n style=\"color: var(--gold); text-decoration: none\"\n >info@pcrr-jwt.it<\/a\n >\n <\/p>\n <p class=\"footer-tagline\">GREEN Technology for a Better Future<\/p>\n <\/footer>\n\n <script>\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \/\/ DATA\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n const COUNTRIES = {\n Afghanistan: { f: 0.102, code: \"AF\" },\n Albania: { f: 0.272, code: \"AL\" },\n Algeria: { f: 0.15, code: \"DZ\" },\n Angola: { f: 0.073, code: \"AO\" },\n Argentina: { f: 0.413, code: \"AR\" },\n Armenia: { f: 0.199, code: \"AM\" },\n Australia: { f: 1.66, code: \"AU\" },\n Austria: { f: 1.68, code: \"AT\" },\n Azerbaijan: { f: 0.209, code: \"AZ\" },\n Bahrain: { f: 1.039, code: \"BH\" },\n Bangladesh: { f: 0.078, code: \"BD\" },\n Belarus: { f: 0.277, code: \"BY\" },\n Belgium: { f: 1.927, code: \"BE\" },\n Benin: { f: 0.058, code: \"BJ\" },\n Bhutan: { f: 0.17, code: \"BT\" },\n Bolivia: { f: 0.243, code: \"BO\" },\n \"Bosnia Herzegovina\": { f: 0.383, code: \"BA\" },\n Botswana: { f: 0.248, code: \"BW\" },\n Brazil: { f: 0.243, code: \"BR\" },\n Bulgaria: { f: 0.451, code: \"BG\" },\n \"Burkina Faso\": { f: 0.078, code: \"BF\" },\n Burundi: { f: 0.058, code: \"BI\" },\n Cambodia: { f: 0.097, code: \"KH\" },\n Cameroon: { f: 0.102, code: \"CM\" },\n Canada: { f: 1.107, code: \"CA\" },\n \"Cape Verde\": { f: 0.131, code: \"CV\" },\n \"Central African Republic\": { f: 0.043, code: \"CF\" },\n Chad: { f: 0.126, code: \"TD\" },\n Chile: { f: 0.563, code: \"CL\" },\n China: { f: 0.485, code: \"CN\" },\n Colombia: { f: 0.121, code: \"CO\" },\n Congo: { f: 0.033, code: \"CG\" },\n \"Costa Rica\": { f: 0.388, code: \"CR\" },\n Croatia: { f: 0.558, code: \"HR\" },\n Cuba: { f: 0.033, code: \"CU\" },\n Cyprus: { f: 0.942, code: \"CY\" },\n \"Czech Republic\": { f: 0.704, code: \"CZ\" },\n Denmark: { f: 1.854, code: \"DK\" },\n Djibouti: { f: 0.432, code: \"DJ\" },\n Dominican: { f: 0.126, code: \"DO\" },\n \"East Timor\": { f: 0.087, code: \"TL\" },\n Ecuador: { f: 0.233, code: \"EC\" },\n Egypt: { f: 0.146, code: \"EG\" },\n Emirates: { f: 2.243, code: \"AE\" },\n \"Equatorial Guinea\": { f: 0.403, code: \"GQ\" },\n Eritrea: { f: 0.102, code: \"ER\" },\n Estonia: { f: 0.772, code: \"EE\" },\n Ethiopia: { f: 0.063, code: \"ET\" },\n Fiji: { f: 1.403, code: \"FJ\" },\n Finland: { f: 2.141, code: \"FI\" },\n France: { f: 1.267, code: \"FR\" },\n Gabon: { f: 0.252, code: \"GA\" },\n Gambia: { f: 0.029, code: \"GM\" },\n Georgia: { f: 0.199, code: \"GE\" },\n Germany: { f: 1.374, code: \"DE\" },\n Ghana: { f: 0.16, code: \"GH\" },\n \"Great Britain\": { f: 1.398, code: \"GB\" },\n Greece: { f: 0.505, code: \"GR\" },\n Guatemala: { f: 0.282, code: \"GT\" },\n Guinea: { f: 0.121, code: \"GN\" },\n \"Guinea Bissau\": { f: 0.037, code: \"GW\" },\n Haiti: { f: 0.427, code: \"HT\" },\n Holland: { f: 1.218, code: \"NL\" },\n Honduras: { f: 0.306, code: \"HN\" },\n \"Hong Kong\": { f: 1.01, code: \"HK\" },\n Hungary: { f: 0.714, code: \"HU\" },\n India: { f: 0.058, code: \"IN\" },\n Indonesia: { f: 0.277, code: \"ID\" },\n Iran: { f: 0.228, code: \"IR\" },\n Iraq: { f: 0.155, code: \"IQ\" },\n Irish: { f: 1.437, code: \"IE\" },\n Israel: { f: 1.65, code: \"IL\" },\n Italy: { f: 1.0, code: \"IT\" },\n \"Ivory Coast\": { f: 0.078, code: \"CI\" },\n Jamaica: { f: 0.272, code: \"JM\" },\n Japan: { f: 1.447, code: \"JP\" },\n Jordan: { f: 0.306, code: \"JO\" },\n Kazakhstan: { f: 0.296, code: \"KZ\" },\n Kenya: { f: 0.175, code: \"KE\" },\n Korea: { f: 1.636, code: \"KR\" },\n Kosovo: { f: 0.214, code: \"XK\" },\n Kuwait: { f: 2.252, code: \"KW\" },\n Kyrgyzstan: { f: 0.277, code: \"KG\" },\n Laos: { f: 0.117, code: \"LA\" },\n Latvian: { f: 0.544, code: \"LV\" },\n Lebanon: { f: 0.277, code: \"LB\" },\n Lesotho: { f: 0.058, code: \"LS\" },\n Liberia: { f: 0.022, code: \"LR\" },\n Libya: { f: 0.146, code: \"LY\" },\n Lithuania: { f: 0.583, code: \"LT\" },\n Luxembourg: { f: 1.947, code: \"LU\" },\n Madagascar: { f: 0.032, code: \"MG\" },\n Malawi: { f: 0.033, code: \"MW\" },\n Malaysia: { f: 0.364, code: \"MY\" },\n Maldives: { f: 0.325, code: \"MV\" },\n Mali: { f: 0.053, code: \"ML\" },\n Malta: { f: 0.811, code: \"MT\" },\n Mauritania: { f: 0.189, code: \"MR\" },\n Mauritius: { f: 0.257, code: \"MU\" },\n Mexico: { f: 0.233, code: \"MX\" },\n Moldova: { f: 0.136, code: \"MD\" },\n Mongolia: { f: 0.228, code: \"MN\" },\n Montenegro: { f: 0.282, code: \"ME\" },\n Morocco: { f: 0.223, code: \"MA\" },\n Mozambique: { f: 0.141, code: \"MZ\" },\n Myanmar: { f: 0.097, code: \"MM\" },\n Namibia: { f: 0.073, code: \"NA\" },\n Nepal: { f: 0.136, code: \"NP\" },\n \"New Zealand\": { f: 1.786, code: \"NZ\" },\n Niger: { f: 0.165, code: \"NE\" },\n Nigeria: { f: 0.17, code: \"NG\" },\n Norway: { f: 2.728, code: \"NO\" },\n Oman: { f: 0.874, code: \"OM\" },\n Pakistan: { f: 0.102, code: \"PK\" },\n Palestine: { f: 0.325, code: \"PS\" },\n Panama: { f: 0.607, code: \"PA\" },\n Paraguay: { f: 0.214, code: \"PY\" },\n Peru: { f: 0.223, code: \"PE\" },\n Philippines: { f: 0.097, code: \"PH\" },\n Poland: { f: 0.607, code: \"PL\" },\n Portugal: { f: 0.704, code: \"PT\" },\n Qatar: { f: 1.617, code: \"QA\" },\n Romania: { f: 0.451, code: \"RO\" },\n Russia: { f: 0.325, code: \"RU\" },\n Rwanda: { f: 0.112, code: \"RW\" },\n Salvador: { f: 0.209, code: \"SV\" },\n \"Saudi Arabia\": { f: 1.364, code: \"SA\" },\n Senegal: { f: 0.083, code: \"SN\" },\n Serbia: { f: 0.316, code: \"RS\" },\n \"Sierra Leone\": { f: 0.037, code: \"SL\" },\n Singapore: { f: 2.282, code: \"SG\" },\n Slovakia: { f: 0.675, code: \"SK\" },\n Somalia: { f: 0.058, code: \"SO\" },\n \"South Africa\": { f: 0.816, code: \"ZA\" },\n Spain: { f: 0.995, code: \"ES\" },\n \"Sri Lanka\": { f: 0.141, code: \"LK\" },\n Sudan: { f: 0.02, code: \"SD\" },\n Sweden: { f: 1.947, code: \"SE\" },\n Swiss: { f: 2.573, code: \"CH\" },\n Syria: { f: 0.02, code: \"SY\" },\n Taiwan: { f: 0.772, code: \"TW\" },\n Tajikistan: { f: 0.087, code: \"TJ\" },\n Tanzania: { f: 0.078, code: \"TZ\" },\n Thailand: { f: 0.214, code: \"TH\" },\n Togo: { f: 0.029, code: \"TG\" },\n \"Trinidad and Tobago\": { f: 0.617, code: \"TT\" },\n Tunisia: { f: 0.092, code: \"TN\" },\n Turkey: { f: 0.199, code: \"TR\" },\n Turkmenistan: { f: 0.146, code: \"TM\" },\n Uganda: { f: 0.112, code: \"UG\" },\n Ukraine: { f: 0.248, code: \"UA\" },\n Uruguay: { f: 0.403, code: \"UY\" },\n USA: { f: 1.65, code: \"US\" },\n Uzbekistan: { f: 0.175, code: \"UZ\" },\n Venezuela: { f: 0.012, code: \"VE\" },\n Vietnam: { f: 0.136, code: \"VN\" },\n Yemen: { f: 0.058, code: \"YE\" },\n Zambia: { f: 0.204, code: \"ZM\" },\n Zimbabwe: { f: 0.117, code: \"ZW\" },\n };\n\n const PROJECTS = [\n { code: \"J0\", name: \"Master Plan\", value: 15 },\n { code: \"J1\", name: \"ITEG BP\", value: 2 },\n { code: \"J2\", name: \"MBGC BP\", value: 1 },\n { code: \"J3\", name: \"PBRC BP\", value: 2 },\n { code: \"J4\", name: \"SIDR BP\", value: 1 },\n { code: \"J5\", name: \"SDGC BP\", value: 1 },\n { code: \"J6\", name: \"GSMF BP\", value: 1 },\n { code: \"J7\", name: \"GFSS BP\", value: 2 },\n { code: \"J8\", name: \"PCRR BP\", value: 1 },\n ];\n\n const SYSTEMIC_PROJECTS = [\n { code: \"S1\", name: \"RE\/Lab\", value: 75 },\n { code: \"S2\", name: \"HousingCare\", value: 25 },\n { code: \"S3\", name: \"Master Plan\", value: 15 },\n ];\n\n const CONTRACTS = [\n {\n id: \"L\",\n name: \"NFTr: License\",\n pct: 0.05,\n label: \"5% of Dream.ZONE Value\",\n irr: 200,\n icon: \"\ud83d\udcb0\",\n tag: \"Recurring revenue\",\n },\n {\n id: \"S\",\n name: \"NFTs: Sale\",\n pct: 3.0,\n label: \"300% of Dream.ZONE Value\",\n irr: 1200,\n icon: \"\ud83d\udc8e\",\n tag: \"Complete ownership\",\n },\n {\n id: \"I\",\n name: \"NFTt: II-SRB\",\n pct: 1.0,\n label: \"100% of Dream.ZONE Value\",\n irr: 400,\n icon: \"\ud83d\udcc8\",\n tag: \"IRR 3%, Share 5%\",\n },\n {\n id: \"J\",\n name: \"NFTu: JV-30\/21\",\n pct: 1.0,\n label: \"100% of Dream.ZONE Value\",\n irr: 400,\n icon: \"\ud83e\udd1d\",\n tag: \"30\/21 partnership\",\n },\n ];\n\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \/\/ STATE\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n let selectedCountry = \"Italy\";\n let selectedProject = \"J7\";\n let selectedContract = \"L\";\n let population = 1.0;\n\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \/\/ CLIPBOARD\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n function copyNFTCode(code) {\n if (!code || code === \"\u2014\") {\n showToast(\"\u274c No NFT code to copy!\");\n return;\n }\n if (navigator.clipboard && navigator.clipboard.writeText) {\n navigator.clipboard\n .writeText(code)\n .then(() => showToast(\"\u2705 Copied: \" + code))\n .catch(() => fallbackCopy(code));\n } else {\n fallbackCopy(code);\n }\n }\n\n function fallbackCopy(text) {\n const textarea = document.createElement(\"textarea\");\n textarea.value = text;\n textarea.style.cssText =\n \"position:fixed;opacity:0;left:-9999px;top:-9999px\";\n document.body.appendChild(textarea);\n textarea.select();\n try {\n document.execCommand(\"copy\");\n showToast(\"\u2705 Copied: \" + text);\n } catch (e) {\n showToast(\"\u274c Failed to copy\");\n }\n document.body.removeChild(textarea);\n }\n\n function showToast(msg) {\n const old = document.querySelector(\".toast-notification\");\n if (old) old.remove();\n const toast = document.createElement(\"div\");\n toast.className = \"toast-notification\";\n toast.textContent = msg;\n document.body.appendChild(toast);\n setTimeout(() => {\n toast.style.opacity = \"0\";\n toast.style.transition = \"opacity 0.5s\";\n setTimeout(() => toast.remove(), 500);\n }, 3000);\n }\n\n function copyCurrentNFT() {\n const code = document.getElementById(\"nft-code-display\").textContent;\n copyNFTCode(code);\n }\n\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \/\/ FORMAT\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n function fmtEur(amount) {\n if (isNaN(amount) || amount === 0) return \"\u20ac0\";\n return \"\u20ac\" + Math.round(amount).toLocaleString(\"de-DE\");\n }\n\n function fmtEurDec(amount) {\n if (isNaN(amount)) return \"\u20ac0\";\n if (amount < 1) return \"\u20ac\" + amount.toFixed(2);\n return (\n \"\u20ac\" + amount.toLocaleString(\"de-DE\", { maximumFractionDigits: 2 })\n );\n }\n\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \/\/ BUILD UI\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n function buildCountrySelect() {\n const sel = document.getElementById(\"country-select\");\n const sorted = Object.keys(COUNTRIES).sort();\n sorted.forEach((name) => {\n const opt = document.createElement(\"option\");\n opt.value = name;\n opt.textContent =\n name + \" (f = \" + COUNTRIES[name].f.toFixed(3) + \")\";\n if (name === selectedCountry) opt.selected = true;\n sel.appendChild(opt);\n });\n }\n\n function buildProjectGrid() {\n function makeCard(proj, gridId) {\n const div = document.createElement(\"div\");\n div.className =\n \"project-card\" + (proj.code === selectedProject ? \" selected\" : \"\");\n div.id = \"proj-\" + proj.code;\n div.innerHTML = `\n <div class=\"selected-check\">\u2713<\/div>\n <div class=\"project-card-header\">\n <span class=\"project-code\">${proj.code}<\/span>\n <span class=\"project-leaf\">\ud83c\udf3f<\/span>\n <\/div>\n <div class=\"project-name\">${proj.name}<\/div>\n <div class=\"project-value\">${proj.value} <span class=\"project-value-sub\">M\u20ac<\/span><\/div>\n `;\n div.onclick = () => {\n selectedProject = proj.code;\n updateAllProjectCards();\n updateCalculator();\n };\n document.getElementById(gridId).appendChild(div);\n }\n PROJECTS.forEach((p) => makeCard(p, \"project-grid\"));\n SYSTEMIC_PROJECTS.forEach((p) => makeCard(p, \"systemic-grid\"));\n }\n\n function buildContractGrid() {\n const grid = document.getElementById(\"contract-grid\");\n CONTRACTS.forEach((c) => {\n const div = document.createElement(\"div\");\n div.className =\n \"contract-card\" + (c.id === selectedContract ? \" selected\" : \"\");\n div.id = \"contract-\" + c.id;\n div.innerHTML = `\n <div class=\"contract-radio\"><div class=\"contract-radio-dot\"><\/div><\/div>\n <div class=\"contract-info\">\n <div class=\"contract-name\">${c.icon} ${c.name}<\/div>\n <div class=\"contract-pct\">${c.label}<\/div>\n <span class=\"contract-tag\">${c.tag}<\/span>\n <\/div>\n `;\n div.onclick = () => {\n selectedContract = c.id;\n updateAllContractCards();\n updateCalculator();\n };\n grid.appendChild(div);\n });\n }\n\n function updateAllProjectCards() {\n [...PROJECTS, ...SYSTEMIC_PROJECTS].forEach((p) => {\n const el = document.getElementById(\"proj-\" + p.code);\n if (el)\n el.className =\n \"project-card\" + (p.code === selectedProject ? \" selected\" : \"\");\n });\n }\n\n function updateAllContractCards() {\n CONTRACTS.forEach((c) => {\n const el = document.getElementById(\"contract-\" + c.id);\n if (el)\n el.className =\n \"contract-card\" + (c.id === selectedContract ? \" selected\" : \"\");\n });\n }\n\n function updatePopulation(sliderVal) {\n population = sliderVal \/ 10;\n document.getElementById(\"pop-display\").textContent =\n population.toFixed(1) + \"M\";\n }\n\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \/\/ CALCULATE\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n function updateCalculator() {\n selectedCountry = document.getElementById(\"country-select\").value;\n const city = document.getElementById(\"city-input\").value.trim();\n\n const countryData = COUNTRIES[selectedCountry] || { f: 1, code: \"XX\" };\n const f = countryData.f;\n const countryCode = countryData.code;\n\n \/\/ Factor display\n document.getElementById(\"factor-display\").textContent = f.toFixed(3);\n\n \/\/ Find project\n const allProjects = [...PROJECTS, ...SYSTEMIC_PROJECTS];\n const proj =\n allProjects.find((p) => p.code === selectedProject) || PROJECTS[7];\n const baseValue = proj.value;\n\n \/\/ Dream.ZONE Value\n const dzValueM = f * population * baseValue;\n const dzValue = dzValueM * 1000000;\n\n \/\/ Summaries\n document.getElementById(\"meta-location\").textContent =\n selectedCountry +\n (city ? \" \u2192 \" + city : \"\") +\n \" (\" +\n population.toFixed(1) +\n \"M people)\";\n document.getElementById(\"meta-factor\").textContent = f.toFixed(3);\n document.getElementById(\"meta-project\").textContent =\n proj.code + \" - \" + proj.name + \" (\" + baseValue + \" M\u20ac)\";\n const activeContract = CONTRACTS.find((c) => c.id === selectedContract);\n document.getElementById(\"meta-contract\").textContent = activeContract\n ? activeContract.name + \" (\" + activeContract.label + \")\"\n : \"\u2014\";\n\n \/\/ DZ value box\n document.getElementById(\"dz-m\").textContent =\n dzValueM.toFixed(3) + \" M\u20ac\";\n document.getElementById(\"dz-euro\").textContent = \"= \" + fmtEur(dzValue);\n document.getElementById(\"dz-formula\").textContent =\n f.toFixed(3) +\n \" \u00d7 \" +\n population.toFixed(1) +\n \" \u00d7 \" +\n baseValue +\n \" M\u20ac = \" +\n dzValueM.toFixed(3) +\n \" M\u20ac\";\n\n \/\/ Build results table rows\n const tbody = document.getElementById(\"results-tbody\");\n tbody.innerHTML = \"\";\n\n CONTRACTS.forEach((c) => {\n const contract100 = dzValue * c.pct;\n const buy1 = contract100 * 0.01;\n const bb01 = contract100 * 0.001;\n const bb10 = contract100 * 0.1;\n const citySlug = city.replace(\/\\s+\/g, \"\") || \"City\";\n const nftCode =\n countryCode + \"_\" + proj.code + \"_\" + citySlug + \"_\" + c.id;\n const isSelected = c.id === selectedContract;\n\n const tr = document.createElement(\"tr\");\n if (isSelected) tr.className = \"row-selected\";\n tr.innerHTML = `\n <td class=\"td-type\">${c.icon} ${c.name}<\/td>\n <td class=\"td-amount\">${fmtEur(contract100)}<\/td>\n <td class=\"td-amount\">${fmtEurDec(buy1)}<\/td>\n <td class=\"td-amount\">${fmtEurDec(bb01)}<\/td>\n <td class=\"td-amount\">${fmtEur(bb10)}<\/td>\n <td class=\"td-irr\">${c.irr}<\/td>\n <td class=\"td-nft\">${nftCode}<\/td>\n `;\n tbody.appendChild(tr);\n });\n\n \/\/ NFT code box (for selected contract)\n const active = CONTRACTS.find((c) => c.id === selectedContract);\n if (active) {\n const contract100 = dzValue * active.pct;\n const bb01 = contract100 * 0.001;\n const citySlug = city.replace(\/\\s+\/g, \"\") || \"City\";\n const nftCode =\n countryCode + \"_\" + proj.code + \"_\" + citySlug + \"_\" + active.id;\n const bbCode = countryCode + \"_\" + proj.code + \"_\" + citySlug;\n document.getElementById(\"nft-code-display\").textContent = nftCode;\n document.getElementById(\"bb-code-display\").textContent = bbCode;\n document.getElementById(\"nft-due\").innerHTML =\n \"Due (NFW-BB Price): <strong>\" + fmtEurDec(bb01) + \"<\/strong>\";\n }\n\n \/\/ Sync proposal contract auto-fill\n syncProposalContract();\n\n \/\/ Broker commissions\n const brokerDiv = document.getElementById(\"broker-commissions\");\n brokerDiv.innerHTML = \"\";\n CONTRACTS.forEach((c) => {\n const contract100 = dzValue * c.pct;\n const bb10 = contract100 * 0.1;\n const row = document.createElement(\"div\");\n row.className = \"broker-row\";\n row.innerHTML = `\n <span class=\"broker-type\">${c.icon} ${c.name}<\/span>\n <div style=\"text-align:right\">\n <div class=\"broker-amount\">${fmtEur(bb10)}<\/div>\n <div class=\"broker-fee\">10% commission<\/div>\n <\/div>\n `;\n brokerDiv.appendChild(row);\n });\n }\n\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \/\/ PROPOSAL GENERATOR\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n function buildBuyerCountrySelect() {\n const sel = document.getElementById(\"buyer-country\");\n const sorted = Object.keys(COUNTRIES).sort();\n \/\/ blank first option\n const blank = document.createElement(\"option\");\n blank.value = \"\";\n blank.textContent = \"\u2014 Select country \u2014\";\n sel.appendChild(blank);\n sorted.forEach((name) => {\n const opt = document.createElement(\"option\");\n opt.value = name;\n opt.textContent = name;\n sel.appendChild(opt);\n });\n }\n\n function syncProposalContract() {\n const active = CONTRACTS.find((c) => c.id === selectedContract);\n const el = document.getElementById(\"proposal-contract-display\");\n if (active && el) {\n el.textContent =\n active.icon +\n \" \" +\n active.name +\n \" \u2014 \" +\n active.label +\n \" (IRR \" +\n active.irr +\n \"%)\";\n }\n }\n\n function resetProposal() {\n document.getElementById(\"buyer-name\").value = \"\";\n document.getElementById(\"buyer-firm\").value = \"\";\n document.getElementById(\"buyer-country\").value = \"\";\n document.getElementById(\"buyer-vat\").value = \"\";\n document.getElementById(\"buyer-iban\").value = \"\";\n document.getElementById(\"buyer-address\").value = \"\";\n showToast(\"\ud83d\udd04 Proposal form reset\");\n }\n\n function generateProposal() {\n \/\/ Gather calculator state\n const countryData = COUNTRIES[selectedCountry] || { f: 1, code: \"XX\" };\n const f = countryData.f;\n const countryCode = countryData.code;\n const city = document.getElementById(\"city-input\").value.trim();\n const allProjects = [...PROJECTS, ...SYSTEMIC_PROJECTS];\n const proj =\n allProjects.find((p) => p.code === selectedProject) || PROJECTS[7];\n const active = CONTRACTS.find((c) => c.id === selectedContract);\n const dzValueM = f * population * proj.value;\n const dzValue = dzValueM * 1_000_000;\n const contract100 = dzValue * active.pct;\n const buy1 = contract100 * 0.01;\n const bb01 = contract100 * 0.001;\n const citySlug = city.replace(\/\\s+\/g, \"\") || \"City\";\n const nftCode =\n countryCode + \"_\" + proj.code + \"_\" + citySlug + \"_\" + active.id;\n const bbCode = countryCode + \"_\" + proj.code + \"_\" + citySlug;\n\n \/\/ Gather buyer fields\n const buyerName =\n document.getElementById(\"buyer-name\").value.trim() ||\n \"(not provided)\";\n const buyerFirm =\n document.getElementById(\"buyer-firm\").value.trim() ||\n \"(not provided)\";\n const buyerCountry =\n document.getElementById(\"buyer-country\").value || \"(not provided)\";\n const buyerVat =\n document.getElementById(\"buyer-vat\").value.trim() || \"(not provided)\";\n const buyerIban =\n document.getElementById(\"buyer-iban\").value.trim() ||\n \"(not provided)\";\n const buyerAddress =\n document\n .getElementById(\"buyer-address\")\n .value.trim()\n .replace(\/\\n\/g, \"<br>\") || \"(not provided)\";\n\n const today = new Date().toLocaleDateString(\"en-GB\", {\n day: \"2-digit\",\n month: \"long\",\n year: \"numeric\",\n });\n\n const html = `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<title>JWT Dream.ZONE \u2014 Formal Proposal<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n body { font-family: 'Inter', system-ui, sans-serif; color: #212121; background: #fff; font-size: 13px; line-height: 1.6; }\n .page { max-width: 800px; margin: 0 auto; padding: 40px 48px 60px; }\n\n \/* HEADER *\/\n .prop-header {\n background: linear-gradient(135deg, #0f2d1a 0%, #1a4d2e 60%, #2d6b45 100%);\n border-radius: 12px; padding: 28px 32px; margin-bottom: 28px;\n display: flex; justify-content: space-between; align-items: flex-start;\n print-color-adjust: exact; -webkit-print-color-adjust: exact;\n }\n .prop-brand { color: white; }\n .prop-brand-title { font-size: 20px; font-weight: 800; letter-spacing: -0.4px; margin-bottom: 4px; }\n .prop-brand-sub { font-size: 11px; color: rgba(255,255,255,0.7); }\n .prop-meta { text-align: right; color: rgba(255,255,255,0.85); font-size: 11px; }\n .prop-meta strong { color: #c9a84c; font-size: 14px; display: block; margin-bottom: 4px; }\n\n \/* SECTION *\/\n .section { margin-bottom: 22px; border: 1px solid #e0e0e0; border-radius: 10px; overflow: hidden; }\n .section-title {\n background: #1a4d2e; color: white; font-size: 11px; font-weight: 700;\n text-transform: uppercase; letter-spacing: 0.8px;\n padding: 9px 16px;\n print-color-adjust: exact; -webkit-print-color-adjust: exact;\n }\n .section-body { padding: 16px; }\n\n \/* ROW *\/\n .row { display: flex; gap: 0; border-bottom: 1px solid #f0f0f0; }\n .row:last-child { border-bottom: none; }\n .row-label { width: 200px; flex-shrink: 0; font-size: 11px; font-weight: 600; color: #616161; text-transform: uppercase; letter-spacing: 0.4px; padding: 9px 12px; background: #f9f9f9; }\n .row-value { flex: 1; padding: 9px 14px; font-size: 13px; font-weight: 500; color: #212121; }\n\n \/* HIGHLIGHT VALUES *\/\n .val-big { font-size: 20px; font-weight: 800; color: #1a4d2e; letter-spacing: -0.5px; }\n .val-gold { color: #c9a84c; font-weight: 800; font-size: 18px; }\n .val-mono { font-family: 'Courier New', monospace; font-size: 16px; font-weight: 700; letter-spacing: 1px; color: #0f2d1a; }\n .val-sub { font-size: 11px; color: #9e9e9e; margin-top: 2px; }\n .val-green { color: #1a4d2e; font-weight: 700; }\n\n \/* NFT BOX *\/\n .nft-highlight {\n background: #e8f5ee; border: 1.5px solid rgba(26,77,46,0.25); border-radius: 8px;\n padding: 16px 20px; display: flex; justify-content: space-between; align-items: center;\n margin: 0 16px 16px;\n }\n .nft-hl-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #616161; margin-bottom: 4px; }\n .nft-hl-code { font-size: 22px; font-weight: 800; font-family: 'Courier New', monospace; letter-spacing: 2px; color: #0f2d1a; }\n .nft-hl-price { text-align: right; }\n .nft-hl-price-label { font-size: 10px; color: #616161; margin-bottom: 2px; }\n .nft-hl-price-value { font-size: 18px; font-weight: 800; color: #c9a84c; }\n\n \/* COUNTERPARTIES *\/\n .cp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }\n .cp-col { padding: 14px 16px; }\n .cp-col:first-child { border-right: 1px solid #e0e0e0; }\n .cp-role { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: #c9a84c; margin-bottom: 10px; }\n .cp-name { font-size: 15px; font-weight: 700; color: #0f2d1a; margin-bottom: 6px; }\n .cp-row { font-size: 11px; color: #616161; margin-bottom: 3px; }\n .cp-row strong { color: #212121; }\n\n \/* LEGAL *\/\n .legal-box {\n border: 1px solid #e0e0e0; border-radius: 8px; padding: 14px 18px;\n font-size: 10px; color: #757575; line-height: 1.7; margin-bottom: 22px;\n }\n .legal-box strong { color: #424242; }\n\n \/* SIGNATURE *\/\n .sig-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 8px; }\n .sig-box { border-top: 1.5px solid #212121; padding-top: 8px; }\n .sig-label { font-size: 11px; color: #757575; margin-bottom: 36px; }\n .sig-name { font-size: 12px; font-weight: 600; }\n\n \/* FOOTER *\/\n .prop-footer { text-align: center; font-size: 10px; color: #9e9e9e; border-top: 1px solid #e0e0e0; padding-top: 16px; margin-top: 8px; }\n .prop-footer a { color: #1a4d2e; }\n\n @media print {\n body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n .page { padding: 20px 24px 40px; }\n .no-print { display: none !important; }\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"page\">\n\n <!-- PRINT BUTTON -->\n <div class=\"no-print\" style=\"text-align:right;margin-bottom:16px;\">\n <button onclick=\"window.print()\" style=\"background:#1a4d2e;color:white;border:none;padding:10px 22px;border-radius:7px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;\">\ud83d\udda8 Print \/ Save PDF<\/button>\n <\/div>\n\n <!-- HEADER -->\n <div class=\"prop-header\">\n <div class=\"prop-brand\">\n <div class=\"prop-brand-title\">\ud83c\udf3f JWT Dream.ZONE<\/div>\n <div class=\"prop-brand-sub\">GFSS Investment Calculator \u00b7 Formal Proposal<\/div>\n <div class=\"prop-brand-sub\" style=\"margin-top:6px;\">GREEN Industrial Property Rights \u2014 Tokenized for the World<\/div>\n <\/div>\n <div class=\"prop-meta\">\n <strong>PROPOSAL<\/strong>\n Date: ${today}<br>\n Ref: ${nftCode}<br>\n Issuer: PCRR JWTEAM SRLS\n <\/div>\n <\/div>\n\n <!-- DREAM.ZONE DETAILS -->\n <div class=\"section\">\n <div class=\"section-title\">\ud83d\udccd Dream.ZONE Location Details<\/div>\n <div class=\"section-body\">\n <div class=\"row\">\n <div class=\"row-label\">Country<\/div>\n <div class=\"row-value\">${selectedCountry}<\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"row-label\">City<\/div>\n <div class=\"row-value\">${city || \"\u2014\"}<\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"row-label\">Population<\/div>\n <div class=\"row-value\">${population.toFixed(1)}M people<\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"row-label\">Country Factor (f)<\/div>\n <div class=\"row-value\"><span class=\"val-green\">${f.toFixed(3)}<\/span><\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"row-label\">Dream.ZONE Value<\/div>\n <div class=\"row-value\">\n <div class=\"val-big\">${dzValueM.toFixed(3)} M\u20ac<\/div>\n <div class=\"val-sub\">= ${fmtEur(dzValue)}  |  Formula: ${f.toFixed(3)} \u00d7 ${population.toFixed(1)} \u00d7 ${proj.value} M\u20ac<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- PROJECT DETAILS -->\n <div class=\"section\">\n <div class=\"section-title\">\ud83c\udfd7\ufe0f Selected GREEN Project<\/div>\n <div class=\"section-body\">\n <div class=\"row\">\n <div class=\"row-label\">Project Code<\/div>\n <div class=\"row-value\"><span class=\"val-green\">${proj.code}<\/span><\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"row-label\">Project Name<\/div>\n <div class=\"row-value\">${proj.name}<\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"row-label\">Base Value<\/div>\n <div class=\"row-value\">${proj.value} M\u20ac<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- CONTRACT DETAILS -->\n <div class=\"section\">\n <div class=\"section-title\">\ud83d\udccb Selected Investment Structure<\/div>\n <div class=\"section-body\">\n <div class=\"row\">\n <div class=\"row-label\">Contract Type<\/div>\n <div class=\"row-value\"><strong>${active.icon} ${active.name}<\/strong><\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"row-label\">Percentage<\/div>\n <div class=\"row-value\">${active.label}<\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"row-label\">Contract 100%<\/div>\n <div class=\"row-value\"><span class=\"val-big\">${fmtEur(contract100)}<\/span><\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"row-label\">Buy 1%<\/div>\n <div class=\"row-value\">${fmtEurDec(buy1)}<\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"row-label\">BB Fee 0.1%<\/div>\n <div class=\"row-value\">${fmtEurDec(bb01)}<\/div>\n <\/div>\n <div class=\"row\">\n <div class=\"row-label\">BB IRR%<\/div>\n <div class=\"row-value\"><span class=\"val-green\">${active.irr}%<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- NFT CODE HIGHLIGHT -->\n <div class=\"section\">\n <div class=\"section-title\">\ud83d\udd10 NFT Identification Code<\/div>\n <div class=\"nft-highlight\">\n <div>\n <div class=\"nft-hl-label\">NFT Code<\/div>\n <div class=\"nft-hl-code\">${nftCode}<\/div>\n <\/div>\n <div class=\"nft-hl-price\">\n <div class=\"nft-hl-price-label\">Due (NFW-BB Price)<\/div>\n <div class=\"nft-hl-price-value\">${fmtEurDec(bb01)}<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- COUNTERPARTIES -->\n <div class=\"section\">\n <div class=\"section-title\">\ud83d\udc65 Counterparties<\/div>\n <div class=\"cp-grid\">\n <div class=\"cp-col\">\n <div class=\"cp-role\">Issuer (Seller)<\/div>\n <div class=\"cp-name\">PCRR JWTEAM SRLS<\/div>\n <div class=\"cp-row\">Owner: <strong>Lavanga Vito<\/strong><\/div>\n <div class=\"cp-row\">Tax ID: <strong>LVNVTI57E16I493K<\/strong><\/div>\n <div class=\"cp-row\">IBAN: <strong>IT64H0306901603100000108455<\/strong><\/div>\n <div class=\"cp-row\">BIC: <strong>BCITITMM<\/strong><\/div>\n <div class=\"cp-row\">Email: <strong>info@pcrr-jwt.it<\/strong><\/div>\n <div class=\"cp-row\">PEC: <strong>pcrrjwt@pec.it<\/strong><\/div>\n <div class=\"cp-row\">Web: <strong>www.pcrr-jwt.it<\/strong><\/div>\n <div class=\"cp-row\">City: <strong>Milan, Italy<\/strong><\/div>\n <\/div>\n <div class=\"cp-col\">\n <div class=\"cp-role\">Buyer (Counterparty)<\/div>\n <div class=\"cp-name\">${buyerName}<\/div>\n <div class=\"cp-row\">Firm: <strong>${buyerFirm}<\/strong><\/div>\n <div class=\"cp-row\">Country: <strong>${buyerCountry}<\/strong><\/div>\n <div class=\"cp-row\">VAT \/ Tax ID: <strong>${buyerVat}<\/strong><\/div>\n <div class=\"cp-row\">IBAN: <strong>${buyerIban}<\/strong><\/div>\n <div class=\"cp-row\">Address: <strong>${buyerAddress}<\/strong><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- LEGAL NOTICE -->\n <div class=\"legal-box\">\n <strong>PLEASE NOTE:<\/strong> Bearer Title; the delivery of the title to the Issuer (subject to prior notice to pcrrjwt@pec.it, taking care of what is necessary within the established deadlines), with appropriate documents to support ownership transitions, with registrations on blockchain (including the first from the Issuer, this file and relative SHA256), up to the current Bearer; the Bearer, upon notice, can also deliver from crypto wallets (upon request and requesting wallets pertaining to the Issuer, also for related obligations such as Buy payment within 3 months); Issuer, upon instructions from the Bearer, by accepting the Buy payment, undertakes to produce the relevant contracts and necessary details within 3 months of receipt of the necessary data (Name\/Firm, Country, VAT, IBAN, address), defining rights, licenses, projects, with tolerances not exceeding 'plus or minus 5% of the values in question'; all in compliance with regulations and jurisprudence of the state in question.\n <\/div>\n\n <!-- SIGNATURES -->\n <div class=\"sig-grid\">\n <div class=\"sig-box\">\n <div class=\"sig-label\">For the Issuer \u2014 PCRR JWTEAM SRLS<\/div>\n <div class=\"sig-name\">Lavanga Vito \u00b7 Owner<\/div>\n <\/div>\n <div class=\"sig-box\">\n <div class=\"sig-label\">For the Buyer<\/div>\n <div class=\"sig-name\">${buyerName}${buyerFirm !== \"(not provided)\" ? \" \u00b7 \" + buyerFirm : \"\"}<\/div>\n <\/div>\n <\/div>\n\n <!-- FOOTER -->\n <div class=\"prop-footer\">\n <p>\u00a9 PCRR JWTeam Srls \u00b7 Milan, Italy \u00b7 <a href=\"mailto:info@pcrr-jwt.it\">info@pcrr-jwt.it<\/a> \u00b7 <a href=\"http:\/\/www.pcrr-jwt.it\">www.pcrr-jwt.it<\/a><\/p>\n <p style=\"margin-top:4px;\">GREEN Industrial Property Rights \u2014 Tokenized for the World  |  Ref: ${nftCode}  |  ${today}<\/p>\n <\/div>\n\n<\/div>\n<\/body>\n<\/html>`;\n\n const win = window.open(\"\", \"_blank\");\n if (!win) {\n showToast(\"\u274c Popup blocked \u2014 please allow popups for this page\");\n return;\n }\n win.document.open();\n win.document.write(html);\n win.document.close();\n }\n\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \/\/ INIT\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n window.addEventListener(\"DOMContentLoaded\", () => {\n buildCountrySelect();\n buildBuyerCountrySelect();\n buildProjectGrid();\n buildContractGrid();\n updateCalculator();\n });\n <\/script>\n <\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b14ad57 e-flex e-con-boxed e-con e-parent\" data-id=\"b14ad57\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d98ad11 e-flex e-con-boxed e-con e-parent\" data-id=\"d98ad11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f34f69 e-flex e-con-boxed e-con e-parent\" data-id=\"1f34f69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-695dc9a e-flex e-con-boxed e-con e-parent\" data-id=\"695dc9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97fa303 e-flex e-con-boxed e-con e-parent\" data-id=\"97fa303\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c1eeb74 e-flex e-con-boxed e-con e-parent\" data-id=\"c1eeb74\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wps-pgfw-pdf-generate-icon__wrapper-frontend pgfw-icon-display pgfw-icon-display--default\" style=\"--pgfw-icon-justify:center;\"><a href=\"https:\/\/gfss-jwt.eu\/bp\/wp-json\/wp\/v2\/pages\/13?action=genpdf&id=13\" class=\"pgfw-single-pdf-download-button pgfw-single-pdf-download-button--default pgfw-single-pdf-download-button--icon-only\" title=\"Generate PDF\" style=\"--pgfw-icon-width:25px;--pgfw-icon-height:45px;\" aria-label=\"Download PDF\"><span class=\"pgfw-single-pdf-download-button__media\" aria-hidden=\"true\"><img src=\"https:\/\/gfss-jwt.eu\/bp\/wp-content\/plugins\/pdf-generator-for-wp\/admin\/src\/images\/PDF_Tray.svg\" alt=\"\" decoding=\"async\"><\/span><\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf3f JWT Dream.ZONE – GFSS Investment Calculator \ud83c\udf3f JWT Dream.ZONE – GFSS Investment Calculator GREEN Industrial Property Rights — Tokenized […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/gfss-jwt.eu\/bp\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gfss-jwt.eu\/bp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gfss-jwt.eu\/bp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gfss-jwt.eu\/bp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gfss-jwt.eu\/bp\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":22,"href":"https:\/\/gfss-jwt.eu\/bp\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":275,"href":"https:\/\/gfss-jwt.eu\/bp\/wp-json\/wp\/v2\/pages\/13\/revisions\/275"}],"wp:attachment":[{"href":"https:\/\/gfss-jwt.eu\/bp\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}