{"id":2239,"date":"2026-02-15T13:36:06","date_gmt":"2026-02-15T12:36:06","guid":{"rendered":"https:\/\/neounion.eu\/?page_id=2239"},"modified":"2026-02-15T13:46:41","modified_gmt":"2026-02-15T12:46:41","slug":"aineoenergy-calc","status":"publish","type":"page","link":"https:\/\/neounion.eu\/?page_id=2239","title":{"rendered":"AiNeoEnergy CALC"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2239\" class=\"elementor elementor-2239\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-27fc7a95 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"27fc7a95\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-294d406c\" data-id=\"294d406c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6298b44f elementor-widget elementor-widget-text-editor\" data-id=\"6298b44f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"\"><\/h2>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bb04f06 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bb04f06\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-37743be\" data-id=\"37743be\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dcbd15f elementor-widget elementor-widget-html\" data-id=\"dcbd15f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>AiNeoGreen | Future Energy Hub<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Michroma&display=swap\" rel=\"stylesheet\">\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n    <style>\r\n        :root {\r\n            --primary-green: #00ff88; \r\n            --deep-menthol: #008f68;\r\n            --neon-glow: rgba(0, 255, 136, 0.4);\r\n            --bg-dark: #030507;\r\n            --card-bg: rgba(15, 23, 30, 0.95);\r\n            --text-light: #f8fafc;\r\n            --text-gray: #94a3b8;\r\n            --border: rgba(0, 255, 136, 0.25);\r\n            --transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        .light-mode {\r\n            --bg-dark: #f1f5f9;\r\n            --card-bg: #ffffff;\r\n            --text-light: #0f172a;\r\n            --text-gray: #475569;\r\n            --border: rgba(0, 143, 104, 0.3);\r\n            --neon-glow: rgba(0, 255, 136, 0.15);\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            background-color: var(--bg-dark);\r\n            color: var(--text-light);\r\n            margin: 0;\r\n            overflow-x: hidden;\r\n            transition: var(--transition);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        h1, h2, .res-val, label, .stat-label, .node, .bonus-badge {\r\n            font-family: 'Michroma', sans-serif;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n        }\r\n\r\n        .main-wrapper {\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            padding: 40px 20px;\r\n        }\r\n\r\n        .hero-section {\r\n            display: grid;\r\n            grid-template-columns: 1fr 400px;\r\n            gap: 30px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .vision-card {\r\n            background: var(--card-bg);\r\n            border: 1px solid var(--border);\r\n            padding: 40px;\r\n            border-radius: 24px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* Title Gradient: Dark Menthol to Light Green *\/\r\n        .vision-card h1 {\r\n            font-size: 48px;\r\n            margin: 0 0 15px 0;\r\n            background: linear-gradient(90deg, var(--deep-menthol) 0%, var(--primary-green) 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            filter: drop-shadow(0 0 5px rgba(0, 255, 136, 0.2));\r\n        }\r\n\r\n        .core-container {\r\n            background: var(--card-bg);\r\n            border: 1px solid var(--border);\r\n            border-radius: 24px;\r\n            height: 400px;\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .energy-core {\r\n            width: 140px;\r\n            height: 140px;\r\n            border: 2px solid var(--primary-green);\r\n            border-radius: 38% 62% 63% 37% \/ 41% 44% 56% 59%;\r\n            background: radial-gradient(circle, var(--primary-green) 0%, transparent 70%);\r\n            box-shadow: 0 0 50px var(--neon-glow);\r\n            animation: morph 10s ease-in-out infinite alternate;\r\n            z-index: 2;\r\n        }\r\n\r\n        @keyframes morph {\r\n            0% { border-radius: 38% 62% 63% 37% \/ 41% 44% 56% 59%; transform: rotate(0deg) scale(1); }\r\n            100% { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; transform: rotate(180deg) scale(1.1); }\r\n        }\r\n\r\n        .node {\r\n            position: absolute;\r\n            background: rgba(0, 0, 0, 0.6);\r\n            border: 1px solid var(--primary-green);\r\n            padding: 6px 12px;\r\n            border-radius: 4px;\r\n            font-size: 9px;\r\n            color: var(--primary-green);\r\n            backdrop-filter: blur(5px);\r\n            z-index: 3;\r\n        }\r\n\r\n        .container {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 30px;\r\n        }\r\n\r\n        .card {\r\n            background: var(--card-bg);\r\n            border: 1px solid var(--border);\r\n            padding: 30px;\r\n            border-radius: 24px;\r\n            position: relative;\r\n        }\r\n\r\n        .card-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .theme-toggle-wrap {\r\n            display: flex;\r\n            gap: 15px;\r\n            align-items: center;\r\n            background: rgba(0,0,0,0.2);\r\n            padding: 8px 15px;\r\n            border-radius: 20px;\r\n            border: 1px solid var(--border);\r\n        }\r\n\r\n        .theme-icon {\r\n            cursor: pointer;\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: var(--text-gray);\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .theme-icon:hover {\r\n            fill: var(--primary-green);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .theme-icon.active {\r\n            fill: var(--primary-green);\r\n            filter: drop-shadow(0 0 5px var(--primary-green));\r\n        }\r\n\r\n        .form-group { margin-bottom: 25px; }\r\n        .form-group label { font-size: 11px; color: var(--text-gray); margin-bottom: 12px; display: block; font-weight: 600; }\r\n\r\n        input[type=\"text\"], select {\r\n            background: rgba(0,0,0,0.4);\r\n            border: 1px solid var(--border);\r\n            border-radius: 14px;\r\n            padding: 24px; \r\n            color: var(--primary-green);\r\n            font-family: 'Michroma', sans-serif;\r\n            font-size: 12px; \r\n            width: 100%;\r\n            box-sizing: border-box;\r\n            outline: none;\r\n            transition: var(--transition);\r\n            cursor: pointer;\r\n            appearance: none;\r\n            background-image: linear-gradient(45deg, transparent 50%, var(--primary-green) 50%), linear-gradient(135deg, var(--primary-green) 50%, transparent 50%);\r\n            background-position: calc(100% - 30px) center, calc(100% - 24px) center;\r\n            background-size: 6px 6px, 6px 6px;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        input[type=\"text\"] {\r\n            background-image: none;\r\n            color: #fff;\r\n            cursor: text;\r\n        }\r\n\r\n        select option {\r\n            background-color: #0f171e;\r\n            color: #ffffff;\r\n        }\r\n\r\n        input[type=\"text\"]:focus, select:focus {\r\n            border-color: var(--primary-green);\r\n            box-shadow: 0 0 20px var(--neon-glow);\r\n        }\r\n\r\n        .light-mode input[type=\"text\"], .light-mode select { \r\n            background-color: #ffffff; \r\n            color: #0f172a; \r\n            border-color: #cbd5e1;\r\n            background-image: linear-gradient(45deg, transparent 50%, #0f172a 50%), linear-gradient(135deg, #0f172a 50%, transparent 50%);\r\n        }\r\n\r\n        #bonusLabel {\r\n            margin-top: 15px; \r\n            font-size: 14px; \r\n            color: var(--primary-green);\r\n            font-family: 'Michroma', sans-serif;\r\n            text-shadow: 0 0 10px var(--neon-glow);\r\n        }\r\n\r\n        .res-card {\r\n            background: rgba(0, 255, 136, 0.04);\r\n            border: 1px solid rgba(0, 255, 136, 0.15);\r\n            padding: 18px;\r\n            border-radius: 16px;\r\n        }\r\n\r\n        .res-val { font-size: 18px; color: var(--primary-green); margin-top: 4px; }\r\n        .res-total-val { font-size: 22px; color: #fff; font-weight: bold; }\r\n        .light-mode .res-total-val { color: #000; }\r\n\r\n        .equity-box {\r\n            border-left: 3px solid var(--primary-green);\r\n            padding-left: 15px;\r\n            margin: 10px 0;\r\n        }\r\n\r\n        .chart-box {\r\n            height: 200px; \r\n            margin-top: 25px;\r\n            background: rgba(0,0,0,0.1);\r\n            border-radius: 12px;\r\n            padding: 10px;\r\n        }\r\n\r\n        input[type=range] { width: 100%; margin-top: 20px; accent-color: var(--primary-green); cursor: pointer; }\r\n\r\n        @media (max-width: 900px) {\r\n            .hero-section, .container { grid-template-columns: 1fr; }\r\n            .core-container { height: 300px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"main-wrapper\">\r\n    <div class=\"hero-section\">\r\n        <div class=\"vision-card\">\r\n            <div style=\"font-size: 10px; color: var(--primary-green); font-family: 'Michroma'; margin-bottom: 10px;\">[ SYSTEM_STATUS: ONLINE ]<\/div>\r\n            <h1 id=\"aineogreen\">AiNeoGreen<\/h1>\r\n            <p style=\"color: var(--text-gray); font-size: 16px; margin: 0; font-weight: 300;\">\r\n                Decentralized ecosystem for renewable energy. Next-generation investment protocols powered by blockchain technology.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"core-container\" id=\"parallaxArea\">\r\n            <div class=\"energy-core\" id=\"core\"><\/div>\r\n            <div class=\"node\" style=\"top: 15%; left: 15%;\" data-depth=\"0.05\">SOLAR_PNL<\/div>\r\n            <div class=\"node\" style=\"top: 25%; right: 10%;\" data-depth=\"0.12\">WIND_SYS<\/div>\r\n            <div class=\"node\" style=\"bottom: 20%; right: 20%;\" data-depth=\"0.08\">BATT_STOR<\/div>\r\n            <div class=\"node\" style=\"bottom: 10%; left: 20%;\" data-depth=\"0.15\">VPP_GRID<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"card\">\r\n            <div class=\"card-header\">\r\n                <h2 id=\"investor-portal\">INVESTOR PORTAL<\/h2>\r\n                <div class=\"theme-toggle-wrap\">\r\n                    <svg class=\"theme-icon\" id=\"sunBtn\" viewBox=\"0 0 24 24\" title=\"Light Theme\"><path d=\"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41 0s-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41 0s-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41l-1.06-1.06zm1.06-10.96c.39-.39.39-1.03 0-1.41s-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36c.39-.39.39-1.03 0-1.41s-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z\"\/><\/svg>\r\n                    <svg class=\"theme-icon active\" id=\"moonBtn\" viewBox=\"0 0 24 24\" title=\"Dark Theme\"><path d=\"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z\"\/><\/svg>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <label>FUNDING_STAGE<\/label>\r\n                <select id=\"stage\">\r\n                    <option value=\"preseed\" selected>PRE-SEED (PRIVATE ALPHA)<\/option>\r\n                    <option value=\"seed\">SEED (PUBLIC BETA)<\/option>\r\n                    <option value=\"roundA\">SERIES A (MARKET)<\/option>\r\n                <\/select>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <label>INVESTMENT_AMOUNT (\u20ac)<\/label>\r\n                <input type=\"text\" id=\"invInput\" value=\"1.000.000\">\r\n                <input type=\"range\" id=\"invRange\" min=\"1000\" max=\"10000000\" step=\"1000\" value=\"1000000\">\r\n                <div id=\"bonusLabel\">EXTRA_YIELD: +4.0%<\/div>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <label>HOLDING_HORIZON<\/label>\r\n                <select id=\"horizon\">\r\n                    <option value=\"1\">1 YEAR<\/option>\r\n                    <option value=\"3\">3 YEARS<\/option>\r\n                    <option value=\"5\" selected>5 YEARS (TARGET ROI)<\/option>\r\n                    <option value=\"10\">10 YEARS (MAX GROWTH)<\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"card\">\r\n            <div class=\"card-header\">\r\n                <h2 id=\"projections\">PROJECTIONS<\/h2>\r\n            <\/div>\r\n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px;\">\r\n                <div class=\"res-card\">\r\n                    <label>GREN_TOKENS<\/label>\r\n                    <div class=\"res-val\" id=\"resTokens\">0<\/div>\r\n                <\/div>\r\n                <div class=\"res-card\">\r\n                    <label>UNIT_PRICE<\/label>\r\n                    <div class=\"res-val\" id=\"resPrice\">0 \u20ac<\/div>\r\n                <\/div>\r\n                <div class=\"equity-box\" style=\"grid-column: span 2;\">\r\n                    <label>PORTFOLIO_EQUITY<\/label>\r\n                    <div class=\"res-val\" id=\"resEquity\">0.000%<\/div>\r\n                <\/div>\r\n                <div class=\"res-card\">\r\n                    <label>EST_DIVIDENDS<\/label>\r\n                    <div class=\"res-val\" id=\"resDivs\">0 \u20ac<\/div>\r\n                <\/div>\r\n                <div class=\"res-card\" style=\"border-color: var(--primary-green); background: rgba(0, 255, 136, 0.1);\">\r\n                    <label style=\"color: var(--primary-green);\">EST_TOTAL_VALUE<\/label>\r\n                    <div class=\"res-val res-total-val\" id=\"resTotal\">0 \u20ac<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"chart-box\">\r\n                <canvas id=\"roiChart\"><\/canvas>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    const PROJECT_CAP = 250000000;\r\n    const STAGES = { preseed: { price: 0.80 }, seed: { price: 1.00 }, roundA: { price: 1.28 } };\r\n    const PROJECTIONS = {\r\n        price: { 1: 1.05, 3: 1.35, 5: 1.85, 10: 4.80 },\r\n        divs: { 1: 0.12, 3: 0.58, 5: 1.10, 10: 3.60 }\r\n    };\r\n\r\n    const input = document.getElementById('invInput');\r\n    const range = document.getElementById('invRange');\r\n    const stage = document.getElementById('stage');\r\n    const horizon = document.getElementById('horizon');\r\n    const sunBtn = document.getElementById('sunBtn');\r\n    const moonBtn = document.getElementById('moonBtn');\r\n    const parallaxArea = document.getElementById('parallaxArea');\r\n    \r\n    let chart = null;\r\n\r\n    parallaxArea.addEventListener('mousemove', (e) => {\r\n        const rect = parallaxArea.getBoundingClientRect();\r\n        const x = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n        const y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n        document.querySelectorAll('.node').forEach(node => {\r\n            const depth = node.getAttribute('data-depth');\r\n            node.style.transform = `translate(${x * depth * 350}px, ${y * depth * 350}px)`;\r\n        });\r\n        document.getElementById('core').style.boxShadow = `${-x*30}px ${-y*30}px 60px var(--neon-glow)`;\r\n    });\r\n\r\n    function format(n) { return new Intl.NumberFormat('en-GB').format(Math.round(n)); }\r\n\r\n    function calculate() {\r\n        const val = parseInt(input.value.replace(\/\\D\/g, '')) || 0;\r\n        const s = STAGES[stage.value];\r\n        const h = parseInt(horizon.value);\r\n        \r\n        let bonus = 0;\r\n        if (stage.value === 'preseed') {\r\n            if (val >= 1000000) bonus = 0.04; \/\/ 1M+ -> 4%\r\n            else if (val >= 250000) bonus = 0.03; \/\/ 250k+ -> 3%\r\n            else if (val >= 100000) bonus = 0.03; \/\/ 100k+ -> 3%\r\n            else if (val >= 50000) bonus = 0.02; \/\/ 50k+ -> 2%\r\n            else if (val >= 1000) bonus = 0.01; \/\/ up to 50k -> 1%\r\n        }\r\n\r\n        document.getElementById('bonusLabel').textContent = `EXTRA_YIELD: +${(bonus*100).toFixed(1)}%`;\r\n\r\n        const tokens = (val \/ s.price) * (1 + bonus);\r\n        const futPrice = PROJECTIONS.price[h];\r\n        const futDivs = PROJECTIONS.divs[h] * tokens;\r\n        const totalValue = (tokens * futPrice) + futDivs;\r\n        const eqPerc = (val \/ PROJECT_CAP) * 100;\r\n\r\n        document.getElementById('resTokens').textContent = format(tokens);\r\n        document.getElementById('resPrice').textContent = futPrice.toFixed(2) + ' \u20ac';\r\n        document.getElementById('resDivs').textContent = format(futDivs) + ' \u20ac';\r\n        document.getElementById('resTotal').textContent = format(totalValue) + ' \u20ac';\r\n        document.getElementById('resEquity').textContent = eqPerc.toFixed(4) + '%';\r\n        \r\n        updateChart(val, totalValue);\r\n    }\r\n\r\n    function updateChart(start, end) {\r\n        const ctx = document.getElementById('roiChart').getContext('2d');\r\n        const isDark = !document.body.classList.contains('light-mode');\r\n        const gridColor = isDark ? 'rgba(0, 255, 136, 0.1)' : 'rgba(0, 0, 0, 0.05)';\r\n        const labelColor = isDark ? '#94a3b8' : '#475569';\r\n\r\n        const data = {\r\n            labels: ['INVESTMENT', 'ESTIMATED'],\r\n            datasets: [{\r\n                data: [start, end],\r\n                backgroundColor: [isDark ? 'rgba(255,255,255,0.05)' : '#cbd5e1', '#00ff88'],\r\n                borderColor: '#00ff88',\r\n                borderWidth: 1,\r\n                borderRadius: 8,\r\n                barThickness: 50\r\n            }]\r\n        };\r\n\r\n        if (chart) {\r\n            chart.data = data;\r\n            chart.options.scales.y.grid.color = gridColor;\r\n            chart.options.scales.x.ticks.color = labelColor;\r\n            chart.update();\r\n        } else {\r\n            chart = new Chart(ctx, {\r\n                type: 'bar',\r\n                data: data,\r\n                options: {\r\n                    responsive: true,\r\n                    maintainAspectRatio: false,\r\n                    plugins: { \r\n                        legend: { display: false },\r\n                        tooltip: {\r\n                            callbacks: {\r\n                                label: (context) => format(context.raw) + ' \u20ac'\r\n                            }\r\n                        }\r\n                    },\r\n                    scales: {\r\n                        y: { \r\n                            display: true,\r\n                            grid: { color: gridColor },\r\n                            ticks: { \r\n                                color: labelColor,\r\n                                font: { size: 9, family: 'Inter' },\r\n                                callback: (value) => value >= 1000000 ? (value\/1000000).toFixed(1) + 'M' : value\/1000 + 'k'\r\n                            }\r\n                        },\r\n                        x: { \r\n                            grid: { display: false }, \r\n                            ticks: { \r\n                                font: { family: 'Michroma', size: 9 }, \r\n                                color: labelColor \r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    input.addEventListener('input', (e) => {\r\n        let n = parseInt(e.target.value.replace(\/\\D\/g, '')) || 0;\r\n        range.value = n;\r\n        e.target.value = format(n);\r\n        calculate();\r\n    });\r\n\r\n    range.addEventListener('input', (e) => {\r\n        input.value = format(e.target.value);\r\n        calculate();\r\n    });\r\n\r\n    [stage, horizon].forEach(el => el.addEventListener('change', calculate));\r\n\r\n    sunBtn.addEventListener('click', () => {\r\n        document.body.classList.add('light-mode');\r\n        sunBtn.classList.add('active');\r\n        moonBtn.classList.remove('active');\r\n        calculate();\r\n    });\r\n\r\n    moonBtn.addEventListener('click', () => {\r\n        document.body.classList.remove('light-mode');\r\n        moonBtn.classList.add('active');\r\n        sunBtn.classList.remove('active');\r\n        calculate();\r\n    });\r\n\r\n    window.onload = calculate;\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-355c0a0\" data-id=\"355c0a0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AiNeoGreen | Future Energy Hub [ SYSTEM_STATUS: ONLINE ] AiNeoGreen Decentralized ecosystem for renewable energy. Next-generation investment protocols powered by blockchain technology. SOLAR_PNL WIND_SYS BATT_STOR VPP_GRID INVESTOR PORTAL FUNDING_STAGE PRE-SEED (PRIVATE ALPHA)SEED (PUBLIC BETA)SERIES A (MARKET) INVESTMENT_AMOUNT (\u20ac) EXTRA_YIELD: +4.0% HOLDING_HORIZON 1 YEAR3 YEARS5 YEARS (TARGET ROI)10 YEARS (MAX GROWTH) PROJECTIONS GREN_TOKENS 0 UNIT_PRICE 0 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/landing.php","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-2239","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/neounion.eu\/index.php?rest_route=\/wp\/v2\/pages\/2239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neounion.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neounion.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neounion.eu\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/neounion.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2239"}],"version-history":[{"count":8,"href":"https:\/\/neounion.eu\/index.php?rest_route=\/wp\/v2\/pages\/2239\/revisions"}],"predecessor-version":[{"id":2249,"href":"https:\/\/neounion.eu\/index.php?rest_route=\/wp\/v2\/pages\/2239\/revisions\/2249"}],"wp:attachment":[{"href":"https:\/\/neounion.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}