FINPLAN UNIVERSE | Pindah Porsi – Smart Consumption to Investment<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;700;900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --black: #1e1e1e;\n --yellow: #EBFF00;\n --purple: #BC7AF9;\n --green: #2ecc71;\n --blue: #3498db;\n --orange: #ff9f43;\n --pink: #ff6b8b;\n }\n body { font-family: 'Space Grotesk', sans-serif; background-color: #f0f0f0; color: var(--black); overflow-x: hidden; }\n .unbounded { font-family: 'Unbounded', sans-serif; }\n .neo-card { background: white; border: 4px solid var(--black); box-shadow: 10px 10px 0px 0px var(--black); transition: all 0.2s ease; }\n .neo-card:hover { transform: translate(-2px, -2px); box-shadow: 14px 14px 0px 0px var(--black); }\n .sector-btn { border: 3px solid var(--black); padding: 8px; font-weight: 900; font-size: 10px; text-transform: uppercase; background: white; transition: 0.1s; cursor: pointer; }\n .sector-btn.active { background: var(--yellow); box-shadow: 4px 4px 0px 0px var(--black); transform: translate(-2px, -2px); }\n .float { animation: float 3s ease-in-out infinite; }\n @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }\n @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }\n .pulse { animation: pulse 2s infinite; }\n .slide-in { animation: slideIn 0.5s ease-out; }\n @keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n .gradient-text { background: linear-gradient(90deg, var(--purple), var(--blue)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n .bounce { animation: bounce 2s infinite; }\n @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n .wiggle { animation: wiggle 1s ease-in-out infinite; }\n @keyframes wiggle { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }\n .highlight-cta { \n background: linear-gradient(45deg, var(--yellow), var(--orange), var(--pink), var(--purple));\n background-size: 300% 300%;\n animation: gradient-shift 3s ease infinite;\n border: 4px solid var(--black) !important;\n }\n @keyframes gradient-shift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n .challenge-badge {\n background: linear-gradient(45deg, #ff0080, #ff8c00);\n color: white;\n font-weight: 900;\n padding: 4px 12px;\n border-radius: 20px;\n display: inline-block;\n animation: wiggle 2s infinite;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n \n <div class=\"max-w-6xl mx-auto mb-6\">\n <div class=\"neo-card p-4 bg-gradient-to-r from-blue-500 to-purple-600 text-white text-center pulse\">\n <div class=\"flex flex-wrap justify-center items-center gap-2 md:gap-4\">\n <span class=\"text-lg\">\ud83d\udd25<\/span>\n <span class=\"text-sm md:text-base font-black uppercase tracking-tight\">\n <span id=\"liveCounter\">2,547<\/span> INVESTOR BARU BULAN INI \u2022 ROI RATA-RATA <span id=\"avgROI\">21.3%<\/span>\n <\/span>\n <span class=\"text-lg\">\ud83d\ude80<\/span>\n <span class=\"challenge-badge text-xs\">#PindahPorsi Challenge<\/span>\n <\/div>\n <\/div>\n <\/nav>\n\n <nav class=\"max-w-6xl mx-auto flex justify-between items-center mb-12\">\n <div class=\"neo-card px-4 py-2 bg-black text-white font-black text-xl uppercase tracking-tighter\">\n FINPLAN <span class=\"text-[var(--yellow)]\">UNIVERSE<\/span>\n <\/div>\n <div class=\"hidden md:flex gap-6 font-bold uppercase text-xs\">\n <span class=\"text-green-600 animate-pulse\">\u25cf LIVE \u2022 CONNECTED<\/span>\n <span>SMART CONSUMPTION \u2192 INVESTMENT<\/span>\n <\/div>\n <\/nav>\n\n <header class=\"max-w-4xl mx-auto text-center mb-16 px-4\">\n <h1 class=\"unbounded text-4xl md:text-7xl font-black leading-none mb-6 italic uppercase\">\n JANGAN BERHENTI <span class=\"bg-[var(--yellow)] border-4 border-black px-4 inline-block -rotate-2 bounce\">BELANJA.<\/span>\n <\/h1>\n <p class=\"text-xl font-medium leading-relaxed max-w-2xl mx-auto\">\n Ubah mindset dari <span class=\"font-black gradient-text\">Pelanggan Biasa<\/span> jadi \n <span class=\"font-black gradient-text\">Pemilik Saham<\/span>.\n <br><span class=\"text-sm text-gray-600\">*Smart spending meets smart investing<\/span>\n <\/p>\n \n \n <div class=\"mt-8 p-6 neo-card bg-gradient-to-r from-pink-500 to-purple-600 text-white max-w-2xl mx-auto\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-4\">\n <div class=\"text-left\">\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"text-2xl\">\ud83c\udfc6<\/span>\n <span class=\"unbounded font-black uppercase text-sm\">VIRAL CHALLENGE<\/span>\n <\/div>\n <h3 class=\"unbounded text-xl md:text-2xl font-black mb-2\">TAG 3 TEMAN YANG MASIH JADI “DONATUR”<\/h3>\n <p class=\"text-sm opacity-90\">Bantu mereka transformasi finansial, dapatkan e-Book Premium GRATIS!<\/p>\n <\/div>\n <button onclick=\"openChallengeModal()\" class=\"px-6 py-3 bg-black text-white font-black uppercase hover:bg-white hover:text-black transition-all neo-card text-nowrap\">\n JOIN CHALLENGE <i class=\"fas fa-fire ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-8\">\n \n <aside class=\"md:col-span-4 space-y-6\">\n <div class=\"neo-card p-6 bg-white slide-in\">\n <h3 class=\"unbounded text-xs font-black mb-4 uppercase text-purple-600 tracking-widest italic\">\/\/ PILIH PORSI INVESTASI<\/h3>\n <div class=\"grid grid-cols-2 gap-2 mb-6\">\n <button onclick=\"setSector('minimarket')\" class=\"sector-btn active\" id=\"btn-minimarket\">\ud83c\udfea Retail<\/button>\n <button onclick=\"setSector('makanan')\" class=\"sector-btn\" id=\"btn-makanan\">\ud83c\udf5c F&B<\/button>\n <button onclick=\"setSector('digital')\" class=\"sector-btn\" id=\"btn-digital\">\ud83d\udcf1 Tech<\/button>\n <button onclick=\"setSector('transport')\" class=\"sector-btn\" id=\"btn-transport\">\ud83d\ude97 Mobility<\/button>\n <button onclick=\"setSector('personal')\" class=\"sector-btn\" id=\"btn-personal\">\u2728 Lifestyle<\/button>\n <button onclick=\"setSector('hobby')\" class=\"sector-btn\" id=\"btn-hobby\">\ud83c\udfaf Premium<\/button>\n <\/div>\n\n <div class=\"space-y-4\">\n <label class=\"block font-bold text-[10px] uppercase\">Pilih Perusahaan:<\/label>\n <select id=\"brandSelect\" onchange=\"updateBrandPreview()\" class=\"w-full p-3 border-4 border-black bg-white font-bold outline-none cursor-pointer\"><\/select>\n \n <div class=\"grid grid-cols-2 gap-4\">\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">Budget Bulanan:<\/label>\n <input id=\"budgetInput\" type=\"number\" value=\"1000000\" class=\"w-full p-3 border-4 border-black font-black text-xl outline-none focus:bg-[var(--yellow)]\">\n <\/div>\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">% Untuk Invest:<\/label>\n <div class=\"flex items-center gap-2 mt-2\">\n <input type=\"range\" id=\"investPercent\" min=\"10\" max=\"50\" value=\"30\" class=\"flex-grow\" oninput=\"updatePercent()\">\n <span id=\"percentValue\" class=\"font-black text-xl\">30%<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <button onclick=\"updateUniverse()\" class=\"w-full p-4 highlight-cta text-black font-black uppercase text-lg transition-all mt-4\">\n <i class=\"fas fa-bolt mr-2\"><\/i> HITUNG POTENSI GAJIAN \u2192\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-slate-800 text-white overflow-hidden\">\n <p class=\"text-[10px] font-mono text-slate-400 mb-2 uppercase tracking-widest\">\/\/ REAL-TIME MARKET DATA<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex justify-between items-center\">\n <div>\n <span id=\"tickerDisplay\" class=\"font-bold text-lg\">—<\/span>\n <span class=\"text-xs text-slate-400 ml-2\" id=\"companyName\">—<\/span>\n <\/div>\n <span id=\"priceDisplay\" class=\"text-[var(--yellow)] font-black text-2xl\">—<\/span>\n <\/div>\n <div class=\"text-xs flex justify-between\">\n <span>Growth 5Y: <span id=\"growthDisplay\" class=\"font-bold\">—<\/span><\/span>\n <span>Dividend: <span id=\"dividendDisplay\" class=\"font-bold text-green-400\">—<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-white\">\n <h4 class=\"unbounded font-black uppercase mb-4 text-sm gradient-text\">\ud83c\udf1f SUCCESS STORIES<\/h4>\n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-yellow-300 to-orange-400 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">R<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Rian \u2022 8 bulan<\/p>\n <p class=\"text-sm italic\">“Diversifikasi 30% budget lifestyle ke saham MAPI, sekarang dividennya bisa cover monthly coffee fix!”<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+24% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-blue-300 to-purple-500 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">S<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Sarah \u2022 14 bulan<\/p>\n <p class=\"text-sm italic\">“Mindset berubah total. Sekarang setiap transaksi jadi keputusan financial, bukan sekadar konsumsi.”<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+31% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star-half-alt text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/aside>\n\n <div class=\"md:col-span-8 grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"neo-card p-8 bg-white border-dashed relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-gradient-to-r from-gray-500 to-gray-700 text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Consumer\n <\/div>\n <div class=\"text-5xl mb-6\">\ud83d\uded2<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase\">Mode:<br>Pelanggan<\/h2>\n <p class=\"text-xs font-medium text-slate-500 mb-8 leading-relaxed italic\">\n Setiap transaksi adalah pengeluaran murni. Uang mengalir keluar tanpa pengembalian jangka panjang.\n <\/p>\n <div class=\"border-t-4 border-gray-300 pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-50\">Nilai 5 Tahun Kedepan:<\/span>\n <p class=\"text-3xl font-black text-gray-400\">Rp 0<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-8 bg-gradient-to-br from-yellow-300 to-yellow-500 relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-black text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Investor\n <\/div>\n <div class=\"text-5xl mb-6 float\">\ud83d\udcca<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase text-black\">Mode:<br>Pemilik<\/h2>\n <p class=\"text-xs font-black text-gray-800 mb-8 leading-relaxed italic\">\n Sebagian pengeluaran dialokasikan ke kepemilikan. Perusahaan bekerja untuk mengembangkan aset Anda.\n <\/p>\n <div class=\"border-t-4 border-black pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-70\">Estimasi Portofolio (5thn):<\/span>\n <p id=\"assetResult\" class=\"text-3xl font-black text-black\">Rp 0<\/p>\n <p class=\"text-xs font-bold text-green-800 mt-1\" id=\"returnPercentage\">+0% return<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 highlight-cta text-black text-center slide-in relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-20 h-20 bg-white\/20 rounded-full -translate-x-10 -translate-y-10\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-32 h-32 bg-white\/20 rounded-full translate-x-10 translate-y-10\"><\/div>\n \n <h3 class=\"unbounded text-2xl md:text-4xl font-black mb-4 uppercase\">\ud83d\ude80 READY TO LEVEL UP?<\/h3>\n <p class=\"text-lg font-bold mb-6 max-w-2xl mx-auto\">\n Join <span class=\"text-black bg-white px-2 py-1\">2,547+<\/span> investor yang sudah pindah porsi dari konsumsi ke investasi!\n <\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mb-8\">\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfaf<\/div>\n <p class=\"font-bold text-sm mb-1\">START SMALL<\/p>\n <p class=\"text-xs\">Mulai dari Rp 100.000<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\u26a1<\/div>\n <p class=\"font-bold text-sm mb-1\">INSTANT SETUP<\/p>\n <p class=\"text-xs\">5 menit daftar<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfc6<\/div>\n <p class=\"font-bold text-sm mb-1\">FREE BONUS<\/p>\n <p class=\"text-xs\">E-Book + Community<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openBroker()\" class=\"px-8 py-4 bg-black text-white font-black uppercase text-lg hover:bg-white hover:text-black transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-rocket\"><\/i> START INVESTING NOW\n <span class=\"text-xs bg-yellow-400 text-black px-2 py-1 rounded\">RECOMMENDED<\/span>\n <\/button>\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-lg hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-fire\"><\/i> JOIN CHALLENGE\n <span class=\"challenge-badge text-xs\">VIRAL<\/span>\n <\/button>\n <\/div>\n \n <p class=\"text-xs mt-6 font-bold\">\n <i class=\"fas fa-gift text-purple-600 mr-1\"><\/i> Bonus: Free e-Book “Smart Switch Formula” untuk 100 pendaftar pertama!\n <\/p>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-purple-500 to-blue-600 text-white slide-in\">\n <div class=\"flex flex-col md:flex-row gap-8 items-center\">\n <div class=\"text-7xl\">\ud83d\udc8e<\/div>\n <div>\n <h4 class=\"unbounded text-xl font-black mb-2 uppercase italic\">Smart Consumption = Smart Investment<\/h4>\n <p class=\"text-sm font-bold opacity-90 leading-relaxed\">\n Transformasikan <span class=\"underline\">pengeluaran rutin<\/span> menjadi <span class=\"bg-black px-1\">aliran aset pasif<\/span>. \n Sebagai pemegang saham, Anda berpartisipasi dalam pertumbuhan perusahaan yang produknya Anda gunakan sehari-hari.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-orange-400 to-red-500 text-white slide-in\">\n <div class=\"flex items-center gap-4 mb-6\">\n <span class=\"bg-black text-white px-3 py-1 font-black text-xs uppercase tracking-tighter\">TRANSFORMASI FINANSIAL<\/span>\n <div class=\"h-[1px] flex-grow bg-white\/30\"><\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-sm\">\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-yellow-300\">\ud83d\udcb0 Budget Rutin<\/p>\n <p class=\"text-xs opacity-90\">Rp 1jt\/bulan untuk konsumsi = Rp 60jt keluar dalam 5 tahun<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20 text-center\">\n <p class=\"font-black text-xl my-2\">\u21e8<\/p>\n <p class=\"text-xs font-bold\">Smart Allocation<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-green-300\">\ud83d\udcc8 Dengan Investasi<\/p>\n <p class=\"text-xs opacity-90\">Rp 300rb\/bulan = Potensi <span class=\"font-bold\">Rp 25-40jt<\/span> dalam 5 tahun*<\/p>\n <\/div>\n <\/div>\n <p class=\"text-xs mt-6 text-center opacity-80\">*Estimasi berdasarkan historical growth 10-18% per tahun. Investasi mengandung risiko.<\/p>\n <\/div>\n <\/div>\n <\/main>\n\n \n <div class=\"max-w-6xl mx-auto mt-12\">\n <div class=\"neo-card p-8 bg-gradient-to-br from-pink-500 via-purple-500 to-blue-600 text-white text-center mb-8 relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-40 h-40 bg-white\/10 rounded-full -translate-x-20 -translate-y-20\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-60 h-60 bg-white\/10 rounded-full translate-x-20 translate-y-20\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"inline-block challenge-badge px-4 py-2 mb-4 text-lg\">\n <i class=\"fas fa-fire mr-2\"><\/i> VIRAL CHALLENGE\n <\/div>\n \n <h3 class=\"unbounded text-3xl md:text-4xl font-black mb-4 uppercase\">#PINDAHPORSI CHALLENGE<\/h3>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">1\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">SIMULASI<\/p>\n <p class=\"text-sm\">Hitung potensi investasimu di atas<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">2\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">TAG 3 TEMAN<\/p>\n <p class=\"text-sm\">Yang perlu “pindah porsi” seperti kamu<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">3\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">DAPATKAN REWARD<\/p>\n <p class=\"text-sm\">E-Book Premium + Airdrop FinPlan NFT<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-xl hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-play-circle\"><\/i> JOIN CHALLENGE NOW\n <\/button>\n <button onclick=\"viewLeaderboard()\" class=\"px-8 py-4 bg-black\/50 text-white font-black uppercase text-xl hover:bg-black transition-all neo-card border-2 border-white flex items-center justify-center gap-3\">\n <i class=\"fas fa-trophy\"><\/i> VIEW LEADERBOARD\n <\/button>\n <\/div>\n \n <p class=\"text-sm mt-6 font-bold\">\n <i class=\"fas fa-gift mr-2\"><\/i> 500+ peserta sudah join! 10 pemenang terbaik dapat coaching 1-on-1 dengan financial expert!\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"flex flex-col md:flex-row justify-center gap-4 md:gap-6 mb-8\">\n <button onclick=\"shareToWA()\" class=\"neo-card px-6 py-4 bg-green-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-green-600 transition-all text-lg\">\n <i class=\"fab fa-whatsapp text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">WHATSAPP<\/div>\n <\/div>\n <\/button>\n <button onclick=\"shareToIG()\" class=\"neo-card px-6 py-4 bg-gradient-to-r from-pink-500 to-purple-600 text-white font-bold flex items-center justify-center gap-3 hover:opacity-90 transition-all text-lg\">\n <i class=\"fab fa-instagram text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">INSTAGRAM<\/div>\n <\/div>\n <\/button>\n <button onclick=\"downloadGuide()\" class=\"neo-card px-6 py-4 bg-blue-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-blue-600 transition-all text-lg\">\n <i class=\"fas fa-file-pdf text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">GET FREE<\/div>\n <div class=\"font-black\">E-BOOK<\/div>\n <\/div>\n <\/button>\n <\/div>\n \n <div class=\"text-center mb-12\">\n <p class=\"text-sm text-gray-600 mb-4\">\n <span class=\"font-black\">#PindahPorsi<\/span> \u2022 \n <span class=\"font-black\">#SmartConsumption<\/span> \u2022 \n <span class=\"font-black\">#InvestInWhatYouUse<\/span> \u2022\n <span class=\"font-black\">#FinplanUniverse<\/span>\n <\/p>\n <p class=\"text-xs text-gray-500 max-w-2xl mx-auto\">\n <i class=\"fas fa-exclamation-triangle mr-1\"><\/i> Disclaimer: Investasi saham mengandung risiko. Simulasi ini hanya ilustrasi berdasarkan data historis. \n Performa masa lalu tidak menjamin hasil di masa depan. Lakukan riset mandiri atau konsultasi dengan financial advisor.\n <br>\u00a9 2024 FinPlan Universe. All educational content.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"leadCapture\" class=\"fixed bottom-4 right-4 neo-card p-4 bg-white max-w-xs hidden md:block slide-in z-40\">\n <button onclick=\"closeLeadCapture()\" class=\"absolute top-1 right-2 text-gray-500 hover:text-black\">\u00d7<\/button>\n <p class=\"font-bold text-xs mb-2\">\ud83d\udcda FREE: “Smart Switch” eBook<\/p>\n <input type=\"email\" id=\"emailInput\" placeholder=\"your.email@domain.com\" class=\"w-full border-2 border-black p-2 mb-2 text-sm\">\n <button onclick=\"submitEmail()\" class=\"w-full bg-black text-white py-2 text-sm font-bold hover:bg-gray-800 transition-all\">\n GET EBOOK FREE\n <\/button>\n <\/div>\n\n \n <div id=\"challengeModal\" class=\"fixed inset-0 bg-black\/70 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-lg w-full max-h-[90vh] overflow-y-auto\">\n <div class=\"flex justify-between items-center mb-6\">\n <h3 class=\"unbounded text-2xl font-black gradient-text\">#PINDAHPORSI CHALLENGE<\/h3>\n <button onclick=\"closeChallengeModal()\" class=\"text-2xl hover:text-red-500\">\u00d7<\/button>\n <\/div>\n \n <div class=\"space-y-4\">\n <div class=\"bg-yellow-50 p-4 border-l-4 border-yellow-500\">\n <p class=\"font-bold text-sm\">\ud83c\udfc6 REWARD POOL:<\/p>\n <ul class=\"text-xs mt-2 space-y-1\">\n <li>\u2022 10x 1-on-1 Coaching dengan Financial Expert<\/li>\n <li>\u2022 50x FinPlan Premium e-Book Collection<\/li>\n <li>\u2022 100x FinPlan NFT Badge (Digital)<\/li>\n <li>\u2022 All participants: Free basic e-Book<\/li>\n <\/ul>\n <\/div>\n \n <div>\n <p class=\"font-bold mb-2\">\ud83d\udcdd CARA IKUTAN:<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">1<\/span>\n <p class=\"text-sm\">Gunakan simulator di atas untuk menghitung potensi investasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">2<\/span>\n <p class=\"text-sm\">Screenshot hasil simulasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">3<\/span>\n <p class=\"text-sm\">Post di Instagram\/WA Story dan TAG 3 teman yang perlu “pindah porsi”<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">4<\/span>\n <p class=\"text-sm\">Gunakan hashtag <span class=\"font-bold\">#PindahPorsi<\/span> dan tag <span class=\"font-bold\">@finplan.universe<\/span><\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">5<\/span>\n <p class=\"text-sm\">Isi form di bawah untuk verifikasi dan dapatkan reward!<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-gray-100 p-4 rounded-lg\">\n <p class=\"font-bold text-sm mb-3\">\ud83d\udccb CHALLENGE REGISTRATION:<\/p>\n \n <input type=\"text\" placeholder=\"Nama Lengkap\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"email\" placeholder=\"Email\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"text\" placeholder=\"Username Instagram (optional)\" class=\"w-full p-3 border-2 border-black mb-3\">\n \n <div class=\"mb-3\">\n <p class=\"text-xs font-bold mb-2\">Upload screenshot postingan challenge:<\/p>\n <input type=\"file\" class=\"w-full p-2 border-2 border-dashed border-black\">\n <\/div>\n \n <div class=\"flex items-start gap-2 mb-4\">\n <input type=\"checkbox\" id=\"agreeTerms\" class=\"mt-1\">\n <label for=\"agreeTerms\" class=\"text-xs\">Saya setuju dengan syarat dan ketentuan challenge<\/label>\n <\/div>\n \n <button onclick=\"submitChallenge()\" class=\"w-full bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n SUBMIT CHALLENGE ENTRY\n <\/button>\n <\/div>\n \n <p class=\"text-xs text-gray-600 text-center\">\n Challenge berlangsung hingga 30 April 2024. Pemenang akan diumumkan via email dan Instagram.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"brokerModal\" class=\"fixed inset-0 bg-black\/50 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-md w-full\">\n <h3 class=\"unbounded text-xl font-black mb-4 gradient-text\">READY TO START?<\/h3>\n <p class=\"mb-4 text-sm\">Kami akan mengarahkan Anda ke platform investasi terpercaya untuk memulai perjalanan <span class=\"font-bold\">Smart Investing<\/span>.<\/p>\n \n <div class=\"bg-gray-100 p-4 mb-6 rounded-lg\">\n <p class=\"text-xs font-bold mb-2\">YOUR SELECTION:<\/p>\n <p class=\"text-sm\">\u2022 Perusahaan: <span id=\"modalBrandName\" class=\"font-bold\">—<\/span><\/p>\n <p class=\"text-sm\">\u2022 Alokasi: <span id=\"modalAllocation\" class=\"font-bold\">—<\/span><\/p>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4\">\n <button onclick=\"closeModal()\" class=\"flex-1 border-4 border-black py-3 font-bold hover:bg-gray-100 transition-all\">\n CANCEL\n <\/button>\n <button onclick=\"redirectToBroker()\" class=\"flex-1 bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n CONTINUE \u2192\n <\/button>\n <\/div>\n <p class=\"text-xs text-gray-600 mt-4 text-center\">Kami mendapat komisi kecil dari broker untuk mendukung edukasi finansial gratis<\/p>\n <\/div>\n <\/div>\n\n <script>\n const sectors = {\n minimarket: [\n { id: \"AMRT\", name: \"ALFAMART\", ticker: \"AMRT.JK\", price: \"Rp 2.850\", growth: 0.18, dividend: \"1.2%\", desc: \"Retail network leader\" },\n { id: \"DNET\", name: \"INDOMARET\", ticker: \"DNET.JK\", price: \"Rp 10.200\", growth: 0.12, dividend: \"0.8%\", desc: \"Convenience store giant\" }\n ],\n makanan: [\n { id: \"ICBP\", name: \"INDOFOOD\", ticker: \"ICBP.JK\", price: \"Rp 11.200\", growth: 0.10, dividend: \"2.5%\", desc: \"Food & beverage conglomerate\" },\n { id: \"ULTJ\", name: \"ULTRAJAYA\", ticker: \"ULTJ.JK\", price: \"Rp 1.850\", growth: 0.08, dividend: \"1.8%\", desc: \"Dairy products leader\" },\n { id: \"CMRY\", name: \"CIMORY\", ticker: \"CMRY.JK\", price: \"Rp 4.900\", growth: 0.22, dividend: \"0.5%\", desc: \"Healthy food & beverage\" }\n ],\n digital: [\n { id: \"TLKM\", name: \"TELKOM INDONESIA\", ticker: \"TLKM.JK\", price: \"Rp 3.800\", growth: 0.07, dividend: \"3.5%\", desc: \"Telecommunications leader\" },\n { id: \"ISAT\", name: \"INDOSAT\", ticker: \"ISAT.JK\", price: \"Rp 10.500\", growth: 0.25, dividend: \"0.5%\", desc: \"Digital telecommunications\" },\n { id: \"GOTO\", name: \"GOTO GROUP\", ticker: \"GOTO.JK\", price: \"Rp 65\", growth: 0.02, dividend: \"0%\", desc: \"Tech ecosystem\" }\n ],\n transport: [\n { id: \"ASII\", name: \"ASTRA INTERNATIONAL\", ticker: \"ASII.JK\", price: \"Rp 5.200\", growth: 0.09, dividend: \"2.8%\", desc: \"Automotive & financial services\" },\n { id: \"AKRA\", name: \"AKR CORPORINDO\", ticker: \"AKRA.JK\", price: \"Rp 1.500\", growth: 0.15, dividend: \"1.5%\", desc: \"Energy & logistics\" }\n ],\n personal: [\n { id: \"UNVR\", name: \"UNILEVER INDONESIA\", ticker: \"UNVR.JK\", price: \"Rp 3.100\", growth: 0.05, dividend: \"3.0%\", desc: \"Consumer goods leader\" },\n { id: \"VICI\", name: \"VICI COSMETICS\", ticker: \"VICI.JK\", price: \"Rp 550\", growth: 0.14, dividend: \"0.8%\", desc: \"Cosmetics & personal care\" }\n ],\n hobby: [\n { id: \"MAPI\", name: \"MAP GROUP\", ticker: \"MAPI.JK\", price: \"Rp 1.900\", growth: 0.15, dividend: \"1.0%\", desc: \"Premium lifestyle retail\" },\n { id: \"ERAA\", name: \"ERA GROUP\", ticker: \"ERAA.JK\", price: \"Rp 450\", growth: 0.12, dividend: \"0.5%\", desc: \"Consumer electronics\" }\n ]\n };\n\n let currentSect = 'minimarket';\n \n \/\/ Live counter animation\n let liveCount = 2547;\n let roiValue = 21.3;\n \n setInterval(() => {\n liveCount += Math.floor(Math.random() * 8) + 1;\n roiValue += (Math.random() - 0.5) * 0.15;\n roiValue = Math.max(18, Math.min(25, roiValue)); \/\/ Keep between 18-25%\n \n document.getElementById('liveCounter').innerText = liveCount.toLocaleString('id-ID');\n document.getElementById('avgROI').innerText = roiValue.toFixed(1) + '%';\n }, 3000);\n\n function setSector(s) {\n currentSect = s;\n document.querySelectorAll('.sector-btn').forEach(b => b.classList.remove('active'));\n document.getElementById('btn-'+s).classList.add('active');\n const sel = document.getElementById('brandSelect');\n sel.innerHTML = '';\n sectors[s].forEach(b => {\n let o = document.createElement('option'); \n o.value = b.id; \n o.text = b.name; \n sel.appendChild(o);\n });\n updateBrandPreview();\n trackEvent('sector_change', s);\n }\n\n function updateBrandPreview() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n if (b) {\n document.getElementById('tickerDisplay').innerText = b.ticker;\n document.getElementById('priceDisplay').innerText = b.price;\n document.getElementById('companyName').innerText = b.desc;\n document.getElementById('growthDisplay').innerText = (b.growth * 100).toFixed(0) + '%';\n document.getElementById('dividendDisplay').innerText = b.dividend;\n }\n }\n\n function updatePercent() {\n const percent = document.getElementById('investPercent').value;\n document.getElementById('percentValue').innerText = percent + '%';\n }\n\n function updateUniverse() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n const budget = parseFloat(document.getElementById('budgetInput').value) || 1000000;\n const percent = parseInt(document.getElementById('investPercent').value) || 30;\n const monthlyInvest = budget * (percent \/ 100);\n const r = b.growth \/ 12;\n let fv = 0;\n \n \/\/ Compound calculation for 5 years (60 months)\n for(let i = 0; i < 60; i++) {\n fv = (fv + monthlyInvest) * (1 + r);\n }\n \n const initialInvestment = monthlyInvest * 60;\n const totalReturn = ((fv - initialInvestment) \/ initialInvestment) * 100;\n \n let start = 0;\n const obj = document.getElementById('assetResult');\n const returnObj = document.getElementById('returnPercentage');\n \n const timer = setInterval(() => {\n start += Math.floor(fv \/ 40);\n if(start >= fv) { \n start = Math.round(fv); \n clearInterval(timer); \n }\n obj.innerText = \"Rp \" + Math.round(start).toLocaleString('id-ID');\n \n \/\/ Update return percentage\n const currentReturn = ((start - initialInvestment) \/ initialInvestment) * 100;\n if (currentReturn > 0) {\n returnObj.innerHTML = `<span class=\"text-green-800\">+${currentReturn.toFixed(1)}% return<\/span>`;\n }\n }, 30);\n \n trackEvent('calculate', `${b.id}_${budget}_${percent}%`);\n }\n\n function openBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const brandName = document.getElementById('brandSelect').selectedOptions[0].text;\n const percent = document.getElementById('investPercent').value;\n \n document.getElementById('modalBrandName').innerText = brandName;\n document.getElementById('modalAllocation').innerText = percent + '% dari budget bulanan';\n document.getElementById('brokerModal').classList.remove('hidden');\n document.getElementById('brokerModal').classList.add('flex');\n trackEvent('open_broker_modal', selectedBrand);\n }\n\n function openChallengeModal() {\n document.getElementById('challengeModal').classList.remove('hidden');\n document.getElementById('challengeModal').classList.add('flex');\n trackEvent('open_challenge_modal', 'challenge');\n }\n\n function closeChallengeModal() {\n document.getElementById('challengeModal').classList.add('hidden');\n document.getElementById('challengeModal').classList.remove('flex');\n trackEvent('close_challenge_modal', 'cancel');\n }\n\n function closeModal() {\n document.getElementById('brokerModal').classList.add('hidden');\n document.getElementById('brokerModal').classList.remove('flex');\n trackEvent('close_broker_modal', 'cancel');\n }\n\n function redirectToBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const ticker = sectors[currentSect].find(x => x.id === selectedBrand)?.ticker || 'AMRT.JK';\n \n \/\/ Simulated broker redirect\n alert(`Redirecting to investment platform for ${ticker}...\\n\\nIn production: Platform integration with Ajaib\/Stockbit\/Bibit`);\n \n trackEvent('redirect_to_broker', selectedBrand);\n closeModal();\n }\n\n function shareToWA() {\n const selectedBrand = document.getElementById('brandSelect').selectedOptions[0].text;\n const text = `\ud83d\udd25 #PINDAHPORSI CHALLENGE \ud83d\udd25\\n\\nGue baru hitung gimana kalo 30% budget jajan dialokasiin ke saham ${selectedBrand}! Potensi returnnya gila dalam 5 tahun! \\n\\nCoba simulasiin sendiri di sini: ${window.location.href} \\n\\nTag 3 teman yang masih jadi \"donatur brand\"! \\n\\n#PindahPorsi #SmartInvesting #FinplanUniverse`;\n \n window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(text)}`, '_blank');\n trackEvent('share', 'whatsapp_challenge');\n }\n\n function shareToIG() {\n alert('\ud83d\udcf8 Untuk Instagram:\\n\\n1. Screenshot hasil simulasimu\\n2. Post di Feed\/Story\\n3. Tag @finplan.universe\\n4. Tag 3 teman\\n5. Hashtag #PindahPorsi\\n\\nKami akan repost yang terbaik!');\n trackEvent('share', 'instagram_challenge');\n }\n\n function viewLeaderboard() {\n alert('\ud83c\udfc6 Redirecting to Challenge Leaderboard...\\n\\nSee top participants and their entries!');\n trackEvent('view_leaderboard', 'challenge');\n }\n\n function submitChallenge() {\n const agree = document.querySelector('#agreeTerms').checked;\n if (!agree) {\n alert('Please agree to the terms and conditions');\n return;\n }\n \n alert('\ud83c\udf89 Challenge entry submitted!\\n\\nWe will verify your submission within 24 hours. Reward will be sent via email.\\n\\nThank you for joining #PindahPorsi Challenge!');\n closeChallengeModal();\n trackEvent('submit_challenge', 'success');\n }\n\n function downloadGuide() {\n alert('\ud83d\udce5 Downloading \"Smart Switch Guide\" (PDF)...\\n\\nGuide akan dikirim ke email Anda (jika sudah submit)');\n trackEvent('download', 'guide');\n }\n\n function submitEmail() {\n const email = document.getElementById('emailInput').value;\n if (email && email.includes('@') && email.includes('.')) {\n alert(`\u2705 Terima kasih! eBook \"Smart Switch\" akan dikirim ke ${email} dalam 5 menit.\\n\\nCek folder spam\/promosi jika belum sampai.`);\n document.getElementById('emailInput').value = '';\n closeLeadCapture();\n trackEvent('email_submit', 'success');\n } else {\n alert('\u26a0\ufe0f Masukkan email yang valid untuk mendapatkan ebook gratis!');\n }\n }\n\n function closeLeadCapture() {\n document.getElementById('leadCapture').style.display = 'none';\n }\n\n \/\/ Show email capture after 8 seconds\n setTimeout(() => {\n const capture = document.getElementById('leadCapture');\n if (capture) capture.style.display = 'block';\n }, 8000);\n\n \/\/ Analytics simulation\n function trackEvent(action, label) {\n console.log(`[ANALYTICS] ${action}: ${label}`);\n \/\/ Production: Google Analytics, Facebook Pixel, etc.\n }\n\n \/\/ Initialize\n window.onload = () => {\n setSector('minimarket');\n updatePercent();\n \n \/\/ Auto-calculate on page load\n setTimeout(updateUniverse, 1000);\n \n \/\/ Auto-show challenge modal after 15 seconds\n setTimeout(() => {\n if (!localStorage.getItem('challenge_shown')) {\n openChallengeModal();\n localStorage.setItem('challenge_shown', 'true');\n }\n }, 15000);\n };\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>FINPLAN UNIVERSE | Pindah Porsi – Smart Consumption to Investment \ud83d\udd25 2,547 INVESTOR BARU BULAN INI \u2022 ROI RATA-RATA 21.3% \ud83d\ude80 #PindahPorsi Challenge FINPLAN UNIVERSE \u25cf LIVE \u2022 CONNECTED SMART CONSUMPTION \u2192 INVESTMENT JANGAN BERHENTI BELANJA. Ubah mindset dari Pelanggan Biasa jadi Pemilik Saham. *Smart spending meets smart investing \ud83c\udfc6 VIRAL CHALLENGE TAG 3 TEMAN […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jnews_page_loop":[],"jnews_single_page":[],"footnotes":""},"class_list":["post-2359","page","type-page","status-publish","hentry"],"has_blocks":true,"blocks":[{"blockName":"core\/html","attrs":{"content":"","lock":[],"metadata":[]},"innerBlocks":[],"innerHTML":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>FINPLAN UNIVERSE | Pindah Porsi - Smart Consumption to Investment<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;700;900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --black: #1e1e1e;\n --yellow: #EBFF00;\n --purple: #BC7AF9;\n --green: #2ecc71;\n --blue: #3498db;\n --orange: #ff9f43;\n --pink: #ff6b8b;\n }\n body { font-family: 'Space Grotesk', sans-serif; background-color: #f0f0f0; color: var(--black); overflow-x: hidden; }\n .unbounded { font-family: 'Unbounded', sans-serif; }\n .neo-card { background: white; border: 4px solid var(--black); box-shadow: 10px 10px 0px 0px var(--black); transition: all 0.2s ease; }\n .neo-card:hover { transform: translate(-2px, -2px); box-shadow: 14px 14px 0px 0px var(--black); }\n .sector-btn { border: 3px solid var(--black); padding: 8px; font-weight: 900; font-size: 10px; text-transform: uppercase; background: white; transition: 0.1s; cursor: pointer; }\n .sector-btn.active { background: var(--yellow); box-shadow: 4px 4px 0px 0px var(--black); transform: translate(-2px, -2px); }\n .float { animation: float 3s ease-in-out infinite; }\n @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }\n @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }\n .pulse { animation: pulse 2s infinite; }\n .slide-in { animation: slideIn 0.5s ease-out; }\n @keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n .gradient-text { background: linear-gradient(90deg, var(--purple), var(--blue)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n .bounce { animation: bounce 2s infinite; }\n @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n .wiggle { animation: wiggle 1s ease-in-out infinite; }\n @keyframes wiggle { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }\n .highlight-cta { \n background: linear-gradient(45deg, var(--yellow), var(--orange), var(--pink), var(--purple));\n background-size: 300% 300%;\n animation: gradient-shift 3s ease infinite;\n border: 4px solid var(--black) !important;\n }\n @keyframes gradient-shift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n .challenge-badge {\n background: linear-gradient(45deg, #ff0080, #ff8c00);\n color: white;\n font-weight: 900;\n padding: 4px 12px;\n border-radius: 20px;\n display: inline-block;\n animation: wiggle 2s infinite;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n \n <div class=\"max-w-6xl mx-auto mb-6\">\n <div class=\"neo-card p-4 bg-gradient-to-r from-blue-500 to-purple-600 text-white text-center pulse\">\n <div class=\"flex flex-wrap justify-center items-center gap-2 md:gap-4\">\n <span class=\"text-lg\">\ud83d\udd25<\/span>\n <span class=\"text-sm md:text-base font-black uppercase tracking-tight\">\n <span id=\"liveCounter\">2,547<\/span> INVESTOR BARU BULAN INI \u2022 ROI RATA-RATA <span id=\"avgROI\">21.3%<\/span>\n <\/span>\n <span class=\"text-lg\">\ud83d\ude80<\/span>\n <span class=\"challenge-badge text-xs\">#PindahPorsi Challenge<\/span>\n <\/div>\n <\/div>\n <\/nav>\n\n <nav class=\"max-w-6xl mx-auto flex justify-between items-center mb-12\">\n <div class=\"neo-card px-4 py-2 bg-black text-white font-black text-xl uppercase tracking-tighter\">\n FINPLAN <span class=\"text-[var(--yellow)]\">UNIVERSE<\/span>\n <\/div>\n <div class=\"hidden md:flex gap-6 font-bold uppercase text-xs\">\n <span class=\"text-green-600 animate-pulse\">\u25cf LIVE \u2022 CONNECTED<\/span>\n <span>SMART CONSUMPTION \u2192 INVESTMENT<\/span>\n <\/div>\n <\/nav>\n\n <header class=\"max-w-4xl mx-auto text-center mb-16 px-4\">\n <h1 class=\"unbounded text-4xl md:text-7xl font-black leading-none mb-6 italic uppercase\">\n JANGAN BERHENTI <span class=\"bg-[var(--yellow)] border-4 border-black px-4 inline-block -rotate-2 bounce\">BELANJA.<\/span>\n <\/h1>\n <p class=\"text-xl font-medium leading-relaxed max-w-2xl mx-auto\">\n Ubah mindset dari <span class=\"font-black gradient-text\">Pelanggan Biasa<\/span> jadi \n <span class=\"font-black gradient-text\">Pemilik Saham<\/span>.\n <br><span class=\"text-sm text-gray-600\">*Smart spending meets smart investing<\/span>\n <\/p>\n \n \n <div class=\"mt-8 p-6 neo-card bg-gradient-to-r from-pink-500 to-purple-600 text-white max-w-2xl mx-auto\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-4\">\n <div class=\"text-left\">\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"text-2xl\">\ud83c\udfc6<\/span>\n <span class=\"unbounded font-black uppercase text-sm\">VIRAL CHALLENGE<\/span>\n <\/div>\n <h3 class=\"unbounded text-xl md:text-2xl font-black mb-2\">TAG 3 TEMAN YANG MASIH JADI \"DONATUR\"<\/h3>\n <p class=\"text-sm opacity-90\">Bantu mereka transformasi finansial, dapatkan e-Book Premium GRATIS!<\/p>\n <\/div>\n <button onclick=\"openChallengeModal()\" class=\"px-6 py-3 bg-black text-white font-black uppercase hover:bg-white hover:text-black transition-all neo-card text-nowrap\">\n JOIN CHALLENGE <i class=\"fas fa-fire ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-8\">\n \n <aside class=\"md:col-span-4 space-y-6\">\n <div class=\"neo-card p-6 bg-white slide-in\">\n <h3 class=\"unbounded text-xs font-black mb-4 uppercase text-purple-600 tracking-widest italic\">\/\/ PILIH PORSI INVESTASI<\/h3>\n <div class=\"grid grid-cols-2 gap-2 mb-6\">\n <button onclick=\"setSector('minimarket')\" class=\"sector-btn active\" id=\"btn-minimarket\">\ud83c\udfea Retail<\/button>\n <button onclick=\"setSector('makanan')\" class=\"sector-btn\" id=\"btn-makanan\">\ud83c\udf5c F&B<\/button>\n <button onclick=\"setSector('digital')\" class=\"sector-btn\" id=\"btn-digital\">\ud83d\udcf1 Tech<\/button>\n <button onclick=\"setSector('transport')\" class=\"sector-btn\" id=\"btn-transport\">\ud83d\ude97 Mobility<\/button>\n <button onclick=\"setSector('personal')\" class=\"sector-btn\" id=\"btn-personal\">\u2728 Lifestyle<\/button>\n <button onclick=\"setSector('hobby')\" class=\"sector-btn\" id=\"btn-hobby\">\ud83c\udfaf Premium<\/button>\n <\/div>\n\n <div class=\"space-y-4\">\n <label class=\"block font-bold text-[10px] uppercase\">Pilih Perusahaan:<\/label>\n <select id=\"brandSelect\" onchange=\"updateBrandPreview()\" class=\"w-full p-3 border-4 border-black bg-white font-bold outline-none cursor-pointer\"><\/select>\n \n <div class=\"grid grid-cols-2 gap-4\">\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">Budget Bulanan:<\/label>\n <input id=\"budgetInput\" type=\"number\" value=\"1000000\" class=\"w-full p-3 border-4 border-black font-black text-xl outline-none focus:bg-[var(--yellow)]\">\n <\/div>\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">% Untuk Invest:<\/label>\n <div class=\"flex items-center gap-2 mt-2\">\n <input type=\"range\" id=\"investPercent\" min=\"10\" max=\"50\" value=\"30\" class=\"flex-grow\" oninput=\"updatePercent()\">\n <span id=\"percentValue\" class=\"font-black text-xl\">30%<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <button onclick=\"updateUniverse()\" class=\"w-full p-4 highlight-cta text-black font-black uppercase text-lg transition-all mt-4\">\n <i class=\"fas fa-bolt mr-2\"><\/i> HITUNG POTENSI GAJIAN \u2192\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-slate-800 text-white overflow-hidden\">\n <p class=\"text-[10px] font-mono text-slate-400 mb-2 uppercase tracking-widest\">\/\/ REAL-TIME MARKET DATA<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex justify-between items-center\">\n <div>\n <span id=\"tickerDisplay\" class=\"font-bold text-lg\">---<\/span>\n <span class=\"text-xs text-slate-400 ml-2\" id=\"companyName\">---<\/span>\n <\/div>\n <span id=\"priceDisplay\" class=\"text-[var(--yellow)] font-black text-2xl\">---<\/span>\n <\/div>\n <div class=\"text-xs flex justify-between\">\n <span>Growth 5Y: <span id=\"growthDisplay\" class=\"font-bold\">---<\/span><\/span>\n <span>Dividend: <span id=\"dividendDisplay\" class=\"font-bold text-green-400\">---<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-white\">\n <h4 class=\"unbounded font-black uppercase mb-4 text-sm gradient-text\">\ud83c\udf1f SUCCESS STORIES<\/h4>\n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-yellow-300 to-orange-400 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">R<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Rian \u2022 8 bulan<\/p>\n <p class=\"text-sm italic\">\"Diversifikasi 30% budget lifestyle ke saham MAPI, sekarang dividennya bisa cover monthly coffee fix!\"<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+24% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-blue-300 to-purple-500 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">S<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Sarah \u2022 14 bulan<\/p>\n <p class=\"text-sm italic\">\"Mindset berubah total. Sekarang setiap transaksi jadi keputusan financial, bukan sekadar konsumsi.\"<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+31% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star-half-alt text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/aside>\n\n <div class=\"md:col-span-8 grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"neo-card p-8 bg-white border-dashed relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-gradient-to-r from-gray-500 to-gray-700 text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Consumer\n <\/div>\n <div class=\"text-5xl mb-6\">\ud83d\uded2<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase\">Mode:<br>Pelanggan<\/h2>\n <p class=\"text-xs font-medium text-slate-500 mb-8 leading-relaxed italic\">\n Setiap transaksi adalah pengeluaran murni. Uang mengalir keluar tanpa pengembalian jangka panjang.\n <\/p>\n <div class=\"border-t-4 border-gray-300 pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-50\">Nilai 5 Tahun Kedepan:<\/span>\n <p class=\"text-3xl font-black text-gray-400\">Rp 0<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-8 bg-gradient-to-br from-yellow-300 to-yellow-500 relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-black text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Investor\n <\/div>\n <div class=\"text-5xl mb-6 float\">\ud83d\udcca<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase text-black\">Mode:<br>Pemilik<\/h2>\n <p class=\"text-xs font-black text-gray-800 mb-8 leading-relaxed italic\">\n Sebagian pengeluaran dialokasikan ke kepemilikan. Perusahaan bekerja untuk mengembangkan aset Anda.\n <\/p>\n <div class=\"border-t-4 border-black pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-70\">Estimasi Portofolio (5thn):<\/span>\n <p id=\"assetResult\" class=\"text-3xl font-black text-black\">Rp 0<\/p>\n <p class=\"text-xs font-bold text-green-800 mt-1\" id=\"returnPercentage\">+0% return<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 highlight-cta text-black text-center slide-in relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-20 h-20 bg-white\/20 rounded-full -translate-x-10 -translate-y-10\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-32 h-32 bg-white\/20 rounded-full translate-x-10 translate-y-10\"><\/div>\n \n <h3 class=\"unbounded text-2xl md:text-4xl font-black mb-4 uppercase\">\ud83d\ude80 READY TO LEVEL UP?<\/h3>\n <p class=\"text-lg font-bold mb-6 max-w-2xl mx-auto\">\n Join <span class=\"text-black bg-white px-2 py-1\">2,547+<\/span> investor yang sudah pindah porsi dari konsumsi ke investasi!\n <\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mb-8\">\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfaf<\/div>\n <p class=\"font-bold text-sm mb-1\">START SMALL<\/p>\n <p class=\"text-xs\">Mulai dari Rp 100.000<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\u26a1<\/div>\n <p class=\"font-bold text-sm mb-1\">INSTANT SETUP<\/p>\n <p class=\"text-xs\">5 menit daftar<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfc6<\/div>\n <p class=\"font-bold text-sm mb-1\">FREE BONUS<\/p>\n <p class=\"text-xs\">E-Book + Community<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openBroker()\" class=\"px-8 py-4 bg-black text-white font-black uppercase text-lg hover:bg-white hover:text-black transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-rocket\"><\/i> START INVESTING NOW\n <span class=\"text-xs bg-yellow-400 text-black px-2 py-1 rounded\">RECOMMENDED<\/span>\n <\/button>\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-lg hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-fire\"><\/i> JOIN CHALLENGE\n <span class=\"challenge-badge text-xs\">VIRAL<\/span>\n <\/button>\n <\/div>\n \n <p class=\"text-xs mt-6 font-bold\">\n <i class=\"fas fa-gift text-purple-600 mr-1\"><\/i> Bonus: Free e-Book \"Smart Switch Formula\" untuk 100 pendaftar pertama!\n <\/p>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-purple-500 to-blue-600 text-white slide-in\">\n <div class=\"flex flex-col md:flex-row gap-8 items-center\">\n <div class=\"text-7xl\">\ud83d\udc8e<\/div>\n <div>\n <h4 class=\"unbounded text-xl font-black mb-2 uppercase italic\">Smart Consumption = Smart Investment<\/h4>\n <p class=\"text-sm font-bold opacity-90 leading-relaxed\">\n Transformasikan <span class=\"underline\">pengeluaran rutin<\/span> menjadi <span class=\"bg-black px-1\">aliran aset pasif<\/span>. \n Sebagai pemegang saham, Anda berpartisipasi dalam pertumbuhan perusahaan yang produknya Anda gunakan sehari-hari.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-orange-400 to-red-500 text-white slide-in\">\n <div class=\"flex items-center gap-4 mb-6\">\n <span class=\"bg-black text-white px-3 py-1 font-black text-xs uppercase tracking-tighter\">TRANSFORMASI FINANSIAL<\/span>\n <div class=\"h-[1px] flex-grow bg-white\/30\"><\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-sm\">\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-yellow-300\">\ud83d\udcb0 Budget Rutin<\/p>\n <p class=\"text-xs opacity-90\">Rp 1jt\/bulan untuk konsumsi = Rp 60jt keluar dalam 5 tahun<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20 text-center\">\n <p class=\"font-black text-xl my-2\">\u21e8<\/p>\n <p class=\"text-xs font-bold\">Smart Allocation<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-green-300\">\ud83d\udcc8 Dengan Investasi<\/p>\n <p class=\"text-xs opacity-90\">Rp 300rb\/bulan = Potensi <span class=\"font-bold\">Rp 25-40jt<\/span> dalam 5 tahun*<\/p>\n <\/div>\n <\/div>\n <p class=\"text-xs mt-6 text-center opacity-80\">*Estimasi berdasarkan historical growth 10-18% per tahun. Investasi mengandung risiko.<\/p>\n <\/div>\n <\/div>\n <\/main>\n\n \n <div class=\"max-w-6xl mx-auto mt-12\">\n <div class=\"neo-card p-8 bg-gradient-to-br from-pink-500 via-purple-500 to-blue-600 text-white text-center mb-8 relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-40 h-40 bg-white\/10 rounded-full -translate-x-20 -translate-y-20\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-60 h-60 bg-white\/10 rounded-full translate-x-20 translate-y-20\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"inline-block challenge-badge px-4 py-2 mb-4 text-lg\">\n <i class=\"fas fa-fire mr-2\"><\/i> VIRAL CHALLENGE\n <\/div>\n \n <h3 class=\"unbounded text-3xl md:text-4xl font-black mb-4 uppercase\">#PINDAHPORSI CHALLENGE<\/h3>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">1\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">SIMULASI<\/p>\n <p class=\"text-sm\">Hitung potensi investasimu di atas<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">2\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">TAG 3 TEMAN<\/p>\n <p class=\"text-sm\">Yang perlu \"pindah porsi\" seperti kamu<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">3\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">DAPATKAN REWARD<\/p>\n <p class=\"text-sm\">E-Book Premium + Airdrop FinPlan NFT<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-xl hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-play-circle\"><\/i> JOIN CHALLENGE NOW\n <\/button>\n <button onclick=\"viewLeaderboard()\" class=\"px-8 py-4 bg-black\/50 text-white font-black uppercase text-xl hover:bg-black transition-all neo-card border-2 border-white flex items-center justify-center gap-3\">\n <i class=\"fas fa-trophy\"><\/i> VIEW LEADERBOARD\n <\/button>\n <\/div>\n \n <p class=\"text-sm mt-6 font-bold\">\n <i class=\"fas fa-gift mr-2\"><\/i> 500+ peserta sudah join! 10 pemenang terbaik dapat coaching 1-on-1 dengan financial expert!\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"flex flex-col md:flex-row justify-center gap-4 md:gap-6 mb-8\">\n <button onclick=\"shareToWA()\" class=\"neo-card px-6 py-4 bg-green-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-green-600 transition-all text-lg\">\n <i class=\"fab fa-whatsapp text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">WHATSAPP<\/div>\n <\/div>\n <\/button>\n <button onclick=\"shareToIG()\" class=\"neo-card px-6 py-4 bg-gradient-to-r from-pink-500 to-purple-600 text-white font-bold flex items-center justify-center gap-3 hover:opacity-90 transition-all text-lg\">\n <i class=\"fab fa-instagram text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">INSTAGRAM<\/div>\n <\/div>\n <\/button>\n <button onclick=\"downloadGuide()\" class=\"neo-card px-6 py-4 bg-blue-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-blue-600 transition-all text-lg\">\n <i class=\"fas fa-file-pdf text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">GET FREE<\/div>\n <div class=\"font-black\">E-BOOK<\/div>\n <\/div>\n <\/button>\n <\/div>\n \n <div class=\"text-center mb-12\">\n <p class=\"text-sm text-gray-600 mb-4\">\n <span class=\"font-black\">#PindahPorsi<\/span> \u2022 \n <span class=\"font-black\">#SmartConsumption<\/span> \u2022 \n <span class=\"font-black\">#InvestInWhatYouUse<\/span> \u2022\n <span class=\"font-black\">#FinplanUniverse<\/span>\n <\/p>\n <p class=\"text-xs text-gray-500 max-w-2xl mx-auto\">\n <i class=\"fas fa-exclamation-triangle mr-1\"><\/i> Disclaimer: Investasi saham mengandung risiko. Simulasi ini hanya ilustrasi berdasarkan data historis. \n Performa masa lalu tidak menjamin hasil di masa depan. Lakukan riset mandiri atau konsultasi dengan financial advisor.\n <br>\u00a9 2024 FinPlan Universe. All educational content.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"leadCapture\" class=\"fixed bottom-4 right-4 neo-card p-4 bg-white max-w-xs hidden md:block slide-in z-40\">\n <button onclick=\"closeLeadCapture()\" class=\"absolute top-1 right-2 text-gray-500 hover:text-black\">\u00d7<\/button>\n <p class=\"font-bold text-xs mb-2\">\ud83d\udcda FREE: \"Smart Switch\" eBook<\/p>\n <input type=\"email\" id=\"emailInput\" placeholder=\"your.email@domain.com\" class=\"w-full border-2 border-black p-2 mb-2 text-sm\">\n <button onclick=\"submitEmail()\" class=\"w-full bg-black text-white py-2 text-sm font-bold hover:bg-gray-800 transition-all\">\n GET EBOOK FREE\n <\/button>\n <\/div>\n\n \n <div id=\"challengeModal\" class=\"fixed inset-0 bg-black\/70 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-lg w-full max-h-[90vh] overflow-y-auto\">\n <div class=\"flex justify-between items-center mb-6\">\n <h3 class=\"unbounded text-2xl font-black gradient-text\">#PINDAHPORSI CHALLENGE<\/h3>\n <button onclick=\"closeChallengeModal()\" class=\"text-2xl hover:text-red-500\">\u00d7<\/button>\n <\/div>\n \n <div class=\"space-y-4\">\n <div class=\"bg-yellow-50 p-4 border-l-4 border-yellow-500\">\n <p class=\"font-bold text-sm\">\ud83c\udfc6 REWARD POOL:<\/p>\n <ul class=\"text-xs mt-2 space-y-1\">\n <li>\u2022 10x 1-on-1 Coaching dengan Financial Expert<\/li>\n <li>\u2022 50x FinPlan Premium e-Book Collection<\/li>\n <li>\u2022 100x FinPlan NFT Badge (Digital)<\/li>\n <li>\u2022 All participants: Free basic e-Book<\/li>\n <\/ul>\n <\/div>\n \n <div>\n <p class=\"font-bold mb-2\">\ud83d\udcdd CARA IKUTAN:<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">1<\/span>\n <p class=\"text-sm\">Gunakan simulator di atas untuk menghitung potensi investasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">2<\/span>\n <p class=\"text-sm\">Screenshot hasil simulasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">3<\/span>\n <p class=\"text-sm\">Post di Instagram\/WA Story dan TAG 3 teman yang perlu \"pindah porsi\"<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">4<\/span>\n <p class=\"text-sm\">Gunakan hashtag <span class=\"font-bold\">#PindahPorsi<\/span> dan tag <span class=\"font-bold\">@finplan.universe<\/span><\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">5<\/span>\n <p class=\"text-sm\">Isi form di bawah untuk verifikasi dan dapatkan reward!<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-gray-100 p-4 rounded-lg\">\n <p class=\"font-bold text-sm mb-3\">\ud83d\udccb CHALLENGE REGISTRATION:<\/p>\n \n <input type=\"text\" placeholder=\"Nama Lengkap\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"email\" placeholder=\"Email\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"text\" placeholder=\"Username Instagram (optional)\" class=\"w-full p-3 border-2 border-black mb-3\">\n \n <div class=\"mb-3\">\n <p class=\"text-xs font-bold mb-2\">Upload screenshot postingan challenge:<\/p>\n <input type=\"file\" class=\"w-full p-2 border-2 border-dashed border-black\">\n <\/div>\n \n <div class=\"flex items-start gap-2 mb-4\">\n <input type=\"checkbox\" id=\"agreeTerms\" class=\"mt-1\">\n <label for=\"agreeTerms\" class=\"text-xs\">Saya setuju dengan syarat dan ketentuan challenge<\/label>\n <\/div>\n \n <button onclick=\"submitChallenge()\" class=\"w-full bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n SUBMIT CHALLENGE ENTRY\n <\/button>\n <\/div>\n \n <p class=\"text-xs text-gray-600 text-center\">\n Challenge berlangsung hingga 30 April 2024. Pemenang akan diumumkan via email dan Instagram.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"brokerModal\" class=\"fixed inset-0 bg-black\/50 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-md w-full\">\n <h3 class=\"unbounded text-xl font-black mb-4 gradient-text\">READY TO START?<\/h3>\n <p class=\"mb-4 text-sm\">Kami akan mengarahkan Anda ke platform investasi terpercaya untuk memulai perjalanan <span class=\"font-bold\">Smart Investing<\/span>.<\/p>\n \n <div class=\"bg-gray-100 p-4 mb-6 rounded-lg\">\n <p class=\"text-xs font-bold mb-2\">YOUR SELECTION:<\/p>\n <p class=\"text-sm\">\u2022 Perusahaan: <span id=\"modalBrandName\" class=\"font-bold\">---<\/span><\/p>\n <p class=\"text-sm\">\u2022 Alokasi: <span id=\"modalAllocation\" class=\"font-bold\">---<\/span><\/p>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4\">\n <button onclick=\"closeModal()\" class=\"flex-1 border-4 border-black py-3 font-bold hover:bg-gray-100 transition-all\">\n CANCEL\n <\/button>\n <button onclick=\"redirectToBroker()\" class=\"flex-1 bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n CONTINUE \u2192\n <\/button>\n <\/div>\n <p class=\"text-xs text-gray-600 mt-4 text-center\">Kami mendapat komisi kecil dari broker untuk mendukung edukasi finansial gratis<\/p>\n <\/div>\n <\/div>\n\n <script>\n const sectors = {\n minimarket: [\n { id: \"AMRT\", name: \"ALFAMART\", ticker: \"AMRT.JK\", price: \"Rp 2.850\", growth: 0.18, dividend: \"1.2%\", desc: \"Retail network leader\" },\n { id: \"DNET\", name: \"INDOMARET\", ticker: \"DNET.JK\", price: \"Rp 10.200\", growth: 0.12, dividend: \"0.8%\", desc: \"Convenience store giant\" }\n ],\n makanan: [\n { id: \"ICBP\", name: \"INDOFOOD\", ticker: \"ICBP.JK\", price: \"Rp 11.200\", growth: 0.10, dividend: \"2.5%\", desc: \"Food & beverage conglomerate\" },\n { id: \"ULTJ\", name: \"ULTRAJAYA\", ticker: \"ULTJ.JK\", price: \"Rp 1.850\", growth: 0.08, dividend: \"1.8%\", desc: \"Dairy products leader\" },\n { id: \"CMRY\", name: \"CIMORY\", ticker: \"CMRY.JK\", price: \"Rp 4.900\", growth: 0.22, dividend: \"0.5%\", desc: \"Healthy food & beverage\" }\n ],\n digital: [\n { id: \"TLKM\", name: \"TELKOM INDONESIA\", ticker: \"TLKM.JK\", price: \"Rp 3.800\", growth: 0.07, dividend: \"3.5%\", desc: \"Telecommunications leader\" },\n { id: \"ISAT\", name: \"INDOSAT\", ticker: \"ISAT.JK\", price: \"Rp 10.500\", growth: 0.25, dividend: \"0.5%\", desc: \"Digital telecommunications\" },\n { id: \"GOTO\", name: \"GOTO GROUP\", ticker: \"GOTO.JK\", price: \"Rp 65\", growth: 0.02, dividend: \"0%\", desc: \"Tech ecosystem\" }\n ],\n transport: [\n { id: \"ASII\", name: \"ASTRA INTERNATIONAL\", ticker: \"ASII.JK\", price: \"Rp 5.200\", growth: 0.09, dividend: \"2.8%\", desc: \"Automotive & financial services\" },\n { id: \"AKRA\", name: \"AKR CORPORINDO\", ticker: \"AKRA.JK\", price: \"Rp 1.500\", growth: 0.15, dividend: \"1.5%\", desc: \"Energy & logistics\" }\n ],\n personal: [\n { id: \"UNVR\", name: \"UNILEVER INDONESIA\", ticker: \"UNVR.JK\", price: \"Rp 3.100\", growth: 0.05, dividend: \"3.0%\", desc: \"Consumer goods leader\" },\n { id: \"VICI\", name: \"VICI COSMETICS\", ticker: \"VICI.JK\", price: \"Rp 550\", growth: 0.14, dividend: \"0.8%\", desc: \"Cosmetics & personal care\" }\n ],\n hobby: [\n { id: \"MAPI\", name: \"MAP GROUP\", ticker: \"MAPI.JK\", price: \"Rp 1.900\", growth: 0.15, dividend: \"1.0%\", desc: \"Premium lifestyle retail\" },\n { id: \"ERAA\", name: \"ERA GROUP\", ticker: \"ERAA.JK\", price: \"Rp 450\", growth: 0.12, dividend: \"0.5%\", desc: \"Consumer electronics\" }\n ]\n };\n\n let currentSect = 'minimarket';\n \n \/\/ Live counter animation\n let liveCount = 2547;\n let roiValue = 21.3;\n \n setInterval(() => {\n liveCount += Math.floor(Math.random() * 8) + 1;\n roiValue += (Math.random() - 0.5) * 0.15;\n roiValue = Math.max(18, Math.min(25, roiValue)); \/\/ Keep between 18-25%\n \n document.getElementById('liveCounter').innerText = liveCount.toLocaleString('id-ID');\n document.getElementById('avgROI').innerText = roiValue.toFixed(1) + '%';\n }, 3000);\n\n function setSector(s) {\n currentSect = s;\n document.querySelectorAll('.sector-btn').forEach(b => b.classList.remove('active'));\n document.getElementById('btn-'+s).classList.add('active');\n const sel = document.getElementById('brandSelect');\n sel.innerHTML = '';\n sectors[s].forEach(b => {\n let o = document.createElement('option'); \n o.value = b.id; \n o.text = b.name; \n sel.appendChild(o);\n });\n updateBrandPreview();\n trackEvent('sector_change', s);\n }\n\n function updateBrandPreview() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n if (b) {\n document.getElementById('tickerDisplay').innerText = b.ticker;\n document.getElementById('priceDisplay').innerText = b.price;\n document.getElementById('companyName').innerText = b.desc;\n document.getElementById('growthDisplay').innerText = (b.growth * 100).toFixed(0) + '%';\n document.getElementById('dividendDisplay').innerText = b.dividend;\n }\n }\n\n function updatePercent() {\n const percent = document.getElementById('investPercent').value;\n document.getElementById('percentValue').innerText = percent + '%';\n }\n\n function updateUniverse() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n const budget = parseFloat(document.getElementById('budgetInput').value) || 1000000;\n const percent = parseInt(document.getElementById('investPercent').value) || 30;\n const monthlyInvest = budget * (percent \/ 100);\n const r = b.growth \/ 12;\n let fv = 0;\n \n \/\/ Compound calculation for 5 years (60 months)\n for(let i = 0; i < 60; i++) {\n fv = (fv + monthlyInvest) * (1 + r);\n }\n \n const initialInvestment = monthlyInvest * 60;\n const totalReturn = ((fv - initialInvestment) \/ initialInvestment) * 100;\n \n let start = 0;\n const obj = document.getElementById('assetResult');\n const returnObj = document.getElementById('returnPercentage');\n \n const timer = setInterval(() => {\n start += Math.floor(fv \/ 40);\n if(start >= fv) { \n start = Math.round(fv); \n clearInterval(timer); \n }\n obj.innerText = \"Rp \" + Math.round(start).toLocaleString('id-ID');\n \n \/\/ Update return percentage\n const currentReturn = ((start - initialInvestment) \/ initialInvestment) * 100;\n if (currentReturn > 0) {\n returnObj.innerHTML = `<span class=\"text-green-800\">+${currentReturn.toFixed(1)}% return<\/span>`;\n }\n }, 30);\n \n trackEvent('calculate', `${b.id}_${budget}_${percent}%`);\n }\n\n function openBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const brandName = document.getElementById('brandSelect').selectedOptions[0].text;\n const percent = document.getElementById('investPercent').value;\n \n document.getElementById('modalBrandName').innerText = brandName;\n document.getElementById('modalAllocation').innerText = percent + '% dari budget bulanan';\n document.getElementById('brokerModal').classList.remove('hidden');\n document.getElementById('brokerModal').classList.add('flex');\n trackEvent('open_broker_modal', selectedBrand);\n }\n\n function openChallengeModal() {\n document.getElementById('challengeModal').classList.remove('hidden');\n document.getElementById('challengeModal').classList.add('flex');\n trackEvent('open_challenge_modal', 'challenge');\n }\n\n function closeChallengeModal() {\n document.getElementById('challengeModal').classList.add('hidden');\n document.getElementById('challengeModal').classList.remove('flex');\n trackEvent('close_challenge_modal', 'cancel');\n }\n\n function closeModal() {\n document.getElementById('brokerModal').classList.add('hidden');\n document.getElementById('brokerModal').classList.remove('flex');\n trackEvent('close_broker_modal', 'cancel');\n }\n\n function redirectToBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const ticker = sectors[currentSect].find(x => x.id === selectedBrand)?.ticker || 'AMRT.JK';\n \n \/\/ Simulated broker redirect\n alert(`Redirecting to investment platform for ${ticker}...\\n\\nIn production: Platform integration with Ajaib\/Stockbit\/Bibit`);\n \n trackEvent('redirect_to_broker', selectedBrand);\n closeModal();\n }\n\n function shareToWA() {\n const selectedBrand = document.getElementById('brandSelect').selectedOptions[0].text;\n const text = `\ud83d\udd25 #PINDAHPORSI CHALLENGE \ud83d\udd25\\n\\nGue baru hitung gimana kalo 30% budget jajan dialokasiin ke saham ${selectedBrand}! Potensi returnnya gila dalam 5 tahun! \\n\\nCoba simulasiin sendiri di sini: ${window.location.href} \\n\\nTag 3 teman yang masih jadi \"donatur brand\"! \\n\\n#PindahPorsi #SmartInvesting #FinplanUniverse`;\n \n window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(text)}`, '_blank');\n trackEvent('share', 'whatsapp_challenge');\n }\n\n function shareToIG() {\n alert('\ud83d\udcf8 Untuk Instagram:\\n\\n1. Screenshot hasil simulasimu\\n2. Post di Feed\/Story\\n3. Tag @finplan.universe\\n4. Tag 3 teman\\n5. Hashtag #PindahPorsi\\n\\nKami akan repost yang terbaik!');\n trackEvent('share', 'instagram_challenge');\n }\n\n function viewLeaderboard() {\n alert('\ud83c\udfc6 Redirecting to Challenge Leaderboard...\\n\\nSee top participants and their entries!');\n trackEvent('view_leaderboard', 'challenge');\n }\n\n function submitChallenge() {\n const agree = document.querySelector('#agreeTerms').checked;\n if (!agree) {\n alert('Please agree to the terms and conditions');\n return;\n }\n \n alert('\ud83c\udf89 Challenge entry submitted!\\n\\nWe will verify your submission within 24 hours. Reward will be sent via email.\\n\\nThank you for joining #PindahPorsi Challenge!');\n closeChallengeModal();\n trackEvent('submit_challenge', 'success');\n }\n\n function downloadGuide() {\n alert('\ud83d\udce5 Downloading \"Smart Switch Guide\" (PDF)...\\n\\nGuide akan dikirim ke email Anda (jika sudah submit)');\n trackEvent('download', 'guide');\n }\n\n function submitEmail() {\n const email = document.getElementById('emailInput').value;\n if (email && email.includes('@') && email.includes('.')) {\n alert(`\u2705 Terima kasih! eBook \"Smart Switch\" akan dikirim ke ${email} dalam 5 menit.\\n\\nCek folder spam\/promosi jika belum sampai.`);\n document.getElementById('emailInput').value = '';\n closeLeadCapture();\n trackEvent('email_submit', 'success');\n } else {\n alert('\u26a0\ufe0f Masukkan email yang valid untuk mendapatkan ebook gratis!');\n }\n }\n\n function closeLeadCapture() {\n document.getElementById('leadCapture').style.display = 'none';\n }\n\n \/\/ Show email capture after 8 seconds\n setTimeout(() => {\n const capture = document.getElementById('leadCapture');\n if (capture) capture.style.display = 'block';\n }, 8000);\n\n \/\/ Analytics simulation\n function trackEvent(action, label) {\n console.log(`[ANALYTICS] ${action}: ${label}`);\n \/\/ Production: Google Analytics, Facebook Pixel, etc.\n }\n\n \/\/ Initialize\n window.onload = () => {\n setSector('minimarket');\n updatePercent();\n \n \/\/ Auto-calculate on page load\n setTimeout(updateUniverse, 1000);\n \n \/\/ Auto-show challenge modal after 15 seconds\n setTimeout(() => {\n if (!localStorage.getItem('challenge_shown')) {\n openChallengeModal();\n localStorage.setItem('challenge_shown', 'true');\n }\n }, 15000);\n };\n <\/script>\n<\/body>\n<\/html>\n","innerContent":["\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>FINPLAN UNIVERSE | Pindah Porsi - Smart Consumption to Investment<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;700;900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --black: #1e1e1e;\n --yellow: #EBFF00;\n --purple: #BC7AF9;\n --green: #2ecc71;\n --blue: #3498db;\n --orange: #ff9f43;\n --pink: #ff6b8b;\n }\n body { font-family: 'Space Grotesk', sans-serif; background-color: #f0f0f0; color: var(--black); overflow-x: hidden; }\n .unbounded { font-family: 'Unbounded', sans-serif; }\n .neo-card { background: white; border: 4px solid var(--black); box-shadow: 10px 10px 0px 0px var(--black); transition: all 0.2s ease; }\n .neo-card:hover { transform: translate(-2px, -2px); box-shadow: 14px 14px 0px 0px var(--black); }\n .sector-btn { border: 3px solid var(--black); padding: 8px; font-weight: 900; font-size: 10px; text-transform: uppercase; background: white; transition: 0.1s; cursor: pointer; }\n .sector-btn.active { background: var(--yellow); box-shadow: 4px 4px 0px 0px var(--black); transform: translate(-2px, -2px); }\n .float { animation: float 3s ease-in-out infinite; }\n @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }\n @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }\n .pulse { animation: pulse 2s infinite; }\n .slide-in { animation: slideIn 0.5s ease-out; }\n @keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n .gradient-text { background: linear-gradient(90deg, var(--purple), var(--blue)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n .bounce { animation: bounce 2s infinite; }\n @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n .wiggle { animation: wiggle 1s ease-in-out infinite; }\n @keyframes wiggle { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }\n .highlight-cta { \n background: linear-gradient(45deg, var(--yellow), var(--orange), var(--pink), var(--purple));\n background-size: 300% 300%;\n animation: gradient-shift 3s ease infinite;\n border: 4px solid var(--black) !important;\n }\n @keyframes gradient-shift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n .challenge-badge {\n background: linear-gradient(45deg, #ff0080, #ff8c00);\n color: white;\n font-weight: 900;\n padding: 4px 12px;\n border-radius: 20px;\n display: inline-block;\n animation: wiggle 2s infinite;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n \n <div class=\"max-w-6xl mx-auto mb-6\">\n <div class=\"neo-card p-4 bg-gradient-to-r from-blue-500 to-purple-600 text-white text-center pulse\">\n <div class=\"flex flex-wrap justify-center items-center gap-2 md:gap-4\">\n <span class=\"text-lg\">\ud83d\udd25<\/span>\n <span class=\"text-sm md:text-base font-black uppercase tracking-tight\">\n <span id=\"liveCounter\">2,547<\/span> INVESTOR BARU BULAN INI \u2022 ROI RATA-RATA <span id=\"avgROI\">21.3%<\/span>\n <\/span>\n <span class=\"text-lg\">\ud83d\ude80<\/span>\n <span class=\"challenge-badge text-xs\">#PindahPorsi Challenge<\/span>\n <\/div>\n <\/div>\n <\/nav>\n\n <nav class=\"max-w-6xl mx-auto flex justify-between items-center mb-12\">\n <div class=\"neo-card px-4 py-2 bg-black text-white font-black text-xl uppercase tracking-tighter\">\n FINPLAN <span class=\"text-[var(--yellow)]\">UNIVERSE<\/span>\n <\/div>\n <div class=\"hidden md:flex gap-6 font-bold uppercase text-xs\">\n <span class=\"text-green-600 animate-pulse\">\u25cf LIVE \u2022 CONNECTED<\/span>\n <span>SMART CONSUMPTION \u2192 INVESTMENT<\/span>\n <\/div>\n <\/nav>\n\n <header class=\"max-w-4xl mx-auto text-center mb-16 px-4\">\n <h1 class=\"unbounded text-4xl md:text-7xl font-black leading-none mb-6 italic uppercase\">\n JANGAN BERHENTI <span class=\"bg-[var(--yellow)] border-4 border-black px-4 inline-block -rotate-2 bounce\">BELANJA.<\/span>\n <\/h1>\n <p class=\"text-xl font-medium leading-relaxed max-w-2xl mx-auto\">\n Ubah mindset dari <span class=\"font-black gradient-text\">Pelanggan Biasa<\/span> jadi \n <span class=\"font-black gradient-text\">Pemilik Saham<\/span>.\n <br><span class=\"text-sm text-gray-600\">*Smart spending meets smart investing<\/span>\n <\/p>\n \n \n <div class=\"mt-8 p-6 neo-card bg-gradient-to-r from-pink-500 to-purple-600 text-white max-w-2xl mx-auto\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-4\">\n <div class=\"text-left\">\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"text-2xl\">\ud83c\udfc6<\/span>\n <span class=\"unbounded font-black uppercase text-sm\">VIRAL CHALLENGE<\/span>\n <\/div>\n <h3 class=\"unbounded text-xl md:text-2xl font-black mb-2\">TAG 3 TEMAN YANG MASIH JADI \"DONATUR\"<\/h3>\n <p class=\"text-sm opacity-90\">Bantu mereka transformasi finansial, dapatkan e-Book Premium GRATIS!<\/p>\n <\/div>\n <button onclick=\"openChallengeModal()\" class=\"px-6 py-3 bg-black text-white font-black uppercase hover:bg-white hover:text-black transition-all neo-card text-nowrap\">\n JOIN CHALLENGE <i class=\"fas fa-fire ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-8\">\n \n <aside class=\"md:col-span-4 space-y-6\">\n <div class=\"neo-card p-6 bg-white slide-in\">\n <h3 class=\"unbounded text-xs font-black mb-4 uppercase text-purple-600 tracking-widest italic\">\/\/ PILIH PORSI INVESTASI<\/h3>\n <div class=\"grid grid-cols-2 gap-2 mb-6\">\n <button onclick=\"setSector('minimarket')\" class=\"sector-btn active\" id=\"btn-minimarket\">\ud83c\udfea Retail<\/button>\n <button onclick=\"setSector('makanan')\" class=\"sector-btn\" id=\"btn-makanan\">\ud83c\udf5c F&B<\/button>\n <button onclick=\"setSector('digital')\" class=\"sector-btn\" id=\"btn-digital\">\ud83d\udcf1 Tech<\/button>\n <button onclick=\"setSector('transport')\" class=\"sector-btn\" id=\"btn-transport\">\ud83d\ude97 Mobility<\/button>\n <button onclick=\"setSector('personal')\" class=\"sector-btn\" id=\"btn-personal\">\u2728 Lifestyle<\/button>\n <button onclick=\"setSector('hobby')\" class=\"sector-btn\" id=\"btn-hobby\">\ud83c\udfaf Premium<\/button>\n <\/div>\n\n <div class=\"space-y-4\">\n <label class=\"block font-bold text-[10px] uppercase\">Pilih Perusahaan:<\/label>\n <select id=\"brandSelect\" onchange=\"updateBrandPreview()\" class=\"w-full p-3 border-4 border-black bg-white font-bold outline-none cursor-pointer\"><\/select>\n \n <div class=\"grid grid-cols-2 gap-4\">\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">Budget Bulanan:<\/label>\n <input id=\"budgetInput\" type=\"number\" value=\"1000000\" class=\"w-full p-3 border-4 border-black font-black text-xl outline-none focus:bg-[var(--yellow)]\">\n <\/div>\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">% Untuk Invest:<\/label>\n <div class=\"flex items-center gap-2 mt-2\">\n <input type=\"range\" id=\"investPercent\" min=\"10\" max=\"50\" value=\"30\" class=\"flex-grow\" oninput=\"updatePercent()\">\n <span id=\"percentValue\" class=\"font-black text-xl\">30%<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <button onclick=\"updateUniverse()\" class=\"w-full p-4 highlight-cta text-black font-black uppercase text-lg transition-all mt-4\">\n <i class=\"fas fa-bolt mr-2\"><\/i> HITUNG POTENSI GAJIAN \u2192\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-slate-800 text-white overflow-hidden\">\n <p class=\"text-[10px] font-mono text-slate-400 mb-2 uppercase tracking-widest\">\/\/ REAL-TIME MARKET DATA<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex justify-between items-center\">\n <div>\n <span id=\"tickerDisplay\" class=\"font-bold text-lg\">---<\/span>\n <span class=\"text-xs text-slate-400 ml-2\" id=\"companyName\">---<\/span>\n <\/div>\n <span id=\"priceDisplay\" class=\"text-[var(--yellow)] font-black text-2xl\">---<\/span>\n <\/div>\n <div class=\"text-xs flex justify-between\">\n <span>Growth 5Y: <span id=\"growthDisplay\" class=\"font-bold\">---<\/span><\/span>\n <span>Dividend: <span id=\"dividendDisplay\" class=\"font-bold text-green-400\">---<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-white\">\n <h4 class=\"unbounded font-black uppercase mb-4 text-sm gradient-text\">\ud83c\udf1f SUCCESS STORIES<\/h4>\n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-yellow-300 to-orange-400 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">R<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Rian \u2022 8 bulan<\/p>\n <p class=\"text-sm italic\">\"Diversifikasi 30% budget lifestyle ke saham MAPI, sekarang dividennya bisa cover monthly coffee fix!\"<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+24% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-blue-300 to-purple-500 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">S<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Sarah \u2022 14 bulan<\/p>\n <p class=\"text-sm italic\">\"Mindset berubah total. Sekarang setiap transaksi jadi keputusan financial, bukan sekadar konsumsi.\"<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+31% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star-half-alt text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/aside>\n\n <div class=\"md:col-span-8 grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"neo-card p-8 bg-white border-dashed relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-gradient-to-r from-gray-500 to-gray-700 text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Consumer\n <\/div>\n <div class=\"text-5xl mb-6\">\ud83d\uded2<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase\">Mode:<br>Pelanggan<\/h2>\n <p class=\"text-xs font-medium text-slate-500 mb-8 leading-relaxed italic\">\n Setiap transaksi adalah pengeluaran murni. Uang mengalir keluar tanpa pengembalian jangka panjang.\n <\/p>\n <div class=\"border-t-4 border-gray-300 pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-50\">Nilai 5 Tahun Kedepan:<\/span>\n <p class=\"text-3xl font-black text-gray-400\">Rp 0<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-8 bg-gradient-to-br from-yellow-300 to-yellow-500 relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-black text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Investor\n <\/div>\n <div class=\"text-5xl mb-6 float\">\ud83d\udcca<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase text-black\">Mode:<br>Pemilik<\/h2>\n <p class=\"text-xs font-black text-gray-800 mb-8 leading-relaxed italic\">\n Sebagian pengeluaran dialokasikan ke kepemilikan. Perusahaan bekerja untuk mengembangkan aset Anda.\n <\/p>\n <div class=\"border-t-4 border-black pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-70\">Estimasi Portofolio (5thn):<\/span>\n <p id=\"assetResult\" class=\"text-3xl font-black text-black\">Rp 0<\/p>\n <p class=\"text-xs font-bold text-green-800 mt-1\" id=\"returnPercentage\">+0% return<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 highlight-cta text-black text-center slide-in relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-20 h-20 bg-white\/20 rounded-full -translate-x-10 -translate-y-10\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-32 h-32 bg-white\/20 rounded-full translate-x-10 translate-y-10\"><\/div>\n \n <h3 class=\"unbounded text-2xl md:text-4xl font-black mb-4 uppercase\">\ud83d\ude80 READY TO LEVEL UP?<\/h3>\n <p class=\"text-lg font-bold mb-6 max-w-2xl mx-auto\">\n Join <span class=\"text-black bg-white px-2 py-1\">2,547+<\/span> investor yang sudah pindah porsi dari konsumsi ke investasi!\n <\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mb-8\">\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfaf<\/div>\n <p class=\"font-bold text-sm mb-1\">START SMALL<\/p>\n <p class=\"text-xs\">Mulai dari Rp 100.000<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\u26a1<\/div>\n <p class=\"font-bold text-sm mb-1\">INSTANT SETUP<\/p>\n <p class=\"text-xs\">5 menit daftar<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfc6<\/div>\n <p class=\"font-bold text-sm mb-1\">FREE BONUS<\/p>\n <p class=\"text-xs\">E-Book + Community<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openBroker()\" class=\"px-8 py-4 bg-black text-white font-black uppercase text-lg hover:bg-white hover:text-black transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-rocket\"><\/i> START INVESTING NOW\n <span class=\"text-xs bg-yellow-400 text-black px-2 py-1 rounded\">RECOMMENDED<\/span>\n <\/button>\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-lg hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-fire\"><\/i> JOIN CHALLENGE\n <span class=\"challenge-badge text-xs\">VIRAL<\/span>\n <\/button>\n <\/div>\n \n <p class=\"text-xs mt-6 font-bold\">\n <i class=\"fas fa-gift text-purple-600 mr-1\"><\/i> Bonus: Free e-Book \"Smart Switch Formula\" untuk 100 pendaftar pertama!\n <\/p>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-purple-500 to-blue-600 text-white slide-in\">\n <div class=\"flex flex-col md:flex-row gap-8 items-center\">\n <div class=\"text-7xl\">\ud83d\udc8e<\/div>\n <div>\n <h4 class=\"unbounded text-xl font-black mb-2 uppercase italic\">Smart Consumption = Smart Investment<\/h4>\n <p class=\"text-sm font-bold opacity-90 leading-relaxed\">\n Transformasikan <span class=\"underline\">pengeluaran rutin<\/span> menjadi <span class=\"bg-black px-1\">aliran aset pasif<\/span>. \n Sebagai pemegang saham, Anda berpartisipasi dalam pertumbuhan perusahaan yang produknya Anda gunakan sehari-hari.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-orange-400 to-red-500 text-white slide-in\">\n <div class=\"flex items-center gap-4 mb-6\">\n <span class=\"bg-black text-white px-3 py-1 font-black text-xs uppercase tracking-tighter\">TRANSFORMASI FINANSIAL<\/span>\n <div class=\"h-[1px] flex-grow bg-white\/30\"><\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-sm\">\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-yellow-300\">\ud83d\udcb0 Budget Rutin<\/p>\n <p class=\"text-xs opacity-90\">Rp 1jt\/bulan untuk konsumsi = Rp 60jt keluar dalam 5 tahun<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20 text-center\">\n <p class=\"font-black text-xl my-2\">\u21e8<\/p>\n <p class=\"text-xs font-bold\">Smart Allocation<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-green-300\">\ud83d\udcc8 Dengan Investasi<\/p>\n <p class=\"text-xs opacity-90\">Rp 300rb\/bulan = Potensi <span class=\"font-bold\">Rp 25-40jt<\/span> dalam 5 tahun*<\/p>\n <\/div>\n <\/div>\n <p class=\"text-xs mt-6 text-center opacity-80\">*Estimasi berdasarkan historical growth 10-18% per tahun. Investasi mengandung risiko.<\/p>\n <\/div>\n <\/div>\n <\/main>\n\n \n <div class=\"max-w-6xl mx-auto mt-12\">\n <div class=\"neo-card p-8 bg-gradient-to-br from-pink-500 via-purple-500 to-blue-600 text-white text-center mb-8 relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-40 h-40 bg-white\/10 rounded-full -translate-x-20 -translate-y-20\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-60 h-60 bg-white\/10 rounded-full translate-x-20 translate-y-20\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"inline-block challenge-badge px-4 py-2 mb-4 text-lg\">\n <i class=\"fas fa-fire mr-2\"><\/i> VIRAL CHALLENGE\n <\/div>\n \n <h3 class=\"unbounded text-3xl md:text-4xl font-black mb-4 uppercase\">#PINDAHPORSI CHALLENGE<\/h3>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">1\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">SIMULASI<\/p>\n <p class=\"text-sm\">Hitung potensi investasimu di atas<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">2\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">TAG 3 TEMAN<\/p>\n <p class=\"text-sm\">Yang perlu \"pindah porsi\" seperti kamu<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">3\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">DAPATKAN REWARD<\/p>\n <p class=\"text-sm\">E-Book Premium + Airdrop FinPlan NFT<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-xl hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-play-circle\"><\/i> JOIN CHALLENGE NOW\n <\/button>\n <button onclick=\"viewLeaderboard()\" class=\"px-8 py-4 bg-black\/50 text-white font-black uppercase text-xl hover:bg-black transition-all neo-card border-2 border-white flex items-center justify-center gap-3\">\n <i class=\"fas fa-trophy\"><\/i> VIEW LEADERBOARD\n <\/button>\n <\/div>\n \n <p class=\"text-sm mt-6 font-bold\">\n <i class=\"fas fa-gift mr-2\"><\/i> 500+ peserta sudah join! 10 pemenang terbaik dapat coaching 1-on-1 dengan financial expert!\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"flex flex-col md:flex-row justify-center gap-4 md:gap-6 mb-8\">\n <button onclick=\"shareToWA()\" class=\"neo-card px-6 py-4 bg-green-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-green-600 transition-all text-lg\">\n <i class=\"fab fa-whatsapp text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">WHATSAPP<\/div>\n <\/div>\n <\/button>\n <button onclick=\"shareToIG()\" class=\"neo-card px-6 py-4 bg-gradient-to-r from-pink-500 to-purple-600 text-white font-bold flex items-center justify-center gap-3 hover:opacity-90 transition-all text-lg\">\n <i class=\"fab fa-instagram text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">INSTAGRAM<\/div>\n <\/div>\n <\/button>\n <button onclick=\"downloadGuide()\" class=\"neo-card px-6 py-4 bg-blue-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-blue-600 transition-all text-lg\">\n <i class=\"fas fa-file-pdf text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">GET FREE<\/div>\n <div class=\"font-black\">E-BOOK<\/div>\n <\/div>\n <\/button>\n <\/div>\n \n <div class=\"text-center mb-12\">\n <p class=\"text-sm text-gray-600 mb-4\">\n <span class=\"font-black\">#PindahPorsi<\/span> \u2022 \n <span class=\"font-black\">#SmartConsumption<\/span> \u2022 \n <span class=\"font-black\">#InvestInWhatYouUse<\/span> \u2022\n <span class=\"font-black\">#FinplanUniverse<\/span>\n <\/p>\n <p class=\"text-xs text-gray-500 max-w-2xl mx-auto\">\n <i class=\"fas fa-exclamation-triangle mr-1\"><\/i> Disclaimer: Investasi saham mengandung risiko. Simulasi ini hanya ilustrasi berdasarkan data historis. \n Performa masa lalu tidak menjamin hasil di masa depan. Lakukan riset mandiri atau konsultasi dengan financial advisor.\n <br>\u00a9 2024 FinPlan Universe. All educational content.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"leadCapture\" class=\"fixed bottom-4 right-4 neo-card p-4 bg-white max-w-xs hidden md:block slide-in z-40\">\n <button onclick=\"closeLeadCapture()\" class=\"absolute top-1 right-2 text-gray-500 hover:text-black\">\u00d7<\/button>\n <p class=\"font-bold text-xs mb-2\">\ud83d\udcda FREE: \"Smart Switch\" eBook<\/p>\n <input type=\"email\" id=\"emailInput\" placeholder=\"your.email@domain.com\" class=\"w-full border-2 border-black p-2 mb-2 text-sm\">\n <button onclick=\"submitEmail()\" class=\"w-full bg-black text-white py-2 text-sm font-bold hover:bg-gray-800 transition-all\">\n GET EBOOK FREE\n <\/button>\n <\/div>\n\n \n <div id=\"challengeModal\" class=\"fixed inset-0 bg-black\/70 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-lg w-full max-h-[90vh] overflow-y-auto\">\n <div class=\"flex justify-between items-center mb-6\">\n <h3 class=\"unbounded text-2xl font-black gradient-text\">#PINDAHPORSI CHALLENGE<\/h3>\n <button onclick=\"closeChallengeModal()\" class=\"text-2xl hover:text-red-500\">\u00d7<\/button>\n <\/div>\n \n <div class=\"space-y-4\">\n <div class=\"bg-yellow-50 p-4 border-l-4 border-yellow-500\">\n <p class=\"font-bold text-sm\">\ud83c\udfc6 REWARD POOL:<\/p>\n <ul class=\"text-xs mt-2 space-y-1\">\n <li>\u2022 10x 1-on-1 Coaching dengan Financial Expert<\/li>\n <li>\u2022 50x FinPlan Premium e-Book Collection<\/li>\n <li>\u2022 100x FinPlan NFT Badge (Digital)<\/li>\n <li>\u2022 All participants: Free basic e-Book<\/li>\n <\/ul>\n <\/div>\n \n <div>\n <p class=\"font-bold mb-2\">\ud83d\udcdd CARA IKUTAN:<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">1<\/span>\n <p class=\"text-sm\">Gunakan simulator di atas untuk menghitung potensi investasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">2<\/span>\n <p class=\"text-sm\">Screenshot hasil simulasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">3<\/span>\n <p class=\"text-sm\">Post di Instagram\/WA Story dan TAG 3 teman yang perlu \"pindah porsi\"<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">4<\/span>\n <p class=\"text-sm\">Gunakan hashtag <span class=\"font-bold\">#PindahPorsi<\/span> dan tag <span class=\"font-bold\">@finplan.universe<\/span><\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">5<\/span>\n <p class=\"text-sm\">Isi form di bawah untuk verifikasi dan dapatkan reward!<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-gray-100 p-4 rounded-lg\">\n <p class=\"font-bold text-sm mb-3\">\ud83d\udccb CHALLENGE REGISTRATION:<\/p>\n \n <input type=\"text\" placeholder=\"Nama Lengkap\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"email\" placeholder=\"Email\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"text\" placeholder=\"Username Instagram (optional)\" class=\"w-full p-3 border-2 border-black mb-3\">\n \n <div class=\"mb-3\">\n <p class=\"text-xs font-bold mb-2\">Upload screenshot postingan challenge:<\/p>\n <input type=\"file\" class=\"w-full p-2 border-2 border-dashed border-black\">\n <\/div>\n \n <div class=\"flex items-start gap-2 mb-4\">\n <input type=\"checkbox\" id=\"agreeTerms\" class=\"mt-1\">\n <label for=\"agreeTerms\" class=\"text-xs\">Saya setuju dengan syarat dan ketentuan challenge<\/label>\n <\/div>\n \n <button onclick=\"submitChallenge()\" class=\"w-full bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n SUBMIT CHALLENGE ENTRY\n <\/button>\n <\/div>\n \n <p class=\"text-xs text-gray-600 text-center\">\n Challenge berlangsung hingga 30 April 2024. Pemenang akan diumumkan via email dan Instagram.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"brokerModal\" class=\"fixed inset-0 bg-black\/50 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-md w-full\">\n <h3 class=\"unbounded text-xl font-black mb-4 gradient-text\">READY TO START?<\/h3>\n <p class=\"mb-4 text-sm\">Kami akan mengarahkan Anda ke platform investasi terpercaya untuk memulai perjalanan <span class=\"font-bold\">Smart Investing<\/span>.<\/p>\n \n <div class=\"bg-gray-100 p-4 mb-6 rounded-lg\">\n <p class=\"text-xs font-bold mb-2\">YOUR SELECTION:<\/p>\n <p class=\"text-sm\">\u2022 Perusahaan: <span id=\"modalBrandName\" class=\"font-bold\">---<\/span><\/p>\n <p class=\"text-sm\">\u2022 Alokasi: <span id=\"modalAllocation\" class=\"font-bold\">---<\/span><\/p>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4\">\n <button onclick=\"closeModal()\" class=\"flex-1 border-4 border-black py-3 font-bold hover:bg-gray-100 transition-all\">\n CANCEL\n <\/button>\n <button onclick=\"redirectToBroker()\" class=\"flex-1 bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n CONTINUE \u2192\n <\/button>\n <\/div>\n <p class=\"text-xs text-gray-600 mt-4 text-center\">Kami mendapat komisi kecil dari broker untuk mendukung edukasi finansial gratis<\/p>\n <\/div>\n <\/div>\n\n <script>\n const sectors = {\n minimarket: [\n { id: \"AMRT\", name: \"ALFAMART\", ticker: \"AMRT.JK\", price: \"Rp 2.850\", growth: 0.18, dividend: \"1.2%\", desc: \"Retail network leader\" },\n { id: \"DNET\", name: \"INDOMARET\", ticker: \"DNET.JK\", price: \"Rp 10.200\", growth: 0.12, dividend: \"0.8%\", desc: \"Convenience store giant\" }\n ],\n makanan: [\n { id: \"ICBP\", name: \"INDOFOOD\", ticker: \"ICBP.JK\", price: \"Rp 11.200\", growth: 0.10, dividend: \"2.5%\", desc: \"Food & beverage conglomerate\" },\n { id: \"ULTJ\", name: \"ULTRAJAYA\", ticker: \"ULTJ.JK\", price: \"Rp 1.850\", growth: 0.08, dividend: \"1.8%\", desc: \"Dairy products leader\" },\n { id: \"CMRY\", name: \"CIMORY\", ticker: \"CMRY.JK\", price: \"Rp 4.900\", growth: 0.22, dividend: \"0.5%\", desc: \"Healthy food & beverage\" }\n ],\n digital: [\n { id: \"TLKM\", name: \"TELKOM INDONESIA\", ticker: \"TLKM.JK\", price: \"Rp 3.800\", growth: 0.07, dividend: \"3.5%\", desc: \"Telecommunications leader\" },\n { id: \"ISAT\", name: \"INDOSAT\", ticker: \"ISAT.JK\", price: \"Rp 10.500\", growth: 0.25, dividend: \"0.5%\", desc: \"Digital telecommunications\" },\n { id: \"GOTO\", name: \"GOTO GROUP\", ticker: \"GOTO.JK\", price: \"Rp 65\", growth: 0.02, dividend: \"0%\", desc: \"Tech ecosystem\" }\n ],\n transport: [\n { id: \"ASII\", name: \"ASTRA INTERNATIONAL\", ticker: \"ASII.JK\", price: \"Rp 5.200\", growth: 0.09, dividend: \"2.8%\", desc: \"Automotive & financial services\" },\n { id: \"AKRA\", name: \"AKR CORPORINDO\", ticker: \"AKRA.JK\", price: \"Rp 1.500\", growth: 0.15, dividend: \"1.5%\", desc: \"Energy & logistics\" }\n ],\n personal: [\n { id: \"UNVR\", name: \"UNILEVER INDONESIA\", ticker: \"UNVR.JK\", price: \"Rp 3.100\", growth: 0.05, dividend: \"3.0%\", desc: \"Consumer goods leader\" },\n { id: \"VICI\", name: \"VICI COSMETICS\", ticker: \"VICI.JK\", price: \"Rp 550\", growth: 0.14, dividend: \"0.8%\", desc: \"Cosmetics & personal care\" }\n ],\n hobby: [\n { id: \"MAPI\", name: \"MAP GROUP\", ticker: \"MAPI.JK\", price: \"Rp 1.900\", growth: 0.15, dividend: \"1.0%\", desc: \"Premium lifestyle retail\" },\n { id: \"ERAA\", name: \"ERA GROUP\", ticker: \"ERAA.JK\", price: \"Rp 450\", growth: 0.12, dividend: \"0.5%\", desc: \"Consumer electronics\" }\n ]\n };\n\n let currentSect = 'minimarket';\n \n \/\/ Live counter animation\n let liveCount = 2547;\n let roiValue = 21.3;\n \n setInterval(() => {\n liveCount += Math.floor(Math.random() * 8) + 1;\n roiValue += (Math.random() - 0.5) * 0.15;\n roiValue = Math.max(18, Math.min(25, roiValue)); \/\/ Keep between 18-25%\n \n document.getElementById('liveCounter').innerText = liveCount.toLocaleString('id-ID');\n document.getElementById('avgROI').innerText = roiValue.toFixed(1) + '%';\n }, 3000);\n\n function setSector(s) {\n currentSect = s;\n document.querySelectorAll('.sector-btn').forEach(b => b.classList.remove('active'));\n document.getElementById('btn-'+s).classList.add('active');\n const sel = document.getElementById('brandSelect');\n sel.innerHTML = '';\n sectors[s].forEach(b => {\n let o = document.createElement('option'); \n o.value = b.id; \n o.text = b.name; \n sel.appendChild(o);\n });\n updateBrandPreview();\n trackEvent('sector_change', s);\n }\n\n function updateBrandPreview() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n if (b) {\n document.getElementById('tickerDisplay').innerText = b.ticker;\n document.getElementById('priceDisplay').innerText = b.price;\n document.getElementById('companyName').innerText = b.desc;\n document.getElementById('growthDisplay').innerText = (b.growth * 100).toFixed(0) + '%';\n document.getElementById('dividendDisplay').innerText = b.dividend;\n }\n }\n\n function updatePercent() {\n const percent = document.getElementById('investPercent').value;\n document.getElementById('percentValue').innerText = percent + '%';\n }\n\n function updateUniverse() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n const budget = parseFloat(document.getElementById('budgetInput').value) || 1000000;\n const percent = parseInt(document.getElementById('investPercent').value) || 30;\n const monthlyInvest = budget * (percent \/ 100);\n const r = b.growth \/ 12;\n let fv = 0;\n \n \/\/ Compound calculation for 5 years (60 months)\n for(let i = 0; i < 60; i++) {\n fv = (fv + monthlyInvest) * (1 + r);\n }\n \n const initialInvestment = monthlyInvest * 60;\n const totalReturn = ((fv - initialInvestment) \/ initialInvestment) * 100;\n \n let start = 0;\n const obj = document.getElementById('assetResult');\n const returnObj = document.getElementById('returnPercentage');\n \n const timer = setInterval(() => {\n start += Math.floor(fv \/ 40);\n if(start >= fv) { \n start = Math.round(fv); \n clearInterval(timer); \n }\n obj.innerText = \"Rp \" + Math.round(start).toLocaleString('id-ID');\n \n \/\/ Update return percentage\n const currentReturn = ((start - initialInvestment) \/ initialInvestment) * 100;\n if (currentReturn > 0) {\n returnObj.innerHTML = `<span class=\"text-green-800\">+${currentReturn.toFixed(1)}% return<\/span>`;\n }\n }, 30);\n \n trackEvent('calculate', `${b.id}_${budget}_${percent}%`);\n }\n\n function openBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const brandName = document.getElementById('brandSelect').selectedOptions[0].text;\n const percent = document.getElementById('investPercent').value;\n \n document.getElementById('modalBrandName').innerText = brandName;\n document.getElementById('modalAllocation').innerText = percent + '% dari budget bulanan';\n document.getElementById('brokerModal').classList.remove('hidden');\n document.getElementById('brokerModal').classList.add('flex');\n trackEvent('open_broker_modal', selectedBrand);\n }\n\n function openChallengeModal() {\n document.getElementById('challengeModal').classList.remove('hidden');\n document.getElementById('challengeModal').classList.add('flex');\n trackEvent('open_challenge_modal', 'challenge');\n }\n\n function closeChallengeModal() {\n document.getElementById('challengeModal').classList.add('hidden');\n document.getElementById('challengeModal').classList.remove('flex');\n trackEvent('close_challenge_modal', 'cancel');\n }\n\n function closeModal() {\n document.getElementById('brokerModal').classList.add('hidden');\n document.getElementById('brokerModal').classList.remove('flex');\n trackEvent('close_broker_modal', 'cancel');\n }\n\n function redirectToBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const ticker = sectors[currentSect].find(x => x.id === selectedBrand)?.ticker || 'AMRT.JK';\n \n \/\/ Simulated broker redirect\n alert(`Redirecting to investment platform for ${ticker}...\\n\\nIn production: Platform integration with Ajaib\/Stockbit\/Bibit`);\n \n trackEvent('redirect_to_broker', selectedBrand);\n closeModal();\n }\n\n function shareToWA() {\n const selectedBrand = document.getElementById('brandSelect').selectedOptions[0].text;\n const text = `\ud83d\udd25 #PINDAHPORSI CHALLENGE \ud83d\udd25\\n\\nGue baru hitung gimana kalo 30% budget jajan dialokasiin ke saham ${selectedBrand}! Potensi returnnya gila dalam 5 tahun! \\n\\nCoba simulasiin sendiri di sini: ${window.location.href} \\n\\nTag 3 teman yang masih jadi \"donatur brand\"! \\n\\n#PindahPorsi #SmartInvesting #FinplanUniverse`;\n \n window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(text)}`, '_blank');\n trackEvent('share', 'whatsapp_challenge');\n }\n\n function shareToIG() {\n alert('\ud83d\udcf8 Untuk Instagram:\\n\\n1. Screenshot hasil simulasimu\\n2. Post di Feed\/Story\\n3. Tag @finplan.universe\\n4. Tag 3 teman\\n5. Hashtag #PindahPorsi\\n\\nKami akan repost yang terbaik!');\n trackEvent('share', 'instagram_challenge');\n }\n\n function viewLeaderboard() {\n alert('\ud83c\udfc6 Redirecting to Challenge Leaderboard...\\n\\nSee top participants and their entries!');\n trackEvent('view_leaderboard', 'challenge');\n }\n\n function submitChallenge() {\n const agree = document.querySelector('#agreeTerms').checked;\n if (!agree) {\n alert('Please agree to the terms and conditions');\n return;\n }\n \n alert('\ud83c\udf89 Challenge entry submitted!\\n\\nWe will verify your submission within 24 hours. Reward will be sent via email.\\n\\nThank you for joining #PindahPorsi Challenge!');\n closeChallengeModal();\n trackEvent('submit_challenge', 'success');\n }\n\n function downloadGuide() {\n alert('\ud83d\udce5 Downloading \"Smart Switch Guide\" (PDF)...\\n\\nGuide akan dikirim ke email Anda (jika sudah submit)');\n trackEvent('download', 'guide');\n }\n\n function submitEmail() {\n const email = document.getElementById('emailInput').value;\n if (email && email.includes('@') && email.includes('.')) {\n alert(`\u2705 Terima kasih! eBook \"Smart Switch\" akan dikirim ke ${email} dalam 5 menit.\\n\\nCek folder spam\/promosi jika belum sampai.`);\n document.getElementById('emailInput').value = '';\n closeLeadCapture();\n trackEvent('email_submit', 'success');\n } else {\n alert('\u26a0\ufe0f Masukkan email yang valid untuk mendapatkan ebook gratis!');\n }\n }\n\n function closeLeadCapture() {\n document.getElementById('leadCapture').style.display = 'none';\n }\n\n \/\/ Show email capture after 8 seconds\n setTimeout(() => {\n const capture = document.getElementById('leadCapture');\n if (capture) capture.style.display = 'block';\n }, 8000);\n\n \/\/ Analytics simulation\n function trackEvent(action, label) {\n console.log(`[ANALYTICS] ${action}: ${label}`);\n \/\/ Production: Google Analytics, Facebook Pixel, etc.\n }\n\n \/\/ Initialize\n window.onload = () => {\n setSector('minimarket');\n updatePercent();\n \n \/\/ Auto-calculate on page load\n setTimeout(updateUniverse, 1000);\n \n \/\/ Auto-show challenge modal after 15 seconds\n setTimeout(() => {\n if (!localStorage.getItem('challenge_shown')) {\n openChallengeModal();\n localStorage.setItem('challenge_shown', 'true');\n }\n }, 15000);\n };\n <\/script>\n<\/body>\n<\/html>\n"],"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>FINPLAN UNIVERSE | Pindah Porsi - Smart Consumption to Investment<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;700;900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --black: #1e1e1e;\n --yellow: #EBFF00;\n --purple: #BC7AF9;\n --green: #2ecc71;\n --blue: #3498db;\n --orange: #ff9f43;\n --pink: #ff6b8b;\n }\n body { font-family: 'Space Grotesk', sans-serif; background-color: #f0f0f0; color: var(--black); overflow-x: hidden; }\n .unbounded { font-family: 'Unbounded', sans-serif; }\n .neo-card { background: white; border: 4px solid var(--black); box-shadow: 10px 10px 0px 0px var(--black); transition: all 0.2s ease; }\n .neo-card:hover { transform: translate(-2px, -2px); box-shadow: 14px 14px 0px 0px var(--black); }\n .sector-btn { border: 3px solid var(--black); padding: 8px; font-weight: 900; font-size: 10px; text-transform: uppercase; background: white; transition: 0.1s; cursor: pointer; }\n .sector-btn.active { background: var(--yellow); box-shadow: 4px 4px 0px 0px var(--black); transform: translate(-2px, -2px); }\n .float { animation: float 3s ease-in-out infinite; }\n @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }\n @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }\n .pulse { animation: pulse 2s infinite; }\n .slide-in { animation: slideIn 0.5s ease-out; }\n @keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n .gradient-text { background: linear-gradient(90deg, var(--purple), var(--blue)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n .bounce { animation: bounce 2s infinite; }\n @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n .wiggle { animation: wiggle 1s ease-in-out infinite; }\n @keyframes wiggle { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }\n .highlight-cta { \n background: linear-gradient(45deg, var(--yellow), var(--orange), var(--pink), var(--purple));\n background-size: 300% 300%;\n animation: gradient-shift 3s ease infinite;\n border: 4px solid var(--black) !important;\n }\n @keyframes gradient-shift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n .challenge-badge {\n background: linear-gradient(45deg, #ff0080, #ff8c00);\n color: white;\n font-weight: 900;\n padding: 4px 12px;\n border-radius: 20px;\n display: inline-block;\n animation: wiggle 2s infinite;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n \n <div class=\"max-w-6xl mx-auto mb-6\">\n <div class=\"neo-card p-4 bg-gradient-to-r from-blue-500 to-purple-600 text-white text-center pulse\">\n <div class=\"flex flex-wrap justify-center items-center gap-2 md:gap-4\">\n <span class=\"text-lg\">\ud83d\udd25<\/span>\n <span class=\"text-sm md:text-base font-black uppercase tracking-tight\">\n <span id=\"liveCounter\">2,547<\/span> INVESTOR BARU BULAN INI \u2022 ROI RATA-RATA <span id=\"avgROI\">21.3%<\/span>\n <\/span>\n <span class=\"text-lg\">\ud83d\ude80<\/span>\n <span class=\"challenge-badge text-xs\">#PindahPorsi Challenge<\/span>\n <\/div>\n <\/div>\n <\/nav>\n\n <nav class=\"max-w-6xl mx-auto flex justify-between items-center mb-12\">\n <div class=\"neo-card px-4 py-2 bg-black text-white font-black text-xl uppercase tracking-tighter\">\n FINPLAN <span class=\"text-[var(--yellow)]\">UNIVERSE<\/span>\n <\/div>\n <div class=\"hidden md:flex gap-6 font-bold uppercase text-xs\">\n <span class=\"text-green-600 animate-pulse\">\u25cf LIVE \u2022 CONNECTED<\/span>\n <span>SMART CONSUMPTION \u2192 INVESTMENT<\/span>\n <\/div>\n <\/nav>\n\n <header class=\"max-w-4xl mx-auto text-center mb-16 px-4\">\n <h1 class=\"unbounded text-4xl md:text-7xl font-black leading-none mb-6 italic uppercase\">\n JANGAN BERHENTI <span class=\"bg-[var(--yellow)] border-4 border-black px-4 inline-block -rotate-2 bounce\">BELANJA.<\/span>\n <\/h1>\n <p class=\"text-xl font-medium leading-relaxed max-w-2xl mx-auto\">\n Ubah mindset dari <span class=\"font-black gradient-text\">Pelanggan Biasa<\/span> jadi \n <span class=\"font-black gradient-text\">Pemilik Saham<\/span>.\n <br><span class=\"text-sm text-gray-600\">*Smart spending meets smart investing<\/span>\n <\/p>\n \n \n <div class=\"mt-8 p-6 neo-card bg-gradient-to-r from-pink-500 to-purple-600 text-white max-w-2xl mx-auto\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-4\">\n <div class=\"text-left\">\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"text-2xl\">\ud83c\udfc6<\/span>\n <span class=\"unbounded font-black uppercase text-sm\">VIRAL CHALLENGE<\/span>\n <\/div>\n <h3 class=\"unbounded text-xl md:text-2xl font-black mb-2\">TAG 3 TEMAN YANG MASIH JADI \"DONATUR\"<\/h3>\n <p class=\"text-sm opacity-90\">Bantu mereka transformasi finansial, dapatkan e-Book Premium GRATIS!<\/p>\n <\/div>\n <button onclick=\"openChallengeModal()\" class=\"px-6 py-3 bg-black text-white font-black uppercase hover:bg-white hover:text-black transition-all neo-card text-nowrap\">\n JOIN CHALLENGE <i class=\"fas fa-fire ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-8\">\n \n <aside class=\"md:col-span-4 space-y-6\">\n <div class=\"neo-card p-6 bg-white slide-in\">\n <h3 class=\"unbounded text-xs font-black mb-4 uppercase text-purple-600 tracking-widest italic\">\/\/ PILIH PORSI INVESTASI<\/h3>\n <div class=\"grid grid-cols-2 gap-2 mb-6\">\n <button onclick=\"setSector('minimarket')\" class=\"sector-btn active\" id=\"btn-minimarket\">\ud83c\udfea Retail<\/button>\n <button onclick=\"setSector('makanan')\" class=\"sector-btn\" id=\"btn-makanan\">\ud83c\udf5c F&B<\/button>\n <button onclick=\"setSector('digital')\" class=\"sector-btn\" id=\"btn-digital\">\ud83d\udcf1 Tech<\/button>\n <button onclick=\"setSector('transport')\" class=\"sector-btn\" id=\"btn-transport\">\ud83d\ude97 Mobility<\/button>\n <button onclick=\"setSector('personal')\" class=\"sector-btn\" id=\"btn-personal\">\u2728 Lifestyle<\/button>\n <button onclick=\"setSector('hobby')\" class=\"sector-btn\" id=\"btn-hobby\">\ud83c\udfaf Premium<\/button>\n <\/div>\n\n <div class=\"space-y-4\">\n <label class=\"block font-bold text-[10px] uppercase\">Pilih Perusahaan:<\/label>\n <select id=\"brandSelect\" onchange=\"updateBrandPreview()\" class=\"w-full p-3 border-4 border-black bg-white font-bold outline-none cursor-pointer\"><\/select>\n \n <div class=\"grid grid-cols-2 gap-4\">\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">Budget Bulanan:<\/label>\n <input id=\"budgetInput\" type=\"number\" value=\"1000000\" class=\"w-full p-3 border-4 border-black font-black text-xl outline-none focus:bg-[var(--yellow)]\">\n <\/div>\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">% Untuk Invest:<\/label>\n <div class=\"flex items-center gap-2 mt-2\">\n <input type=\"range\" id=\"investPercent\" min=\"10\" max=\"50\" value=\"30\" class=\"flex-grow\" oninput=\"updatePercent()\">\n <span id=\"percentValue\" class=\"font-black text-xl\">30%<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <button onclick=\"updateUniverse()\" class=\"w-full p-4 highlight-cta text-black font-black uppercase text-lg transition-all mt-4\">\n <i class=\"fas fa-bolt mr-2\"><\/i> HITUNG POTENSI GAJIAN \u2192\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-slate-800 text-white overflow-hidden\">\n <p class=\"text-[10px] font-mono text-slate-400 mb-2 uppercase tracking-widest\">\/\/ REAL-TIME MARKET DATA<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex justify-between items-center\">\n <div>\n <span id=\"tickerDisplay\" class=\"font-bold text-lg\">---<\/span>\n <span class=\"text-xs text-slate-400 ml-2\" id=\"companyName\">---<\/span>\n <\/div>\n <span id=\"priceDisplay\" class=\"text-[var(--yellow)] font-black text-2xl\">---<\/span>\n <\/div>\n <div class=\"text-xs flex justify-between\">\n <span>Growth 5Y: <span id=\"growthDisplay\" class=\"font-bold\">---<\/span><\/span>\n <span>Dividend: <span id=\"dividendDisplay\" class=\"font-bold text-green-400\">---<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-white\">\n <h4 class=\"unbounded font-black uppercase mb-4 text-sm gradient-text\">\ud83c\udf1f SUCCESS STORIES<\/h4>\n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-yellow-300 to-orange-400 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">R<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Rian \u2022 8 bulan<\/p>\n <p class=\"text-sm italic\">\"Diversifikasi 30% budget lifestyle ke saham MAPI, sekarang dividennya bisa cover monthly coffee fix!\"<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+24% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-blue-300 to-purple-500 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">S<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Sarah \u2022 14 bulan<\/p>\n <p class=\"text-sm italic\">\"Mindset berubah total. Sekarang setiap transaksi jadi keputusan financial, bukan sekadar konsumsi.\"<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+31% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star-half-alt text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/aside>\n\n <div class=\"md:col-span-8 grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"neo-card p-8 bg-white border-dashed relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-gradient-to-r from-gray-500 to-gray-700 text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Consumer\n <\/div>\n <div class=\"text-5xl mb-6\">\ud83d\uded2<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase\">Mode:<br>Pelanggan<\/h2>\n <p class=\"text-xs font-medium text-slate-500 mb-8 leading-relaxed italic\">\n Setiap transaksi adalah pengeluaran murni. Uang mengalir keluar tanpa pengembalian jangka panjang.\n <\/p>\n <div class=\"border-t-4 border-gray-300 pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-50\">Nilai 5 Tahun Kedepan:<\/span>\n <p class=\"text-3xl font-black text-gray-400\">Rp 0<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-8 bg-gradient-to-br from-yellow-300 to-yellow-500 relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-black text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Investor\n <\/div>\n <div class=\"text-5xl mb-6 float\">\ud83d\udcca<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase text-black\">Mode:<br>Pemilik<\/h2>\n <p class=\"text-xs font-black text-gray-800 mb-8 leading-relaxed italic\">\n Sebagian pengeluaran dialokasikan ke kepemilikan. Perusahaan bekerja untuk mengembangkan aset Anda.\n <\/p>\n <div class=\"border-t-4 border-black pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-70\">Estimasi Portofolio (5thn):<\/span>\n <p id=\"assetResult\" class=\"text-3xl font-black text-black\">Rp 0<\/p>\n <p class=\"text-xs font-bold text-green-800 mt-1\" id=\"returnPercentage\">+0% return<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 highlight-cta text-black text-center slide-in relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-20 h-20 bg-white\/20 rounded-full -translate-x-10 -translate-y-10\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-32 h-32 bg-white\/20 rounded-full translate-x-10 translate-y-10\"><\/div>\n \n <h3 class=\"unbounded text-2xl md:text-4xl font-black mb-4 uppercase\">\ud83d\ude80 READY TO LEVEL UP?<\/h3>\n <p class=\"text-lg font-bold mb-6 max-w-2xl mx-auto\">\n Join <span class=\"text-black bg-white px-2 py-1\">2,547+<\/span> investor yang sudah pindah porsi dari konsumsi ke investasi!\n <\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mb-8\">\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfaf<\/div>\n <p class=\"font-bold text-sm mb-1\">START SMALL<\/p>\n <p class=\"text-xs\">Mulai dari Rp 100.000<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\u26a1<\/div>\n <p class=\"font-bold text-sm mb-1\">INSTANT SETUP<\/p>\n <p class=\"text-xs\">5 menit daftar<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfc6<\/div>\n <p class=\"font-bold text-sm mb-1\">FREE BONUS<\/p>\n <p class=\"text-xs\">E-Book + Community<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openBroker()\" class=\"px-8 py-4 bg-black text-white font-black uppercase text-lg hover:bg-white hover:text-black transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-rocket\"><\/i> START INVESTING NOW\n <span class=\"text-xs bg-yellow-400 text-black px-2 py-1 rounded\">RECOMMENDED<\/span>\n <\/button>\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-lg hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-fire\"><\/i> JOIN CHALLENGE\n <span class=\"challenge-badge text-xs\">VIRAL<\/span>\n <\/button>\n <\/div>\n \n <p class=\"text-xs mt-6 font-bold\">\n <i class=\"fas fa-gift text-purple-600 mr-1\"><\/i> Bonus: Free e-Book \"Smart Switch Formula\" untuk 100 pendaftar pertama!\n <\/p>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-purple-500 to-blue-600 text-white slide-in\">\n <div class=\"flex flex-col md:flex-row gap-8 items-center\">\n <div class=\"text-7xl\">\ud83d\udc8e<\/div>\n <div>\n <h4 class=\"unbounded text-xl font-black mb-2 uppercase italic\">Smart Consumption = Smart Investment<\/h4>\n <p class=\"text-sm font-bold opacity-90 leading-relaxed\">\n Transformasikan <span class=\"underline\">pengeluaran rutin<\/span> menjadi <span class=\"bg-black px-1\">aliran aset pasif<\/span>. \n Sebagai pemegang saham, Anda berpartisipasi dalam pertumbuhan perusahaan yang produknya Anda gunakan sehari-hari.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-orange-400 to-red-500 text-white slide-in\">\n <div class=\"flex items-center gap-4 mb-6\">\n <span class=\"bg-black text-white px-3 py-1 font-black text-xs uppercase tracking-tighter\">TRANSFORMASI FINANSIAL<\/span>\n <div class=\"h-[1px] flex-grow bg-white\/30\"><\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-sm\">\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-yellow-300\">\ud83d\udcb0 Budget Rutin<\/p>\n <p class=\"text-xs opacity-90\">Rp 1jt\/bulan untuk konsumsi = Rp 60jt keluar dalam 5 tahun<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20 text-center\">\n <p class=\"font-black text-xl my-2\">\u21e8<\/p>\n <p class=\"text-xs font-bold\">Smart Allocation<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-green-300\">\ud83d\udcc8 Dengan Investasi<\/p>\n <p class=\"text-xs opacity-90\">Rp 300rb\/bulan = Potensi <span class=\"font-bold\">Rp 25-40jt<\/span> dalam 5 tahun*<\/p>\n <\/div>\n <\/div>\n <p class=\"text-xs mt-6 text-center opacity-80\">*Estimasi berdasarkan historical growth 10-18% per tahun. Investasi mengandung risiko.<\/p>\n <\/div>\n <\/div>\n <\/main>\n\n \n <div class=\"max-w-6xl mx-auto mt-12\">\n <div class=\"neo-card p-8 bg-gradient-to-br from-pink-500 via-purple-500 to-blue-600 text-white text-center mb-8 relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-40 h-40 bg-white\/10 rounded-full -translate-x-20 -translate-y-20\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-60 h-60 bg-white\/10 rounded-full translate-x-20 translate-y-20\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"inline-block challenge-badge px-4 py-2 mb-4 text-lg\">\n <i class=\"fas fa-fire mr-2\"><\/i> VIRAL CHALLENGE\n <\/div>\n \n <h3 class=\"unbounded text-3xl md:text-4xl font-black mb-4 uppercase\">#PINDAHPORSI CHALLENGE<\/h3>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">1\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">SIMULASI<\/p>\n <p class=\"text-sm\">Hitung potensi investasimu di atas<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">2\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">TAG 3 TEMAN<\/p>\n <p class=\"text-sm\">Yang perlu \"pindah porsi\" seperti kamu<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">3\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">DAPATKAN REWARD<\/p>\n <p class=\"text-sm\">E-Book Premium + Airdrop FinPlan NFT<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-xl hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-play-circle\"><\/i> JOIN CHALLENGE NOW\n <\/button>\n <button onclick=\"viewLeaderboard()\" class=\"px-8 py-4 bg-black\/50 text-white font-black uppercase text-xl hover:bg-black transition-all neo-card border-2 border-white flex items-center justify-center gap-3\">\n <i class=\"fas fa-trophy\"><\/i> VIEW LEADERBOARD\n <\/button>\n <\/div>\n \n <p class=\"text-sm mt-6 font-bold\">\n <i class=\"fas fa-gift mr-2\"><\/i> 500+ peserta sudah join! 10 pemenang terbaik dapat coaching 1-on-1 dengan financial expert!\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"flex flex-col md:flex-row justify-center gap-4 md:gap-6 mb-8\">\n <button onclick=\"shareToWA()\" class=\"neo-card px-6 py-4 bg-green-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-green-600 transition-all text-lg\">\n <i class=\"fab fa-whatsapp text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">WHATSAPP<\/div>\n <\/div>\n <\/button>\n <button onclick=\"shareToIG()\" class=\"neo-card px-6 py-4 bg-gradient-to-r from-pink-500 to-purple-600 text-white font-bold flex items-center justify-center gap-3 hover:opacity-90 transition-all text-lg\">\n <i class=\"fab fa-instagram text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">INSTAGRAM<\/div>\n <\/div>\n <\/button>\n <button onclick=\"downloadGuide()\" class=\"neo-card px-6 py-4 bg-blue-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-blue-600 transition-all text-lg\">\n <i class=\"fas fa-file-pdf text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">GET FREE<\/div>\n <div class=\"font-black\">E-BOOK<\/div>\n <\/div>\n <\/button>\n <\/div>\n \n <div class=\"text-center mb-12\">\n <p class=\"text-sm text-gray-600 mb-4\">\n <span class=\"font-black\">#PindahPorsi<\/span> \u2022 \n <span class=\"font-black\">#SmartConsumption<\/span> \u2022 \n <span class=\"font-black\">#InvestInWhatYouUse<\/span> \u2022\n <span class=\"font-black\">#FinplanUniverse<\/span>\n <\/p>\n <p class=\"text-xs text-gray-500 max-w-2xl mx-auto\">\n <i class=\"fas fa-exclamation-triangle mr-1\"><\/i> Disclaimer: Investasi saham mengandung risiko. Simulasi ini hanya ilustrasi berdasarkan data historis. \n Performa masa lalu tidak menjamin hasil di masa depan. Lakukan riset mandiri atau konsultasi dengan financial advisor.\n <br>\u00a9 2024 FinPlan Universe. All educational content.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"leadCapture\" class=\"fixed bottom-4 right-4 neo-card p-4 bg-white max-w-xs hidden md:block slide-in z-40\">\n <button onclick=\"closeLeadCapture()\" class=\"absolute top-1 right-2 text-gray-500 hover:text-black\">\u00d7<\/button>\n <p class=\"font-bold text-xs mb-2\">\ud83d\udcda FREE: \"Smart Switch\" eBook<\/p>\n <input type=\"email\" id=\"emailInput\" placeholder=\"your.email@domain.com\" class=\"w-full border-2 border-black p-2 mb-2 text-sm\">\n <button onclick=\"submitEmail()\" class=\"w-full bg-black text-white py-2 text-sm font-bold hover:bg-gray-800 transition-all\">\n GET EBOOK FREE\n <\/button>\n <\/div>\n\n \n <div id=\"challengeModal\" class=\"fixed inset-0 bg-black\/70 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-lg w-full max-h-[90vh] overflow-y-auto\">\n <div class=\"flex justify-between items-center mb-6\">\n <h3 class=\"unbounded text-2xl font-black gradient-text\">#PINDAHPORSI CHALLENGE<\/h3>\n <button onclick=\"closeChallengeModal()\" class=\"text-2xl hover:text-red-500\">\u00d7<\/button>\n <\/div>\n \n <div class=\"space-y-4\">\n <div class=\"bg-yellow-50 p-4 border-l-4 border-yellow-500\">\n <p class=\"font-bold text-sm\">\ud83c\udfc6 REWARD POOL:<\/p>\n <ul class=\"text-xs mt-2 space-y-1\">\n <li>\u2022 10x 1-on-1 Coaching dengan Financial Expert<\/li>\n <li>\u2022 50x FinPlan Premium e-Book Collection<\/li>\n <li>\u2022 100x FinPlan NFT Badge (Digital)<\/li>\n <li>\u2022 All participants: Free basic e-Book<\/li>\n <\/ul>\n <\/div>\n \n <div>\n <p class=\"font-bold mb-2\">\ud83d\udcdd CARA IKUTAN:<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">1<\/span>\n <p class=\"text-sm\">Gunakan simulator di atas untuk menghitung potensi investasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">2<\/span>\n <p class=\"text-sm\">Screenshot hasil simulasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">3<\/span>\n <p class=\"text-sm\">Post di Instagram\/WA Story dan TAG 3 teman yang perlu \"pindah porsi\"<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">4<\/span>\n <p class=\"text-sm\">Gunakan hashtag <span class=\"font-bold\">#PindahPorsi<\/span> dan tag <span class=\"font-bold\">@finplan.universe<\/span><\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">5<\/span>\n <p class=\"text-sm\">Isi form di bawah untuk verifikasi dan dapatkan reward!<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-gray-100 p-4 rounded-lg\">\n <p class=\"font-bold text-sm mb-3\">\ud83d\udccb CHALLENGE REGISTRATION:<\/p>\n \n <input type=\"text\" placeholder=\"Nama Lengkap\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"email\" placeholder=\"Email\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"text\" placeholder=\"Username Instagram (optional)\" class=\"w-full p-3 border-2 border-black mb-3\">\n \n <div class=\"mb-3\">\n <p class=\"text-xs font-bold mb-2\">Upload screenshot postingan challenge:<\/p>\n <input type=\"file\" class=\"w-full p-2 border-2 border-dashed border-black\">\n <\/div>\n \n <div class=\"flex items-start gap-2 mb-4\">\n <input type=\"checkbox\" id=\"agreeTerms\" class=\"mt-1\">\n <label for=\"agreeTerms\" class=\"text-xs\">Saya setuju dengan syarat dan ketentuan challenge<\/label>\n <\/div>\n \n <button onclick=\"submitChallenge()\" class=\"w-full bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n SUBMIT CHALLENGE ENTRY\n <\/button>\n <\/div>\n \n <p class=\"text-xs text-gray-600 text-center\">\n Challenge berlangsung hingga 30 April 2024. Pemenang akan diumumkan via email dan Instagram.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"brokerModal\" class=\"fixed inset-0 bg-black\/50 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-md w-full\">\n <h3 class=\"unbounded text-xl font-black mb-4 gradient-text\">READY TO START?<\/h3>\n <p class=\"mb-4 text-sm\">Kami akan mengarahkan Anda ke platform investasi terpercaya untuk memulai perjalanan <span class=\"font-bold\">Smart Investing<\/span>.<\/p>\n \n <div class=\"bg-gray-100 p-4 mb-6 rounded-lg\">\n <p class=\"text-xs font-bold mb-2\">YOUR SELECTION:<\/p>\n <p class=\"text-sm\">\u2022 Perusahaan: <span id=\"modalBrandName\" class=\"font-bold\">---<\/span><\/p>\n <p class=\"text-sm\">\u2022 Alokasi: <span id=\"modalAllocation\" class=\"font-bold\">---<\/span><\/p>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4\">\n <button onclick=\"closeModal()\" class=\"flex-1 border-4 border-black py-3 font-bold hover:bg-gray-100 transition-all\">\n CANCEL\n <\/button>\n <button onclick=\"redirectToBroker()\" class=\"flex-1 bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n CONTINUE \u2192\n <\/button>\n <\/div>\n <p class=\"text-xs text-gray-600 mt-4 text-center\">Kami mendapat komisi kecil dari broker untuk mendukung edukasi finansial gratis<\/p>\n <\/div>\n <\/div>\n\n <script>\n const sectors = {\n minimarket: [\n { id: \"AMRT\", name: \"ALFAMART\", ticker: \"AMRT.JK\", price: \"Rp 2.850\", growth: 0.18, dividend: \"1.2%\", desc: \"Retail network leader\" },\n { id: \"DNET\", name: \"INDOMARET\", ticker: \"DNET.JK\", price: \"Rp 10.200\", growth: 0.12, dividend: \"0.8%\", desc: \"Convenience store giant\" }\n ],\n makanan: [\n { id: \"ICBP\", name: \"INDOFOOD\", ticker: \"ICBP.JK\", price: \"Rp 11.200\", growth: 0.10, dividend: \"2.5%\", desc: \"Food & beverage conglomerate\" },\n { id: \"ULTJ\", name: \"ULTRAJAYA\", ticker: \"ULTJ.JK\", price: \"Rp 1.850\", growth: 0.08, dividend: \"1.8%\", desc: \"Dairy products leader\" },\n { id: \"CMRY\", name: \"CIMORY\", ticker: \"CMRY.JK\", price: \"Rp 4.900\", growth: 0.22, dividend: \"0.5%\", desc: \"Healthy food & beverage\" }\n ],\n digital: [\n { id: \"TLKM\", name: \"TELKOM INDONESIA\", ticker: \"TLKM.JK\", price: \"Rp 3.800\", growth: 0.07, dividend: \"3.5%\", desc: \"Telecommunications leader\" },\n { id: \"ISAT\", name: \"INDOSAT\", ticker: \"ISAT.JK\", price: \"Rp 10.500\", growth: 0.25, dividend: \"0.5%\", desc: \"Digital telecommunications\" },\n { id: \"GOTO\", name: \"GOTO GROUP\", ticker: \"GOTO.JK\", price: \"Rp 65\", growth: 0.02, dividend: \"0%\", desc: \"Tech ecosystem\" }\n ],\n transport: [\n { id: \"ASII\", name: \"ASTRA INTERNATIONAL\", ticker: \"ASII.JK\", price: \"Rp 5.200\", growth: 0.09, dividend: \"2.8%\", desc: \"Automotive & financial services\" },\n { id: \"AKRA\", name: \"AKR CORPORINDO\", ticker: \"AKRA.JK\", price: \"Rp 1.500\", growth: 0.15, dividend: \"1.5%\", desc: \"Energy & logistics\" }\n ],\n personal: [\n { id: \"UNVR\", name: \"UNILEVER INDONESIA\", ticker: \"UNVR.JK\", price: \"Rp 3.100\", growth: 0.05, dividend: \"3.0%\", desc: \"Consumer goods leader\" },\n { id: \"VICI\", name: \"VICI COSMETICS\", ticker: \"VICI.JK\", price: \"Rp 550\", growth: 0.14, dividend: \"0.8%\", desc: \"Cosmetics & personal care\" }\n ],\n hobby: [\n { id: \"MAPI\", name: \"MAP GROUP\", ticker: \"MAPI.JK\", price: \"Rp 1.900\", growth: 0.15, dividend: \"1.0%\", desc: \"Premium lifestyle retail\" },\n { id: \"ERAA\", name: \"ERA GROUP\", ticker: \"ERAA.JK\", price: \"Rp 450\", growth: 0.12, dividend: \"0.5%\", desc: \"Consumer electronics\" }\n ]\n };\n\n let currentSect = 'minimarket';\n \n \/\/ Live counter animation\n let liveCount = 2547;\n let roiValue = 21.3;\n \n setInterval(() => {\n liveCount += Math.floor(Math.random() * 8) + 1;\n roiValue += (Math.random() - 0.5) * 0.15;\n roiValue = Math.max(18, Math.min(25, roiValue)); \/\/ Keep between 18-25%\n \n document.getElementById('liveCounter').innerText = liveCount.toLocaleString('id-ID');\n document.getElementById('avgROI').innerText = roiValue.toFixed(1) + '%';\n }, 3000);\n\n function setSector(s) {\n currentSect = s;\n document.querySelectorAll('.sector-btn').forEach(b => b.classList.remove('active'));\n document.getElementById('btn-'+s).classList.add('active');\n const sel = document.getElementById('brandSelect');\n sel.innerHTML = '';\n sectors[s].forEach(b => {\n let o = document.createElement('option'); \n o.value = b.id; \n o.text = b.name; \n sel.appendChild(o);\n });\n updateBrandPreview();\n trackEvent('sector_change', s);\n }\n\n function updateBrandPreview() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n if (b) {\n document.getElementById('tickerDisplay').innerText = b.ticker;\n document.getElementById('priceDisplay').innerText = b.price;\n document.getElementById('companyName').innerText = b.desc;\n document.getElementById('growthDisplay').innerText = (b.growth * 100).toFixed(0) + '%';\n document.getElementById('dividendDisplay').innerText = b.dividend;\n }\n }\n\n function updatePercent() {\n const percent = document.getElementById('investPercent').value;\n document.getElementById('percentValue').innerText = percent + '%';\n }\n\n function updateUniverse() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n const budget = parseFloat(document.getElementById('budgetInput').value) || 1000000;\n const percent = parseInt(document.getElementById('investPercent').value) || 30;\n const monthlyInvest = budget * (percent \/ 100);\n const r = b.growth \/ 12;\n let fv = 0;\n \n \/\/ Compound calculation for 5 years (60 months)\n for(let i = 0; i < 60; i++) {\n fv = (fv + monthlyInvest) * (1 + r);\n }\n \n const initialInvestment = monthlyInvest * 60;\n const totalReturn = ((fv - initialInvestment) \/ initialInvestment) * 100;\n \n let start = 0;\n const obj = document.getElementById('assetResult');\n const returnObj = document.getElementById('returnPercentage');\n \n const timer = setInterval(() => {\n start += Math.floor(fv \/ 40);\n if(start >= fv) { \n start = Math.round(fv); \n clearInterval(timer); \n }\n obj.innerText = \"Rp \" + Math.round(start).toLocaleString('id-ID');\n \n \/\/ Update return percentage\n const currentReturn = ((start - initialInvestment) \/ initialInvestment) * 100;\n if (currentReturn > 0) {\n returnObj.innerHTML = `<span class=\"text-green-800\">+${currentReturn.toFixed(1)}% return<\/span>`;\n }\n }, 30);\n \n trackEvent('calculate', `${b.id}_${budget}_${percent}%`);\n }\n\n function openBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const brandName = document.getElementById('brandSelect').selectedOptions[0].text;\n const percent = document.getElementById('investPercent').value;\n \n document.getElementById('modalBrandName').innerText = brandName;\n document.getElementById('modalAllocation').innerText = percent + '% dari budget bulanan';\n document.getElementById('brokerModal').classList.remove('hidden');\n document.getElementById('brokerModal').classList.add('flex');\n trackEvent('open_broker_modal', selectedBrand);\n }\n\n function openChallengeModal() {\n document.getElementById('challengeModal').classList.remove('hidden');\n document.getElementById('challengeModal').classList.add('flex');\n trackEvent('open_challenge_modal', 'challenge');\n }\n\n function closeChallengeModal() {\n document.getElementById('challengeModal').classList.add('hidden');\n document.getElementById('challengeModal').classList.remove('flex');\n trackEvent('close_challenge_modal', 'cancel');\n }\n\n function closeModal() {\n document.getElementById('brokerModal').classList.add('hidden');\n document.getElementById('brokerModal').classList.remove('flex');\n trackEvent('close_broker_modal', 'cancel');\n }\n\n function redirectToBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const ticker = sectors[currentSect].find(x => x.id === selectedBrand)?.ticker || 'AMRT.JK';\n \n \/\/ Simulated broker redirect\n alert(`Redirecting to investment platform for ${ticker}...\\n\\nIn production: Platform integration with Ajaib\/Stockbit\/Bibit`);\n \n trackEvent('redirect_to_broker', selectedBrand);\n closeModal();\n }\n\n function shareToWA() {\n const selectedBrand = document.getElementById('brandSelect').selectedOptions[0].text;\n const text = `\ud83d\udd25 #PINDAHPORSI CHALLENGE \ud83d\udd25\\n\\nGue baru hitung gimana kalo 30% budget jajan dialokasiin ke saham ${selectedBrand}! Potensi returnnya gila dalam 5 tahun! \\n\\nCoba simulasiin sendiri di sini: ${window.location.href} \\n\\nTag 3 teman yang masih jadi \"donatur brand\"! \\n\\n#PindahPorsi #SmartInvesting #FinplanUniverse`;\n \n window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(text)}`, '_blank');\n trackEvent('share', 'whatsapp_challenge');\n }\n\n function shareToIG() {\n alert('\ud83d\udcf8 Untuk Instagram:\\n\\n1. Screenshot hasil simulasimu\\n2. Post di Feed\/Story\\n3. Tag @finplan.universe\\n4. Tag 3 teman\\n5. Hashtag #PindahPorsi\\n\\nKami akan repost yang terbaik!');\n trackEvent('share', 'instagram_challenge');\n }\n\n function viewLeaderboard() {\n alert('\ud83c\udfc6 Redirecting to Challenge Leaderboard...\\n\\nSee top participants and their entries!');\n trackEvent('view_leaderboard', 'challenge');\n }\n\n function submitChallenge() {\n const agree = document.querySelector('#agreeTerms').checked;\n if (!agree) {\n alert('Please agree to the terms and conditions');\n return;\n }\n \n alert('\ud83c\udf89 Challenge entry submitted!\\n\\nWe will verify your submission within 24 hours. Reward will be sent via email.\\n\\nThank you for joining #PindahPorsi Challenge!');\n closeChallengeModal();\n trackEvent('submit_challenge', 'success');\n }\n\n function downloadGuide() {\n alert('\ud83d\udce5 Downloading \"Smart Switch Guide\" (PDF)...\\n\\nGuide akan dikirim ke email Anda (jika sudah submit)');\n trackEvent('download', 'guide');\n }\n\n function submitEmail() {\n const email = document.getElementById('emailInput').value;\n if (email && email.includes('@') && email.includes('.')) {\n alert(`\u2705 Terima kasih! eBook \"Smart Switch\" akan dikirim ke ${email} dalam 5 menit.\\n\\nCek folder spam\/promosi jika belum sampai.`);\n document.getElementById('emailInput').value = '';\n closeLeadCapture();\n trackEvent('email_submit', 'success');\n } else {\n alert('\u26a0\ufe0f Masukkan email yang valid untuk mendapatkan ebook gratis!');\n }\n }\n\n function closeLeadCapture() {\n document.getElementById('leadCapture').style.display = 'none';\n }\n\n \/\/ Show email capture after 8 seconds\n setTimeout(() => {\n const capture = document.getElementById('leadCapture');\n if (capture) capture.style.display = 'block';\n }, 8000);\n\n \/\/ Analytics simulation\n function trackEvent(action, label) {\n console.log(`[ANALYTICS] ${action}: ${label}`);\n \/\/ Production: Google Analytics, Facebook Pixel, etc.\n }\n\n \/\/ Initialize\n window.onload = () => {\n setSector('minimarket');\n updatePercent();\n \n \/\/ Auto-calculate on page load\n setTimeout(updateUniverse, 1000);\n \n \/\/ Auto-show challenge modal after 15 seconds\n setTimeout(() => {\n if (!localStorage.getItem('challenge_shown')) {\n openChallengeModal();\n localStorage.setItem('challenge_shown', 'true');\n }\n }, 15000);\n };\n <\/script>\n<\/body>\n<\/html>\n"}],"yoast_head":"\n<title>- Finplan<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.finplan.id\/blog\/2359-2\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- Finplan\" \/>\n<meta property=\"og:description\" content=\"FINPLAN UNIVERSE | Pindah Porsi – Smart Consumption to Investment \ud83d\udd25 2,547 INVESTOR BARU BULAN INI \u2022 ROI RATA-RATA 21.3% \ud83d\ude80 #PindahPorsi Challenge FINPLAN UNIVERSE \u25cf LIVE \u2022 CONNECTED SMART CONSUMPTION \u2192 INVESTMENT JANGAN BERHENTI BELANJA. Ubah mindset dari Pelanggan Biasa jadi Pemilik Saham. *Smart spending meets smart investing \ud83c\udfc6 VIRAL CHALLENGE TAG 3 TEMAN […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.finplan.id\/blog\/2359-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Finplan\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-18T13:45:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.finplan.id\/blog\/#website\",\"url\":\"https:\/\/www.finplan.id\/blog\/\",\"name\":\"Finplan\",\"description\":\"Komunitas belajar investasi\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.finplan.id\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.finplan.id\/blog\/2359-2\/#webpage\",\"url\":\"https:\/\/www.finplan.id\/blog\/2359-2\/\",\"name\":\"- Finplan\",\"isPartOf\":{\"@id\":\"https:\/\/www.finplan.id\/blog\/#website\"},\"datePublished\":\"2026-01-18T13:45:16+00:00\",\"dateModified\":\"2026-01-18T13:45:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.finplan.id\/blog\/2359-2\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.finplan.id\/blog\/2359-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.finplan.id\/blog\/2359-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\"}]}]}<\/script>\n","yoast_head_json":{"title":"- Finplan","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.finplan.id\/blog\/2359-2\/","og_locale":"id_ID","og_type":"article","og_title":"- Finplan","og_description":"FINPLAN UNIVERSE | Pindah Porsi – Smart Consumption to Investment \ud83d\udd25 2,547 INVESTOR BARU BULAN INI \u2022 ROI RATA-RATA 21.3% \ud83d\ude80 #PindahPorsi Challenge FINPLAN UNIVERSE \u25cf LIVE \u2022 CONNECTED SMART CONSUMPTION \u2192 INVESTMENT JANGAN BERHENTI BELANJA. Ubah mindset dari Pelanggan Biasa jadi Pemilik Saham. *Smart spending meets smart investing \ud83c\udfc6 VIRAL CHALLENGE TAG 3 TEMAN […]","og_url":"https:\/\/www.finplan.id\/blog\/2359-2\/","og_site_name":"Finplan","article_modified_time":"2026-01-18T13:45:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.finplan.id\/blog\/#website","url":"https:\/\/www.finplan.id\/blog\/","name":"Finplan","description":"Komunitas belajar investasi","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.finplan.id\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.finplan.id\/blog\/2359-2\/#webpage","url":"https:\/\/www.finplan.id\/blog\/2359-2\/","name":"- Finplan","isPartOf":{"@id":"https:\/\/www.finplan.id\/blog\/#website"},"datePublished":"2026-01-18T13:45:16+00:00","dateModified":"2026-01-18T13:45:17+00:00","breadcrumb":{"@id":"https:\/\/www.finplan.id\/blog\/2359-2\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.finplan.id\/blog\/2359-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.finplan.id\/blog\/2359-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":""}]}]}},"_links":{"self":[{"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/pages\/2359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/comments?post=2359"}],"version-history":[{"count":2,"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/pages\/2359\/revisions"}],"predecessor-version":[{"id":2361,"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/pages\/2359\/revisions\/2361"}],"wp:attachment":[{"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/media?parent=2359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2359,"date":"2026-01-18T20:45:16","date_gmt":"2026-01-18T13:45:16","guid":{"rendered":"https:\/\/www.finplan.id\/blog\/?page_id=2359"},"modified":"2026-01-18T20:45:17","modified_gmt":"2026-01-18T13:45:17","slug":"2359-2","status":"publish","type":"page","link":"https:\/\/www.finplan.id\/blog\/2359-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n FINPLAN UNIVERSE | Pindah Porsi – Smart Consumption to Investment<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;700;900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --black: #1e1e1e;\n --yellow: #EBFF00;\n --purple: #BC7AF9;\n --green: #2ecc71;\n --blue: #3498db;\n --orange: #ff9f43;\n --pink: #ff6b8b;\n }\n body { font-family: 'Space Grotesk', sans-serif; background-color: #f0f0f0; color: var(--black); overflow-x: hidden; }\n .unbounded { font-family: 'Unbounded', sans-serif; }\n .neo-card { background: white; border: 4px solid var(--black); box-shadow: 10px 10px 0px 0px var(--black); transition: all 0.2s ease; }\n .neo-card:hover { transform: translate(-2px, -2px); box-shadow: 14px 14px 0px 0px var(--black); }\n .sector-btn { border: 3px solid var(--black); padding: 8px; font-weight: 900; font-size: 10px; text-transform: uppercase; background: white; transition: 0.1s; cursor: pointer; }\n .sector-btn.active { background: var(--yellow); box-shadow: 4px 4px 0px 0px var(--black); transform: translate(-2px, -2px); }\n .float { animation: float 3s ease-in-out infinite; }\n @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }\n @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }\n .pulse { animation: pulse 2s infinite; }\n .slide-in { animation: slideIn 0.5s ease-out; }\n @keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n .gradient-text { background: linear-gradient(90deg, var(--purple), var(--blue)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n .bounce { animation: bounce 2s infinite; }\n @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n .wiggle { animation: wiggle 1s ease-in-out infinite; }\n @keyframes wiggle { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }\n .highlight-cta { \n background: linear-gradient(45deg, var(--yellow), var(--orange), var(--pink), var(--purple));\n background-size: 300% 300%;\n animation: gradient-shift 3s ease infinite;\n border: 4px solid var(--black) !important;\n }\n @keyframes gradient-shift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n .challenge-badge {\n background: linear-gradient(45deg, #ff0080, #ff8c00);\n color: white;\n font-weight: 900;\n padding: 4px 12px;\n border-radius: 20px;\n display: inline-block;\n animation: wiggle 2s infinite;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n \n <div class=\"max-w-6xl mx-auto mb-6\">\n <div class=\"neo-card p-4 bg-gradient-to-r from-blue-500 to-purple-600 text-white text-center pulse\">\n <div class=\"flex flex-wrap justify-center items-center gap-2 md:gap-4\">\n <span class=\"text-lg\">\ud83d\udd25<\/span>\n <span class=\"text-sm md:text-base font-black uppercase tracking-tight\">\n <span id=\"liveCounter\">2,547<\/span> INVESTOR BARU BULAN INI \u2022 ROI RATA-RATA <span id=\"avgROI\">21.3%<\/span>\n <\/span>\n <span class=\"text-lg\">\ud83d\ude80<\/span>\n <span class=\"challenge-badge text-xs\">#PindahPorsi Challenge<\/span>\n <\/div>\n <\/div>\n <\/nav>\n\n <nav class=\"max-w-6xl mx-auto flex justify-between items-center mb-12\">\n <div class=\"neo-card px-4 py-2 bg-black text-white font-black text-xl uppercase tracking-tighter\">\n FINPLAN <span class=\"text-[var(--yellow)]\">UNIVERSE<\/span>\n <\/div>\n <div class=\"hidden md:flex gap-6 font-bold uppercase text-xs\">\n <span class=\"text-green-600 animate-pulse\">\u25cf LIVE \u2022 CONNECTED<\/span>\n <span>SMART CONSUMPTION \u2192 INVESTMENT<\/span>\n <\/div>\n <\/nav>\n\n <header class=\"max-w-4xl mx-auto text-center mb-16 px-4\">\n <h1 class=\"unbounded text-4xl md:text-7xl font-black leading-none mb-6 italic uppercase\">\n JANGAN BERHENTI <span class=\"bg-[var(--yellow)] border-4 border-black px-4 inline-block -rotate-2 bounce\">BELANJA.<\/span>\n <\/h1>\n <p class=\"text-xl font-medium leading-relaxed max-w-2xl mx-auto\">\n Ubah mindset dari <span class=\"font-black gradient-text\">Pelanggan Biasa<\/span> jadi \n <span class=\"font-black gradient-text\">Pemilik Saham<\/span>.\n <br><span class=\"text-sm text-gray-600\">*Smart spending meets smart investing<\/span>\n <\/p>\n \n \n <div class=\"mt-8 p-6 neo-card bg-gradient-to-r from-pink-500 to-purple-600 text-white max-w-2xl mx-auto\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-4\">\n <div class=\"text-left\">\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"text-2xl\">\ud83c\udfc6<\/span>\n <span class=\"unbounded font-black uppercase text-sm\">VIRAL CHALLENGE<\/span>\n <\/div>\n <h3 class=\"unbounded text-xl md:text-2xl font-black mb-2\">TAG 3 TEMAN YANG MASIH JADI “DONATUR”<\/h3>\n <p class=\"text-sm opacity-90\">Bantu mereka transformasi finansial, dapatkan e-Book Premium GRATIS!<\/p>\n <\/div>\n <button onclick=\"openChallengeModal()\" class=\"px-6 py-3 bg-black text-white font-black uppercase hover:bg-white hover:text-black transition-all neo-card text-nowrap\">\n JOIN CHALLENGE <i class=\"fas fa-fire ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-8\">\n \n <aside class=\"md:col-span-4 space-y-6\">\n <div class=\"neo-card p-6 bg-white slide-in\">\n <h3 class=\"unbounded text-xs font-black mb-4 uppercase text-purple-600 tracking-widest italic\">\/\/ PILIH PORSI INVESTASI<\/h3>\n <div class=\"grid grid-cols-2 gap-2 mb-6\">\n <button onclick=\"setSector('minimarket')\" class=\"sector-btn active\" id=\"btn-minimarket\">\ud83c\udfea Retail<\/button>\n <button onclick=\"setSector('makanan')\" class=\"sector-btn\" id=\"btn-makanan\">\ud83c\udf5c F&B<\/button>\n <button onclick=\"setSector('digital')\" class=\"sector-btn\" id=\"btn-digital\">\ud83d\udcf1 Tech<\/button>\n <button onclick=\"setSector('transport')\" class=\"sector-btn\" id=\"btn-transport\">\ud83d\ude97 Mobility<\/button>\n <button onclick=\"setSector('personal')\" class=\"sector-btn\" id=\"btn-personal\">\u2728 Lifestyle<\/button>\n <button onclick=\"setSector('hobby')\" class=\"sector-btn\" id=\"btn-hobby\">\ud83c\udfaf Premium<\/button>\n <\/div>\n\n <div class=\"space-y-4\">\n <label class=\"block font-bold text-[10px] uppercase\">Pilih Perusahaan:<\/label>\n <select id=\"brandSelect\" onchange=\"updateBrandPreview()\" class=\"w-full p-3 border-4 border-black bg-white font-bold outline-none cursor-pointer\"><\/select>\n \n <div class=\"grid grid-cols-2 gap-4\">\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">Budget Bulanan:<\/label>\n <input id=\"budgetInput\" type=\"number\" value=\"1000000\" class=\"w-full p-3 border-4 border-black font-black text-xl outline-none focus:bg-[var(--yellow)]\">\n <\/div>\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">% Untuk Invest:<\/label>\n <div class=\"flex items-center gap-2 mt-2\">\n <input type=\"range\" id=\"investPercent\" min=\"10\" max=\"50\" value=\"30\" class=\"flex-grow\" oninput=\"updatePercent()\">\n <span id=\"percentValue\" class=\"font-black text-xl\">30%<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <button onclick=\"updateUniverse()\" class=\"w-full p-4 highlight-cta text-black font-black uppercase text-lg transition-all mt-4\">\n <i class=\"fas fa-bolt mr-2\"><\/i> HITUNG POTENSI GAJIAN \u2192\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-slate-800 text-white overflow-hidden\">\n <p class=\"text-[10px] font-mono text-slate-400 mb-2 uppercase tracking-widest\">\/\/ REAL-TIME MARKET DATA<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex justify-between items-center\">\n <div>\n <span id=\"tickerDisplay\" class=\"font-bold text-lg\">—<\/span>\n <span class=\"text-xs text-slate-400 ml-2\" id=\"companyName\">—<\/span>\n <\/div>\n <span id=\"priceDisplay\" class=\"text-[var(--yellow)] font-black text-2xl\">—<\/span>\n <\/div>\n <div class=\"text-xs flex justify-between\">\n <span>Growth 5Y: <span id=\"growthDisplay\" class=\"font-bold\">—<\/span><\/span>\n <span>Dividend: <span id=\"dividendDisplay\" class=\"font-bold text-green-400\">—<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-white\">\n <h4 class=\"unbounded font-black uppercase mb-4 text-sm gradient-text\">\ud83c\udf1f SUCCESS STORIES<\/h4>\n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-yellow-300 to-orange-400 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">R<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Rian \u2022 8 bulan<\/p>\n <p class=\"text-sm italic\">“Diversifikasi 30% budget lifestyle ke saham MAPI, sekarang dividennya bisa cover monthly coffee fix!”<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+24% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-blue-300 to-purple-500 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">S<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Sarah \u2022 14 bulan<\/p>\n <p class=\"text-sm italic\">“Mindset berubah total. Sekarang setiap transaksi jadi keputusan financial, bukan sekadar konsumsi.”<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+31% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star-half-alt text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/aside>\n\n <div class=\"md:col-span-8 grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"neo-card p-8 bg-white border-dashed relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-gradient-to-r from-gray-500 to-gray-700 text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Consumer\n <\/div>\n <div class=\"text-5xl mb-6\">\ud83d\uded2<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase\">Mode:<br>Pelanggan<\/h2>\n <p class=\"text-xs font-medium text-slate-500 mb-8 leading-relaxed italic\">\n Setiap transaksi adalah pengeluaran murni. Uang mengalir keluar tanpa pengembalian jangka panjang.\n <\/p>\n <div class=\"border-t-4 border-gray-300 pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-50\">Nilai 5 Tahun Kedepan:<\/span>\n <p class=\"text-3xl font-black text-gray-400\">Rp 0<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-8 bg-gradient-to-br from-yellow-300 to-yellow-500 relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-black text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Investor\n <\/div>\n <div class=\"text-5xl mb-6 float\">\ud83d\udcca<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase text-black\">Mode:<br>Pemilik<\/h2>\n <p class=\"text-xs font-black text-gray-800 mb-8 leading-relaxed italic\">\n Sebagian pengeluaran dialokasikan ke kepemilikan. Perusahaan bekerja untuk mengembangkan aset Anda.\n <\/p>\n <div class=\"border-t-4 border-black pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-70\">Estimasi Portofolio (5thn):<\/span>\n <p id=\"assetResult\" class=\"text-3xl font-black text-black\">Rp 0<\/p>\n <p class=\"text-xs font-bold text-green-800 mt-1\" id=\"returnPercentage\">+0% return<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 highlight-cta text-black text-center slide-in relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-20 h-20 bg-white\/20 rounded-full -translate-x-10 -translate-y-10\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-32 h-32 bg-white\/20 rounded-full translate-x-10 translate-y-10\"><\/div>\n \n <h3 class=\"unbounded text-2xl md:text-4xl font-black mb-4 uppercase\">\ud83d\ude80 READY TO LEVEL UP?<\/h3>\n <p class=\"text-lg font-bold mb-6 max-w-2xl mx-auto\">\n Join <span class=\"text-black bg-white px-2 py-1\">2,547+<\/span> investor yang sudah pindah porsi dari konsumsi ke investasi!\n <\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mb-8\">\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfaf<\/div>\n <p class=\"font-bold text-sm mb-1\">START SMALL<\/p>\n <p class=\"text-xs\">Mulai dari Rp 100.000<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\u26a1<\/div>\n <p class=\"font-bold text-sm mb-1\">INSTANT SETUP<\/p>\n <p class=\"text-xs\">5 menit daftar<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfc6<\/div>\n <p class=\"font-bold text-sm mb-1\">FREE BONUS<\/p>\n <p class=\"text-xs\">E-Book + Community<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openBroker()\" class=\"px-8 py-4 bg-black text-white font-black uppercase text-lg hover:bg-white hover:text-black transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-rocket\"><\/i> START INVESTING NOW\n <span class=\"text-xs bg-yellow-400 text-black px-2 py-1 rounded\">RECOMMENDED<\/span>\n <\/button>\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-lg hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-fire\"><\/i> JOIN CHALLENGE\n <span class=\"challenge-badge text-xs\">VIRAL<\/span>\n <\/button>\n <\/div>\n \n <p class=\"text-xs mt-6 font-bold\">\n <i class=\"fas fa-gift text-purple-600 mr-1\"><\/i> Bonus: Free e-Book “Smart Switch Formula” untuk 100 pendaftar pertama!\n <\/p>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-purple-500 to-blue-600 text-white slide-in\">\n <div class=\"flex flex-col md:flex-row gap-8 items-center\">\n <div class=\"text-7xl\">\ud83d\udc8e<\/div>\n <div>\n <h4 class=\"unbounded text-xl font-black mb-2 uppercase italic\">Smart Consumption = Smart Investment<\/h4>\n <p class=\"text-sm font-bold opacity-90 leading-relaxed\">\n Transformasikan <span class=\"underline\">pengeluaran rutin<\/span> menjadi <span class=\"bg-black px-1\">aliran aset pasif<\/span>. \n Sebagai pemegang saham, Anda berpartisipasi dalam pertumbuhan perusahaan yang produknya Anda gunakan sehari-hari.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-orange-400 to-red-500 text-white slide-in\">\n <div class=\"flex items-center gap-4 mb-6\">\n <span class=\"bg-black text-white px-3 py-1 font-black text-xs uppercase tracking-tighter\">TRANSFORMASI FINANSIAL<\/span>\n <div class=\"h-[1px] flex-grow bg-white\/30\"><\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-sm\">\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-yellow-300\">\ud83d\udcb0 Budget Rutin<\/p>\n <p class=\"text-xs opacity-90\">Rp 1jt\/bulan untuk konsumsi = Rp 60jt keluar dalam 5 tahun<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20 text-center\">\n <p class=\"font-black text-xl my-2\">\u21e8<\/p>\n <p class=\"text-xs font-bold\">Smart Allocation<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-green-300\">\ud83d\udcc8 Dengan Investasi<\/p>\n <p class=\"text-xs opacity-90\">Rp 300rb\/bulan = Potensi <span class=\"font-bold\">Rp 25-40jt<\/span> dalam 5 tahun*<\/p>\n <\/div>\n <\/div>\n <p class=\"text-xs mt-6 text-center opacity-80\">*Estimasi berdasarkan historical growth 10-18% per tahun. Investasi mengandung risiko.<\/p>\n <\/div>\n <\/div>\n <\/main>\n\n \n <div class=\"max-w-6xl mx-auto mt-12\">\n <div class=\"neo-card p-8 bg-gradient-to-br from-pink-500 via-purple-500 to-blue-600 text-white text-center mb-8 relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-40 h-40 bg-white\/10 rounded-full -translate-x-20 -translate-y-20\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-60 h-60 bg-white\/10 rounded-full translate-x-20 translate-y-20\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"inline-block challenge-badge px-4 py-2 mb-4 text-lg\">\n <i class=\"fas fa-fire mr-2\"><\/i> VIRAL CHALLENGE\n <\/div>\n \n <h3 class=\"unbounded text-3xl md:text-4xl font-black mb-4 uppercase\">#PINDAHPORSI CHALLENGE<\/h3>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">1\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">SIMULASI<\/p>\n <p class=\"text-sm\">Hitung potensi investasimu di atas<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">2\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">TAG 3 TEMAN<\/p>\n <p class=\"text-sm\">Yang perlu “pindah porsi” seperti kamu<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">3\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">DAPATKAN REWARD<\/p>\n <p class=\"text-sm\">E-Book Premium + Airdrop FinPlan NFT<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-xl hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-play-circle\"><\/i> JOIN CHALLENGE NOW\n <\/button>\n <button onclick=\"viewLeaderboard()\" class=\"px-8 py-4 bg-black\/50 text-white font-black uppercase text-xl hover:bg-black transition-all neo-card border-2 border-white flex items-center justify-center gap-3\">\n <i class=\"fas fa-trophy\"><\/i> VIEW LEADERBOARD\n <\/button>\n <\/div>\n \n <p class=\"text-sm mt-6 font-bold\">\n <i class=\"fas fa-gift mr-2\"><\/i> 500+ peserta sudah join! 10 pemenang terbaik dapat coaching 1-on-1 dengan financial expert!\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"flex flex-col md:flex-row justify-center gap-4 md:gap-6 mb-8\">\n <button onclick=\"shareToWA()\" class=\"neo-card px-6 py-4 bg-green-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-green-600 transition-all text-lg\">\n <i class=\"fab fa-whatsapp text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">WHATSAPP<\/div>\n <\/div>\n <\/button>\n <button onclick=\"shareToIG()\" class=\"neo-card px-6 py-4 bg-gradient-to-r from-pink-500 to-purple-600 text-white font-bold flex items-center justify-center gap-3 hover:opacity-90 transition-all text-lg\">\n <i class=\"fab fa-instagram text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">INSTAGRAM<\/div>\n <\/div>\n <\/button>\n <button onclick=\"downloadGuide()\" class=\"neo-card px-6 py-4 bg-blue-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-blue-600 transition-all text-lg\">\n <i class=\"fas fa-file-pdf text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">GET FREE<\/div>\n <div class=\"font-black\">E-BOOK<\/div>\n <\/div>\n <\/button>\n <\/div>\n \n <div class=\"text-center mb-12\">\n <p class=\"text-sm text-gray-600 mb-4\">\n <span class=\"font-black\">#PindahPorsi<\/span> \u2022 \n <span class=\"font-black\">#SmartConsumption<\/span> \u2022 \n <span class=\"font-black\">#InvestInWhatYouUse<\/span> \u2022\n <span class=\"font-black\">#FinplanUniverse<\/span>\n <\/p>\n <p class=\"text-xs text-gray-500 max-w-2xl mx-auto\">\n <i class=\"fas fa-exclamation-triangle mr-1\"><\/i> Disclaimer: Investasi saham mengandung risiko. Simulasi ini hanya ilustrasi berdasarkan data historis. \n Performa masa lalu tidak menjamin hasil di masa depan. Lakukan riset mandiri atau konsultasi dengan financial advisor.\n <br>\u00a9 2024 FinPlan Universe. All educational content.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"leadCapture\" class=\"fixed bottom-4 right-4 neo-card p-4 bg-white max-w-xs hidden md:block slide-in z-40\">\n <button onclick=\"closeLeadCapture()\" class=\"absolute top-1 right-2 text-gray-500 hover:text-black\">\u00d7<\/button>\n <p class=\"font-bold text-xs mb-2\">\ud83d\udcda FREE: “Smart Switch” eBook<\/p>\n <input type=\"email\" id=\"emailInput\" placeholder=\"your.email@domain.com\" class=\"w-full border-2 border-black p-2 mb-2 text-sm\">\n <button onclick=\"submitEmail()\" class=\"w-full bg-black text-white py-2 text-sm font-bold hover:bg-gray-800 transition-all\">\n GET EBOOK FREE\n <\/button>\n <\/div>\n\n \n <div id=\"challengeModal\" class=\"fixed inset-0 bg-black\/70 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-lg w-full max-h-[90vh] overflow-y-auto\">\n <div class=\"flex justify-between items-center mb-6\">\n <h3 class=\"unbounded text-2xl font-black gradient-text\">#PINDAHPORSI CHALLENGE<\/h3>\n <button onclick=\"closeChallengeModal()\" class=\"text-2xl hover:text-red-500\">\u00d7<\/button>\n <\/div>\n \n <div class=\"space-y-4\">\n <div class=\"bg-yellow-50 p-4 border-l-4 border-yellow-500\">\n <p class=\"font-bold text-sm\">\ud83c\udfc6 REWARD POOL:<\/p>\n <ul class=\"text-xs mt-2 space-y-1\">\n <li>\u2022 10x 1-on-1 Coaching dengan Financial Expert<\/li>\n <li>\u2022 50x FinPlan Premium e-Book Collection<\/li>\n <li>\u2022 100x FinPlan NFT Badge (Digital)<\/li>\n <li>\u2022 All participants: Free basic e-Book<\/li>\n <\/ul>\n <\/div>\n \n <div>\n <p class=\"font-bold mb-2\">\ud83d\udcdd CARA IKUTAN:<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">1<\/span>\n <p class=\"text-sm\">Gunakan simulator di atas untuk menghitung potensi investasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">2<\/span>\n <p class=\"text-sm\">Screenshot hasil simulasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">3<\/span>\n <p class=\"text-sm\">Post di Instagram\/WA Story dan TAG 3 teman yang perlu “pindah porsi”<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">4<\/span>\n <p class=\"text-sm\">Gunakan hashtag <span class=\"font-bold\">#PindahPorsi<\/span> dan tag <span class=\"font-bold\">@finplan.universe<\/span><\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">5<\/span>\n <p class=\"text-sm\">Isi form di bawah untuk verifikasi dan dapatkan reward!<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-gray-100 p-4 rounded-lg\">\n <p class=\"font-bold text-sm mb-3\">\ud83d\udccb CHALLENGE REGISTRATION:<\/p>\n \n <input type=\"text\" placeholder=\"Nama Lengkap\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"email\" placeholder=\"Email\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"text\" placeholder=\"Username Instagram (optional)\" class=\"w-full p-3 border-2 border-black mb-3\">\n \n <div class=\"mb-3\">\n <p class=\"text-xs font-bold mb-2\">Upload screenshot postingan challenge:<\/p>\n <input type=\"file\" class=\"w-full p-2 border-2 border-dashed border-black\">\n <\/div>\n \n <div class=\"flex items-start gap-2 mb-4\">\n <input type=\"checkbox\" id=\"agreeTerms\" class=\"mt-1\">\n <label for=\"agreeTerms\" class=\"text-xs\">Saya setuju dengan syarat dan ketentuan challenge<\/label>\n <\/div>\n \n <button onclick=\"submitChallenge()\" class=\"w-full bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n SUBMIT CHALLENGE ENTRY\n <\/button>\n <\/div>\n \n <p class=\"text-xs text-gray-600 text-center\">\n Challenge berlangsung hingga 30 April 2024. Pemenang akan diumumkan via email dan Instagram.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"brokerModal\" class=\"fixed inset-0 bg-black\/50 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-md w-full\">\n <h3 class=\"unbounded text-xl font-black mb-4 gradient-text\">READY TO START?<\/h3>\n <p class=\"mb-4 text-sm\">Kami akan mengarahkan Anda ke platform investasi terpercaya untuk memulai perjalanan <span class=\"font-bold\">Smart Investing<\/span>.<\/p>\n \n <div class=\"bg-gray-100 p-4 mb-6 rounded-lg\">\n <p class=\"text-xs font-bold mb-2\">YOUR SELECTION:<\/p>\n <p class=\"text-sm\">\u2022 Perusahaan: <span id=\"modalBrandName\" class=\"font-bold\">—<\/span><\/p>\n <p class=\"text-sm\">\u2022 Alokasi: <span id=\"modalAllocation\" class=\"font-bold\">—<\/span><\/p>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4\">\n <button onclick=\"closeModal()\" class=\"flex-1 border-4 border-black py-3 font-bold hover:bg-gray-100 transition-all\">\n CANCEL\n <\/button>\n <button onclick=\"redirectToBroker()\" class=\"flex-1 bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n CONTINUE \u2192\n <\/button>\n <\/div>\n <p class=\"text-xs text-gray-600 mt-4 text-center\">Kami mendapat komisi kecil dari broker untuk mendukung edukasi finansial gratis<\/p>\n <\/div>\n <\/div>\n\n <script>\n const sectors = {\n minimarket: [\n { id: \"AMRT\", name: \"ALFAMART\", ticker: \"AMRT.JK\", price: \"Rp 2.850\", growth: 0.18, dividend: \"1.2%\", desc: \"Retail network leader\" },\n { id: \"DNET\", name: \"INDOMARET\", ticker: \"DNET.JK\", price: \"Rp 10.200\", growth: 0.12, dividend: \"0.8%\", desc: \"Convenience store giant\" }\n ],\n makanan: [\n { id: \"ICBP\", name: \"INDOFOOD\", ticker: \"ICBP.JK\", price: \"Rp 11.200\", growth: 0.10, dividend: \"2.5%\", desc: \"Food & beverage conglomerate\" },\n { id: \"ULTJ\", name: \"ULTRAJAYA\", ticker: \"ULTJ.JK\", price: \"Rp 1.850\", growth: 0.08, dividend: \"1.8%\", desc: \"Dairy products leader\" },\n { id: \"CMRY\", name: \"CIMORY\", ticker: \"CMRY.JK\", price: \"Rp 4.900\", growth: 0.22, dividend: \"0.5%\", desc: \"Healthy food & beverage\" }\n ],\n digital: [\n { id: \"TLKM\", name: \"TELKOM INDONESIA\", ticker: \"TLKM.JK\", price: \"Rp 3.800\", growth: 0.07, dividend: \"3.5%\", desc: \"Telecommunications leader\" },\n { id: \"ISAT\", name: \"INDOSAT\", ticker: \"ISAT.JK\", price: \"Rp 10.500\", growth: 0.25, dividend: \"0.5%\", desc: \"Digital telecommunications\" },\n { id: \"GOTO\", name: \"GOTO GROUP\", ticker: \"GOTO.JK\", price: \"Rp 65\", growth: 0.02, dividend: \"0%\", desc: \"Tech ecosystem\" }\n ],\n transport: [\n { id: \"ASII\", name: \"ASTRA INTERNATIONAL\", ticker: \"ASII.JK\", price: \"Rp 5.200\", growth: 0.09, dividend: \"2.8%\", desc: \"Automotive & financial services\" },\n { id: \"AKRA\", name: \"AKR CORPORINDO\", ticker: \"AKRA.JK\", price: \"Rp 1.500\", growth: 0.15, dividend: \"1.5%\", desc: \"Energy & logistics\" }\n ],\n personal: [\n { id: \"UNVR\", name: \"UNILEVER INDONESIA\", ticker: \"UNVR.JK\", price: \"Rp 3.100\", growth: 0.05, dividend: \"3.0%\", desc: \"Consumer goods leader\" },\n { id: \"VICI\", name: \"VICI COSMETICS\", ticker: \"VICI.JK\", price: \"Rp 550\", growth: 0.14, dividend: \"0.8%\", desc: \"Cosmetics & personal care\" }\n ],\n hobby: [\n { id: \"MAPI\", name: \"MAP GROUP\", ticker: \"MAPI.JK\", price: \"Rp 1.900\", growth: 0.15, dividend: \"1.0%\", desc: \"Premium lifestyle retail\" },\n { id: \"ERAA\", name: \"ERA GROUP\", ticker: \"ERAA.JK\", price: \"Rp 450\", growth: 0.12, dividend: \"0.5%\", desc: \"Consumer electronics\" }\n ]\n };\n\n let currentSect = 'minimarket';\n \n \/\/ Live counter animation\n let liveCount = 2547;\n let roiValue = 21.3;\n \n setInterval(() => {\n liveCount += Math.floor(Math.random() * 8) + 1;\n roiValue += (Math.random() - 0.5) * 0.15;\n roiValue = Math.max(18, Math.min(25, roiValue)); \/\/ Keep between 18-25%\n \n document.getElementById('liveCounter').innerText = liveCount.toLocaleString('id-ID');\n document.getElementById('avgROI').innerText = roiValue.toFixed(1) + '%';\n }, 3000);\n\n function setSector(s) {\n currentSect = s;\n document.querySelectorAll('.sector-btn').forEach(b => b.classList.remove('active'));\n document.getElementById('btn-'+s).classList.add('active');\n const sel = document.getElementById('brandSelect');\n sel.innerHTML = '';\n sectors[s].forEach(b => {\n let o = document.createElement('option'); \n o.value = b.id; \n o.text = b.name; \n sel.appendChild(o);\n });\n updateBrandPreview();\n trackEvent('sector_change', s);\n }\n\n function updateBrandPreview() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n if (b) {\n document.getElementById('tickerDisplay').innerText = b.ticker;\n document.getElementById('priceDisplay').innerText = b.price;\n document.getElementById('companyName').innerText = b.desc;\n document.getElementById('growthDisplay').innerText = (b.growth * 100).toFixed(0) + '%';\n document.getElementById('dividendDisplay').innerText = b.dividend;\n }\n }\n\n function updatePercent() {\n const percent = document.getElementById('investPercent').value;\n document.getElementById('percentValue').innerText = percent + '%';\n }\n\n function updateUniverse() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n const budget = parseFloat(document.getElementById('budgetInput').value) || 1000000;\n const percent = parseInt(document.getElementById('investPercent').value) || 30;\n const monthlyInvest = budget * (percent \/ 100);\n const r = b.growth \/ 12;\n let fv = 0;\n \n \/\/ Compound calculation for 5 years (60 months)\n for(let i = 0; i < 60; i++) {\n fv = (fv + monthlyInvest) * (1 + r);\n }\n \n const initialInvestment = monthlyInvest * 60;\n const totalReturn = ((fv - initialInvestment) \/ initialInvestment) * 100;\n \n let start = 0;\n const obj = document.getElementById('assetResult');\n const returnObj = document.getElementById('returnPercentage');\n \n const timer = setInterval(() => {\n start += Math.floor(fv \/ 40);\n if(start >= fv) { \n start = Math.round(fv); \n clearInterval(timer); \n }\n obj.innerText = \"Rp \" + Math.round(start).toLocaleString('id-ID');\n \n \/\/ Update return percentage\n const currentReturn = ((start - initialInvestment) \/ initialInvestment) * 100;\n if (currentReturn > 0) {\n returnObj.innerHTML = `<span class=\"text-green-800\">+${currentReturn.toFixed(1)}% return<\/span>`;\n }\n }, 30);\n \n trackEvent('calculate', `${b.id}_${budget}_${percent}%`);\n }\n\n function openBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const brandName = document.getElementById('brandSelect').selectedOptions[0].text;\n const percent = document.getElementById('investPercent').value;\n \n document.getElementById('modalBrandName').innerText = brandName;\n document.getElementById('modalAllocation').innerText = percent + '% dari budget bulanan';\n document.getElementById('brokerModal').classList.remove('hidden');\n document.getElementById('brokerModal').classList.add('flex');\n trackEvent('open_broker_modal', selectedBrand);\n }\n\n function openChallengeModal() {\n document.getElementById('challengeModal').classList.remove('hidden');\n document.getElementById('challengeModal').classList.add('flex');\n trackEvent('open_challenge_modal', 'challenge');\n }\n\n function closeChallengeModal() {\n document.getElementById('challengeModal').classList.add('hidden');\n document.getElementById('challengeModal').classList.remove('flex');\n trackEvent('close_challenge_modal', 'cancel');\n }\n\n function closeModal() {\n document.getElementById('brokerModal').classList.add('hidden');\n document.getElementById('brokerModal').classList.remove('flex');\n trackEvent('close_broker_modal', 'cancel');\n }\n\n function redirectToBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const ticker = sectors[currentSect].find(x => x.id === selectedBrand)?.ticker || 'AMRT.JK';\n \n \/\/ Simulated broker redirect\n alert(`Redirecting to investment platform for ${ticker}...\\n\\nIn production: Platform integration with Ajaib\/Stockbit\/Bibit`);\n \n trackEvent('redirect_to_broker', selectedBrand);\n closeModal();\n }\n\n function shareToWA() {\n const selectedBrand = document.getElementById('brandSelect').selectedOptions[0].text;\n const text = `\ud83d\udd25 #PINDAHPORSI CHALLENGE \ud83d\udd25\\n\\nGue baru hitung gimana kalo 30% budget jajan dialokasiin ke saham ${selectedBrand}! Potensi returnnya gila dalam 5 tahun! \\n\\nCoba simulasiin sendiri di sini: ${window.location.href} \\n\\nTag 3 teman yang masih jadi \"donatur brand\"! \\n\\n#PindahPorsi #SmartInvesting #FinplanUniverse`;\n \n window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(text)}`, '_blank');\n trackEvent('share', 'whatsapp_challenge');\n }\n\n function shareToIG() {\n alert('\ud83d\udcf8 Untuk Instagram:\\n\\n1. Screenshot hasil simulasimu\\n2. Post di Feed\/Story\\n3. Tag @finplan.universe\\n4. Tag 3 teman\\n5. Hashtag #PindahPorsi\\n\\nKami akan repost yang terbaik!');\n trackEvent('share', 'instagram_challenge');\n }\n\n function viewLeaderboard() {\n alert('\ud83c\udfc6 Redirecting to Challenge Leaderboard...\\n\\nSee top participants and their entries!');\n trackEvent('view_leaderboard', 'challenge');\n }\n\n function submitChallenge() {\n const agree = document.querySelector('#agreeTerms').checked;\n if (!agree) {\n alert('Please agree to the terms and conditions');\n return;\n }\n \n alert('\ud83c\udf89 Challenge entry submitted!\\n\\nWe will verify your submission within 24 hours. Reward will be sent via email.\\n\\nThank you for joining #PindahPorsi Challenge!');\n closeChallengeModal();\n trackEvent('submit_challenge', 'success');\n }\n\n function downloadGuide() {\n alert('\ud83d\udce5 Downloading \"Smart Switch Guide\" (PDF)...\\n\\nGuide akan dikirim ke email Anda (jika sudah submit)');\n trackEvent('download', 'guide');\n }\n\n function submitEmail() {\n const email = document.getElementById('emailInput').value;\n if (email && email.includes('@') && email.includes('.')) {\n alert(`\u2705 Terima kasih! eBook \"Smart Switch\" akan dikirim ke ${email} dalam 5 menit.\\n\\nCek folder spam\/promosi jika belum sampai.`);\n document.getElementById('emailInput').value = '';\n closeLeadCapture();\n trackEvent('email_submit', 'success');\n } else {\n alert('\u26a0\ufe0f Masukkan email yang valid untuk mendapatkan ebook gratis!');\n }\n }\n\n function closeLeadCapture() {\n document.getElementById('leadCapture').style.display = 'none';\n }\n\n \/\/ Show email capture after 8 seconds\n setTimeout(() => {\n const capture = document.getElementById('leadCapture');\n if (capture) capture.style.display = 'block';\n }, 8000);\n\n \/\/ Analytics simulation\n function trackEvent(action, label) {\n console.log(`[ANALYTICS] ${action}: ${label}`);\n \/\/ Production: Google Analytics, Facebook Pixel, etc.\n }\n\n \/\/ Initialize\n window.onload = () => {\n setSector('minimarket');\n updatePercent();\n \n \/\/ Auto-calculate on page load\n setTimeout(updateUniverse, 1000);\n \n \/\/ Auto-show challenge modal after 15 seconds\n setTimeout(() => {\n if (!localStorage.getItem('challenge_shown')) {\n openChallengeModal();\n localStorage.setItem('challenge_shown', 'true');\n }\n }, 15000);\n };\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>FINPLAN UNIVERSE | Pindah Porsi – Smart Consumption to Investment \ud83d\udd25 2,547 INVESTOR BARU BULAN INI \u2022 ROI RATA-RATA 21.3% \ud83d\ude80 #PindahPorsi Challenge FINPLAN UNIVERSE \u25cf LIVE \u2022 CONNECTED SMART CONSUMPTION \u2192 INVESTMENT JANGAN BERHENTI BELANJA. Ubah mindset dari Pelanggan Biasa jadi Pemilik Saham. *Smart spending meets smart investing \ud83c\udfc6 VIRAL CHALLENGE TAG 3 TEMAN […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jnews_page_loop":[],"jnews_single_page":[],"footnotes":""},"class_list":["post-2359","page","type-page","status-publish","hentry"],"has_blocks":true,"blocks":[{"blockName":"core\/html","attrs":{"content":"","lock":[],"metadata":[]},"innerBlocks":[],"innerHTML":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>FINPLAN UNIVERSE | Pindah Porsi - Smart Consumption to Investment<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;700;900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --black: #1e1e1e;\n --yellow: #EBFF00;\n --purple: #BC7AF9;\n --green: #2ecc71;\n --blue: #3498db;\n --orange: #ff9f43;\n --pink: #ff6b8b;\n }\n body { font-family: 'Space Grotesk', sans-serif; background-color: #f0f0f0; color: var(--black); overflow-x: hidden; }\n .unbounded { font-family: 'Unbounded', sans-serif; }\n .neo-card { background: white; border: 4px solid var(--black); box-shadow: 10px 10px 0px 0px var(--black); transition: all 0.2s ease; }\n .neo-card:hover { transform: translate(-2px, -2px); box-shadow: 14px 14px 0px 0px var(--black); }\n .sector-btn { border: 3px solid var(--black); padding: 8px; font-weight: 900; font-size: 10px; text-transform: uppercase; background: white; transition: 0.1s; cursor: pointer; }\n .sector-btn.active { background: var(--yellow); box-shadow: 4px 4px 0px 0px var(--black); transform: translate(-2px, -2px); }\n .float { animation: float 3s ease-in-out infinite; }\n @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }\n @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }\n .pulse { animation: pulse 2s infinite; }\n .slide-in { animation: slideIn 0.5s ease-out; }\n @keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n .gradient-text { background: linear-gradient(90deg, var(--purple), var(--blue)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n .bounce { animation: bounce 2s infinite; }\n @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n .wiggle { animation: wiggle 1s ease-in-out infinite; }\n @keyframes wiggle { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }\n .highlight-cta { \n background: linear-gradient(45deg, var(--yellow), var(--orange), var(--pink), var(--purple));\n background-size: 300% 300%;\n animation: gradient-shift 3s ease infinite;\n border: 4px solid var(--black) !important;\n }\n @keyframes gradient-shift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n .challenge-badge {\n background: linear-gradient(45deg, #ff0080, #ff8c00);\n color: white;\n font-weight: 900;\n padding: 4px 12px;\n border-radius: 20px;\n display: inline-block;\n animation: wiggle 2s infinite;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n \n <div class=\"max-w-6xl mx-auto mb-6\">\n <div class=\"neo-card p-4 bg-gradient-to-r from-blue-500 to-purple-600 text-white text-center pulse\">\n <div class=\"flex flex-wrap justify-center items-center gap-2 md:gap-4\">\n <span class=\"text-lg\">\ud83d\udd25<\/span>\n <span class=\"text-sm md:text-base font-black uppercase tracking-tight\">\n <span id=\"liveCounter\">2,547<\/span> INVESTOR BARU BULAN INI \u2022 ROI RATA-RATA <span id=\"avgROI\">21.3%<\/span>\n <\/span>\n <span class=\"text-lg\">\ud83d\ude80<\/span>\n <span class=\"challenge-badge text-xs\">#PindahPorsi Challenge<\/span>\n <\/div>\n <\/div>\n <\/nav>\n\n <nav class=\"max-w-6xl mx-auto flex justify-between items-center mb-12\">\n <div class=\"neo-card px-4 py-2 bg-black text-white font-black text-xl uppercase tracking-tighter\">\n FINPLAN <span class=\"text-[var(--yellow)]\">UNIVERSE<\/span>\n <\/div>\n <div class=\"hidden md:flex gap-6 font-bold uppercase text-xs\">\n <span class=\"text-green-600 animate-pulse\">\u25cf LIVE \u2022 CONNECTED<\/span>\n <span>SMART CONSUMPTION \u2192 INVESTMENT<\/span>\n <\/div>\n <\/nav>\n\n <header class=\"max-w-4xl mx-auto text-center mb-16 px-4\">\n <h1 class=\"unbounded text-4xl md:text-7xl font-black leading-none mb-6 italic uppercase\">\n JANGAN BERHENTI <span class=\"bg-[var(--yellow)] border-4 border-black px-4 inline-block -rotate-2 bounce\">BELANJA.<\/span>\n <\/h1>\n <p class=\"text-xl font-medium leading-relaxed max-w-2xl mx-auto\">\n Ubah mindset dari <span class=\"font-black gradient-text\">Pelanggan Biasa<\/span> jadi \n <span class=\"font-black gradient-text\">Pemilik Saham<\/span>.\n <br><span class=\"text-sm text-gray-600\">*Smart spending meets smart investing<\/span>\n <\/p>\n \n \n <div class=\"mt-8 p-6 neo-card bg-gradient-to-r from-pink-500 to-purple-600 text-white max-w-2xl mx-auto\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-4\">\n <div class=\"text-left\">\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"text-2xl\">\ud83c\udfc6<\/span>\n <span class=\"unbounded font-black uppercase text-sm\">VIRAL CHALLENGE<\/span>\n <\/div>\n <h3 class=\"unbounded text-xl md:text-2xl font-black mb-2\">TAG 3 TEMAN YANG MASIH JADI \"DONATUR\"<\/h3>\n <p class=\"text-sm opacity-90\">Bantu mereka transformasi finansial, dapatkan e-Book Premium GRATIS!<\/p>\n <\/div>\n <button onclick=\"openChallengeModal()\" class=\"px-6 py-3 bg-black text-white font-black uppercase hover:bg-white hover:text-black transition-all neo-card text-nowrap\">\n JOIN CHALLENGE <i class=\"fas fa-fire ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-8\">\n \n <aside class=\"md:col-span-4 space-y-6\">\n <div class=\"neo-card p-6 bg-white slide-in\">\n <h3 class=\"unbounded text-xs font-black mb-4 uppercase text-purple-600 tracking-widest italic\">\/\/ PILIH PORSI INVESTASI<\/h3>\n <div class=\"grid grid-cols-2 gap-2 mb-6\">\n <button onclick=\"setSector('minimarket')\" class=\"sector-btn active\" id=\"btn-minimarket\">\ud83c\udfea Retail<\/button>\n <button onclick=\"setSector('makanan')\" class=\"sector-btn\" id=\"btn-makanan\">\ud83c\udf5c F&B<\/button>\n <button onclick=\"setSector('digital')\" class=\"sector-btn\" id=\"btn-digital\">\ud83d\udcf1 Tech<\/button>\n <button onclick=\"setSector('transport')\" class=\"sector-btn\" id=\"btn-transport\">\ud83d\ude97 Mobility<\/button>\n <button onclick=\"setSector('personal')\" class=\"sector-btn\" id=\"btn-personal\">\u2728 Lifestyle<\/button>\n <button onclick=\"setSector('hobby')\" class=\"sector-btn\" id=\"btn-hobby\">\ud83c\udfaf Premium<\/button>\n <\/div>\n\n <div class=\"space-y-4\">\n <label class=\"block font-bold text-[10px] uppercase\">Pilih Perusahaan:<\/label>\n <select id=\"brandSelect\" onchange=\"updateBrandPreview()\" class=\"w-full p-3 border-4 border-black bg-white font-bold outline-none cursor-pointer\"><\/select>\n \n <div class=\"grid grid-cols-2 gap-4\">\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">Budget Bulanan:<\/label>\n <input id=\"budgetInput\" type=\"number\" value=\"1000000\" class=\"w-full p-3 border-4 border-black font-black text-xl outline-none focus:bg-[var(--yellow)]\">\n <\/div>\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">% Untuk Invest:<\/label>\n <div class=\"flex items-center gap-2 mt-2\">\n <input type=\"range\" id=\"investPercent\" min=\"10\" max=\"50\" value=\"30\" class=\"flex-grow\" oninput=\"updatePercent()\">\n <span id=\"percentValue\" class=\"font-black text-xl\">30%<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <button onclick=\"updateUniverse()\" class=\"w-full p-4 highlight-cta text-black font-black uppercase text-lg transition-all mt-4\">\n <i class=\"fas fa-bolt mr-2\"><\/i> HITUNG POTENSI GAJIAN \u2192\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-slate-800 text-white overflow-hidden\">\n <p class=\"text-[10px] font-mono text-slate-400 mb-2 uppercase tracking-widest\">\/\/ REAL-TIME MARKET DATA<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex justify-between items-center\">\n <div>\n <span id=\"tickerDisplay\" class=\"font-bold text-lg\">---<\/span>\n <span class=\"text-xs text-slate-400 ml-2\" id=\"companyName\">---<\/span>\n <\/div>\n <span id=\"priceDisplay\" class=\"text-[var(--yellow)] font-black text-2xl\">---<\/span>\n <\/div>\n <div class=\"text-xs flex justify-between\">\n <span>Growth 5Y: <span id=\"growthDisplay\" class=\"font-bold\">---<\/span><\/span>\n <span>Dividend: <span id=\"dividendDisplay\" class=\"font-bold text-green-400\">---<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-white\">\n <h4 class=\"unbounded font-black uppercase mb-4 text-sm gradient-text\">\ud83c\udf1f SUCCESS STORIES<\/h4>\n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-yellow-300 to-orange-400 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">R<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Rian \u2022 8 bulan<\/p>\n <p class=\"text-sm italic\">\"Diversifikasi 30% budget lifestyle ke saham MAPI, sekarang dividennya bisa cover monthly coffee fix!\"<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+24% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-blue-300 to-purple-500 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">S<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Sarah \u2022 14 bulan<\/p>\n <p class=\"text-sm italic\">\"Mindset berubah total. Sekarang setiap transaksi jadi keputusan financial, bukan sekadar konsumsi.\"<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+31% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star-half-alt text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/aside>\n\n <div class=\"md:col-span-8 grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"neo-card p-8 bg-white border-dashed relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-gradient-to-r from-gray-500 to-gray-700 text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Consumer\n <\/div>\n <div class=\"text-5xl mb-6\">\ud83d\uded2<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase\">Mode:<br>Pelanggan<\/h2>\n <p class=\"text-xs font-medium text-slate-500 mb-8 leading-relaxed italic\">\n Setiap transaksi adalah pengeluaran murni. Uang mengalir keluar tanpa pengembalian jangka panjang.\n <\/p>\n <div class=\"border-t-4 border-gray-300 pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-50\">Nilai 5 Tahun Kedepan:<\/span>\n <p class=\"text-3xl font-black text-gray-400\">Rp 0<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-8 bg-gradient-to-br from-yellow-300 to-yellow-500 relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-black text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Investor\n <\/div>\n <div class=\"text-5xl mb-6 float\">\ud83d\udcca<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase text-black\">Mode:<br>Pemilik<\/h2>\n <p class=\"text-xs font-black text-gray-800 mb-8 leading-relaxed italic\">\n Sebagian pengeluaran dialokasikan ke kepemilikan. Perusahaan bekerja untuk mengembangkan aset Anda.\n <\/p>\n <div class=\"border-t-4 border-black pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-70\">Estimasi Portofolio (5thn):<\/span>\n <p id=\"assetResult\" class=\"text-3xl font-black text-black\">Rp 0<\/p>\n <p class=\"text-xs font-bold text-green-800 mt-1\" id=\"returnPercentage\">+0% return<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 highlight-cta text-black text-center slide-in relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-20 h-20 bg-white\/20 rounded-full -translate-x-10 -translate-y-10\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-32 h-32 bg-white\/20 rounded-full translate-x-10 translate-y-10\"><\/div>\n \n <h3 class=\"unbounded text-2xl md:text-4xl font-black mb-4 uppercase\">\ud83d\ude80 READY TO LEVEL UP?<\/h3>\n <p class=\"text-lg font-bold mb-6 max-w-2xl mx-auto\">\n Join <span class=\"text-black bg-white px-2 py-1\">2,547+<\/span> investor yang sudah pindah porsi dari konsumsi ke investasi!\n <\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mb-8\">\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfaf<\/div>\n <p class=\"font-bold text-sm mb-1\">START SMALL<\/p>\n <p class=\"text-xs\">Mulai dari Rp 100.000<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\u26a1<\/div>\n <p class=\"font-bold text-sm mb-1\">INSTANT SETUP<\/p>\n <p class=\"text-xs\">5 menit daftar<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfc6<\/div>\n <p class=\"font-bold text-sm mb-1\">FREE BONUS<\/p>\n <p class=\"text-xs\">E-Book + Community<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openBroker()\" class=\"px-8 py-4 bg-black text-white font-black uppercase text-lg hover:bg-white hover:text-black transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-rocket\"><\/i> START INVESTING NOW\n <span class=\"text-xs bg-yellow-400 text-black px-2 py-1 rounded\">RECOMMENDED<\/span>\n <\/button>\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-lg hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-fire\"><\/i> JOIN CHALLENGE\n <span class=\"challenge-badge text-xs\">VIRAL<\/span>\n <\/button>\n <\/div>\n \n <p class=\"text-xs mt-6 font-bold\">\n <i class=\"fas fa-gift text-purple-600 mr-1\"><\/i> Bonus: Free e-Book \"Smart Switch Formula\" untuk 100 pendaftar pertama!\n <\/p>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-purple-500 to-blue-600 text-white slide-in\">\n <div class=\"flex flex-col md:flex-row gap-8 items-center\">\n <div class=\"text-7xl\">\ud83d\udc8e<\/div>\n <div>\n <h4 class=\"unbounded text-xl font-black mb-2 uppercase italic\">Smart Consumption = Smart Investment<\/h4>\n <p class=\"text-sm font-bold opacity-90 leading-relaxed\">\n Transformasikan <span class=\"underline\">pengeluaran rutin<\/span> menjadi <span class=\"bg-black px-1\">aliran aset pasif<\/span>. \n Sebagai pemegang saham, Anda berpartisipasi dalam pertumbuhan perusahaan yang produknya Anda gunakan sehari-hari.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-orange-400 to-red-500 text-white slide-in\">\n <div class=\"flex items-center gap-4 mb-6\">\n <span class=\"bg-black text-white px-3 py-1 font-black text-xs uppercase tracking-tighter\">TRANSFORMASI FINANSIAL<\/span>\n <div class=\"h-[1px] flex-grow bg-white\/30\"><\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-sm\">\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-yellow-300\">\ud83d\udcb0 Budget Rutin<\/p>\n <p class=\"text-xs opacity-90\">Rp 1jt\/bulan untuk konsumsi = Rp 60jt keluar dalam 5 tahun<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20 text-center\">\n <p class=\"font-black text-xl my-2\">\u21e8<\/p>\n <p class=\"text-xs font-bold\">Smart Allocation<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-green-300\">\ud83d\udcc8 Dengan Investasi<\/p>\n <p class=\"text-xs opacity-90\">Rp 300rb\/bulan = Potensi <span class=\"font-bold\">Rp 25-40jt<\/span> dalam 5 tahun*<\/p>\n <\/div>\n <\/div>\n <p class=\"text-xs mt-6 text-center opacity-80\">*Estimasi berdasarkan historical growth 10-18% per tahun. Investasi mengandung risiko.<\/p>\n <\/div>\n <\/div>\n <\/main>\n\n \n <div class=\"max-w-6xl mx-auto mt-12\">\n <div class=\"neo-card p-8 bg-gradient-to-br from-pink-500 via-purple-500 to-blue-600 text-white text-center mb-8 relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-40 h-40 bg-white\/10 rounded-full -translate-x-20 -translate-y-20\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-60 h-60 bg-white\/10 rounded-full translate-x-20 translate-y-20\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"inline-block challenge-badge px-4 py-2 mb-4 text-lg\">\n <i class=\"fas fa-fire mr-2\"><\/i> VIRAL CHALLENGE\n <\/div>\n \n <h3 class=\"unbounded text-3xl md:text-4xl font-black mb-4 uppercase\">#PINDAHPORSI CHALLENGE<\/h3>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">1\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">SIMULASI<\/p>\n <p class=\"text-sm\">Hitung potensi investasimu di atas<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">2\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">TAG 3 TEMAN<\/p>\n <p class=\"text-sm\">Yang perlu \"pindah porsi\" seperti kamu<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">3\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">DAPATKAN REWARD<\/p>\n <p class=\"text-sm\">E-Book Premium + Airdrop FinPlan NFT<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-xl hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-play-circle\"><\/i> JOIN CHALLENGE NOW\n <\/button>\n <button onclick=\"viewLeaderboard()\" class=\"px-8 py-4 bg-black\/50 text-white font-black uppercase text-xl hover:bg-black transition-all neo-card border-2 border-white flex items-center justify-center gap-3\">\n <i class=\"fas fa-trophy\"><\/i> VIEW LEADERBOARD\n <\/button>\n <\/div>\n \n <p class=\"text-sm mt-6 font-bold\">\n <i class=\"fas fa-gift mr-2\"><\/i> 500+ peserta sudah join! 10 pemenang terbaik dapat coaching 1-on-1 dengan financial expert!\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"flex flex-col md:flex-row justify-center gap-4 md:gap-6 mb-8\">\n <button onclick=\"shareToWA()\" class=\"neo-card px-6 py-4 bg-green-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-green-600 transition-all text-lg\">\n <i class=\"fab fa-whatsapp text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">WHATSAPP<\/div>\n <\/div>\n <\/button>\n <button onclick=\"shareToIG()\" class=\"neo-card px-6 py-4 bg-gradient-to-r from-pink-500 to-purple-600 text-white font-bold flex items-center justify-center gap-3 hover:opacity-90 transition-all text-lg\">\n <i class=\"fab fa-instagram text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">INSTAGRAM<\/div>\n <\/div>\n <\/button>\n <button onclick=\"downloadGuide()\" class=\"neo-card px-6 py-4 bg-blue-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-blue-600 transition-all text-lg\">\n <i class=\"fas fa-file-pdf text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">GET FREE<\/div>\n <div class=\"font-black\">E-BOOK<\/div>\n <\/div>\n <\/button>\n <\/div>\n \n <div class=\"text-center mb-12\">\n <p class=\"text-sm text-gray-600 mb-4\">\n <span class=\"font-black\">#PindahPorsi<\/span> \u2022 \n <span class=\"font-black\">#SmartConsumption<\/span> \u2022 \n <span class=\"font-black\">#InvestInWhatYouUse<\/span> \u2022\n <span class=\"font-black\">#FinplanUniverse<\/span>\n <\/p>\n <p class=\"text-xs text-gray-500 max-w-2xl mx-auto\">\n <i class=\"fas fa-exclamation-triangle mr-1\"><\/i> Disclaimer: Investasi saham mengandung risiko. Simulasi ini hanya ilustrasi berdasarkan data historis. \n Performa masa lalu tidak menjamin hasil di masa depan. Lakukan riset mandiri atau konsultasi dengan financial advisor.\n <br>\u00a9 2024 FinPlan Universe. All educational content.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"leadCapture\" class=\"fixed bottom-4 right-4 neo-card p-4 bg-white max-w-xs hidden md:block slide-in z-40\">\n <button onclick=\"closeLeadCapture()\" class=\"absolute top-1 right-2 text-gray-500 hover:text-black\">\u00d7<\/button>\n <p class=\"font-bold text-xs mb-2\">\ud83d\udcda FREE: \"Smart Switch\" eBook<\/p>\n <input type=\"email\" id=\"emailInput\" placeholder=\"your.email@domain.com\" class=\"w-full border-2 border-black p-2 mb-2 text-sm\">\n <button onclick=\"submitEmail()\" class=\"w-full bg-black text-white py-2 text-sm font-bold hover:bg-gray-800 transition-all\">\n GET EBOOK FREE\n <\/button>\n <\/div>\n\n \n <div id=\"challengeModal\" class=\"fixed inset-0 bg-black\/70 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-lg w-full max-h-[90vh] overflow-y-auto\">\n <div class=\"flex justify-between items-center mb-6\">\n <h3 class=\"unbounded text-2xl font-black gradient-text\">#PINDAHPORSI CHALLENGE<\/h3>\n <button onclick=\"closeChallengeModal()\" class=\"text-2xl hover:text-red-500\">\u00d7<\/button>\n <\/div>\n \n <div class=\"space-y-4\">\n <div class=\"bg-yellow-50 p-4 border-l-4 border-yellow-500\">\n <p class=\"font-bold text-sm\">\ud83c\udfc6 REWARD POOL:<\/p>\n <ul class=\"text-xs mt-2 space-y-1\">\n <li>\u2022 10x 1-on-1 Coaching dengan Financial Expert<\/li>\n <li>\u2022 50x FinPlan Premium e-Book Collection<\/li>\n <li>\u2022 100x FinPlan NFT Badge (Digital)<\/li>\n <li>\u2022 All participants: Free basic e-Book<\/li>\n <\/ul>\n <\/div>\n \n <div>\n <p class=\"font-bold mb-2\">\ud83d\udcdd CARA IKUTAN:<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">1<\/span>\n <p class=\"text-sm\">Gunakan simulator di atas untuk menghitung potensi investasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">2<\/span>\n <p class=\"text-sm\">Screenshot hasil simulasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">3<\/span>\n <p class=\"text-sm\">Post di Instagram\/WA Story dan TAG 3 teman yang perlu \"pindah porsi\"<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">4<\/span>\n <p class=\"text-sm\">Gunakan hashtag <span class=\"font-bold\">#PindahPorsi<\/span> dan tag <span class=\"font-bold\">@finplan.universe<\/span><\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">5<\/span>\n <p class=\"text-sm\">Isi form di bawah untuk verifikasi dan dapatkan reward!<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-gray-100 p-4 rounded-lg\">\n <p class=\"font-bold text-sm mb-3\">\ud83d\udccb CHALLENGE REGISTRATION:<\/p>\n \n <input type=\"text\" placeholder=\"Nama Lengkap\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"email\" placeholder=\"Email\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"text\" placeholder=\"Username Instagram (optional)\" class=\"w-full p-3 border-2 border-black mb-3\">\n \n <div class=\"mb-3\">\n <p class=\"text-xs font-bold mb-2\">Upload screenshot postingan challenge:<\/p>\n <input type=\"file\" class=\"w-full p-2 border-2 border-dashed border-black\">\n <\/div>\n \n <div class=\"flex items-start gap-2 mb-4\">\n <input type=\"checkbox\" id=\"agreeTerms\" class=\"mt-1\">\n <label for=\"agreeTerms\" class=\"text-xs\">Saya setuju dengan syarat dan ketentuan challenge<\/label>\n <\/div>\n \n <button onclick=\"submitChallenge()\" class=\"w-full bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n SUBMIT CHALLENGE ENTRY\n <\/button>\n <\/div>\n \n <p class=\"text-xs text-gray-600 text-center\">\n Challenge berlangsung hingga 30 April 2024. Pemenang akan diumumkan via email dan Instagram.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"brokerModal\" class=\"fixed inset-0 bg-black\/50 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-md w-full\">\n <h3 class=\"unbounded text-xl font-black mb-4 gradient-text\">READY TO START?<\/h3>\n <p class=\"mb-4 text-sm\">Kami akan mengarahkan Anda ke platform investasi terpercaya untuk memulai perjalanan <span class=\"font-bold\">Smart Investing<\/span>.<\/p>\n \n <div class=\"bg-gray-100 p-4 mb-6 rounded-lg\">\n <p class=\"text-xs font-bold mb-2\">YOUR SELECTION:<\/p>\n <p class=\"text-sm\">\u2022 Perusahaan: <span id=\"modalBrandName\" class=\"font-bold\">---<\/span><\/p>\n <p class=\"text-sm\">\u2022 Alokasi: <span id=\"modalAllocation\" class=\"font-bold\">---<\/span><\/p>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4\">\n <button onclick=\"closeModal()\" class=\"flex-1 border-4 border-black py-3 font-bold hover:bg-gray-100 transition-all\">\n CANCEL\n <\/button>\n <button onclick=\"redirectToBroker()\" class=\"flex-1 bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n CONTINUE \u2192\n <\/button>\n <\/div>\n <p class=\"text-xs text-gray-600 mt-4 text-center\">Kami mendapat komisi kecil dari broker untuk mendukung edukasi finansial gratis<\/p>\n <\/div>\n <\/div>\n\n <script>\n const sectors = {\n minimarket: [\n { id: \"AMRT\", name: \"ALFAMART\", ticker: \"AMRT.JK\", price: \"Rp 2.850\", growth: 0.18, dividend: \"1.2%\", desc: \"Retail network leader\" },\n { id: \"DNET\", name: \"INDOMARET\", ticker: \"DNET.JK\", price: \"Rp 10.200\", growth: 0.12, dividend: \"0.8%\", desc: \"Convenience store giant\" }\n ],\n makanan: [\n { id: \"ICBP\", name: \"INDOFOOD\", ticker: \"ICBP.JK\", price: \"Rp 11.200\", growth: 0.10, dividend: \"2.5%\", desc: \"Food & beverage conglomerate\" },\n { id: \"ULTJ\", name: \"ULTRAJAYA\", ticker: \"ULTJ.JK\", price: \"Rp 1.850\", growth: 0.08, dividend: \"1.8%\", desc: \"Dairy products leader\" },\n { id: \"CMRY\", name: \"CIMORY\", ticker: \"CMRY.JK\", price: \"Rp 4.900\", growth: 0.22, dividend: \"0.5%\", desc: \"Healthy food & beverage\" }\n ],\n digital: [\n { id: \"TLKM\", name: \"TELKOM INDONESIA\", ticker: \"TLKM.JK\", price: \"Rp 3.800\", growth: 0.07, dividend: \"3.5%\", desc: \"Telecommunications leader\" },\n { id: \"ISAT\", name: \"INDOSAT\", ticker: \"ISAT.JK\", price: \"Rp 10.500\", growth: 0.25, dividend: \"0.5%\", desc: \"Digital telecommunications\" },\n { id: \"GOTO\", name: \"GOTO GROUP\", ticker: \"GOTO.JK\", price: \"Rp 65\", growth: 0.02, dividend: \"0%\", desc: \"Tech ecosystem\" }\n ],\n transport: [\n { id: \"ASII\", name: \"ASTRA INTERNATIONAL\", ticker: \"ASII.JK\", price: \"Rp 5.200\", growth: 0.09, dividend: \"2.8%\", desc: \"Automotive & financial services\" },\n { id: \"AKRA\", name: \"AKR CORPORINDO\", ticker: \"AKRA.JK\", price: \"Rp 1.500\", growth: 0.15, dividend: \"1.5%\", desc: \"Energy & logistics\" }\n ],\n personal: [\n { id: \"UNVR\", name: \"UNILEVER INDONESIA\", ticker: \"UNVR.JK\", price: \"Rp 3.100\", growth: 0.05, dividend: \"3.0%\", desc: \"Consumer goods leader\" },\n { id: \"VICI\", name: \"VICI COSMETICS\", ticker: \"VICI.JK\", price: \"Rp 550\", growth: 0.14, dividend: \"0.8%\", desc: \"Cosmetics & personal care\" }\n ],\n hobby: [\n { id: \"MAPI\", name: \"MAP GROUP\", ticker: \"MAPI.JK\", price: \"Rp 1.900\", growth: 0.15, dividend: \"1.0%\", desc: \"Premium lifestyle retail\" },\n { id: \"ERAA\", name: \"ERA GROUP\", ticker: \"ERAA.JK\", price: \"Rp 450\", growth: 0.12, dividend: \"0.5%\", desc: \"Consumer electronics\" }\n ]\n };\n\n let currentSect = 'minimarket';\n \n \/\/ Live counter animation\n let liveCount = 2547;\n let roiValue = 21.3;\n \n setInterval(() => {\n liveCount += Math.floor(Math.random() * 8) + 1;\n roiValue += (Math.random() - 0.5) * 0.15;\n roiValue = Math.max(18, Math.min(25, roiValue)); \/\/ Keep between 18-25%\n \n document.getElementById('liveCounter').innerText = liveCount.toLocaleString('id-ID');\n document.getElementById('avgROI').innerText = roiValue.toFixed(1) + '%';\n }, 3000);\n\n function setSector(s) {\n currentSect = s;\n document.querySelectorAll('.sector-btn').forEach(b => b.classList.remove('active'));\n document.getElementById('btn-'+s).classList.add('active');\n const sel = document.getElementById('brandSelect');\n sel.innerHTML = '';\n sectors[s].forEach(b => {\n let o = document.createElement('option'); \n o.value = b.id; \n o.text = b.name; \n sel.appendChild(o);\n });\n updateBrandPreview();\n trackEvent('sector_change', s);\n }\n\n function updateBrandPreview() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n if (b) {\n document.getElementById('tickerDisplay').innerText = b.ticker;\n document.getElementById('priceDisplay').innerText = b.price;\n document.getElementById('companyName').innerText = b.desc;\n document.getElementById('growthDisplay').innerText = (b.growth * 100).toFixed(0) + '%';\n document.getElementById('dividendDisplay').innerText = b.dividend;\n }\n }\n\n function updatePercent() {\n const percent = document.getElementById('investPercent').value;\n document.getElementById('percentValue').innerText = percent + '%';\n }\n\n function updateUniverse() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n const budget = parseFloat(document.getElementById('budgetInput').value) || 1000000;\n const percent = parseInt(document.getElementById('investPercent').value) || 30;\n const monthlyInvest = budget * (percent \/ 100);\n const r = b.growth \/ 12;\n let fv = 0;\n \n \/\/ Compound calculation for 5 years (60 months)\n for(let i = 0; i < 60; i++) {\n fv = (fv + monthlyInvest) * (1 + r);\n }\n \n const initialInvestment = monthlyInvest * 60;\n const totalReturn = ((fv - initialInvestment) \/ initialInvestment) * 100;\n \n let start = 0;\n const obj = document.getElementById('assetResult');\n const returnObj = document.getElementById('returnPercentage');\n \n const timer = setInterval(() => {\n start += Math.floor(fv \/ 40);\n if(start >= fv) { \n start = Math.round(fv); \n clearInterval(timer); \n }\n obj.innerText = \"Rp \" + Math.round(start).toLocaleString('id-ID');\n \n \/\/ Update return percentage\n const currentReturn = ((start - initialInvestment) \/ initialInvestment) * 100;\n if (currentReturn > 0) {\n returnObj.innerHTML = `<span class=\"text-green-800\">+${currentReturn.toFixed(1)}% return<\/span>`;\n }\n }, 30);\n \n trackEvent('calculate', `${b.id}_${budget}_${percent}%`);\n }\n\n function openBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const brandName = document.getElementById('brandSelect').selectedOptions[0].text;\n const percent = document.getElementById('investPercent').value;\n \n document.getElementById('modalBrandName').innerText = brandName;\n document.getElementById('modalAllocation').innerText = percent + '% dari budget bulanan';\n document.getElementById('brokerModal').classList.remove('hidden');\n document.getElementById('brokerModal').classList.add('flex');\n trackEvent('open_broker_modal', selectedBrand);\n }\n\n function openChallengeModal() {\n document.getElementById('challengeModal').classList.remove('hidden');\n document.getElementById('challengeModal').classList.add('flex');\n trackEvent('open_challenge_modal', 'challenge');\n }\n\n function closeChallengeModal() {\n document.getElementById('challengeModal').classList.add('hidden');\n document.getElementById('challengeModal').classList.remove('flex');\n trackEvent('close_challenge_modal', 'cancel');\n }\n\n function closeModal() {\n document.getElementById('brokerModal').classList.add('hidden');\n document.getElementById('brokerModal').classList.remove('flex');\n trackEvent('close_broker_modal', 'cancel');\n }\n\n function redirectToBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const ticker = sectors[currentSect].find(x => x.id === selectedBrand)?.ticker || 'AMRT.JK';\n \n \/\/ Simulated broker redirect\n alert(`Redirecting to investment platform for ${ticker}...\\n\\nIn production: Platform integration with Ajaib\/Stockbit\/Bibit`);\n \n trackEvent('redirect_to_broker', selectedBrand);\n closeModal();\n }\n\n function shareToWA() {\n const selectedBrand = document.getElementById('brandSelect').selectedOptions[0].text;\n const text = `\ud83d\udd25 #PINDAHPORSI CHALLENGE \ud83d\udd25\\n\\nGue baru hitung gimana kalo 30% budget jajan dialokasiin ke saham ${selectedBrand}! Potensi returnnya gila dalam 5 tahun! \\n\\nCoba simulasiin sendiri di sini: ${window.location.href} \\n\\nTag 3 teman yang masih jadi \"donatur brand\"! \\n\\n#PindahPorsi #SmartInvesting #FinplanUniverse`;\n \n window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(text)}`, '_blank');\n trackEvent('share', 'whatsapp_challenge');\n }\n\n function shareToIG() {\n alert('\ud83d\udcf8 Untuk Instagram:\\n\\n1. Screenshot hasil simulasimu\\n2. Post di Feed\/Story\\n3. Tag @finplan.universe\\n4. Tag 3 teman\\n5. Hashtag #PindahPorsi\\n\\nKami akan repost yang terbaik!');\n trackEvent('share', 'instagram_challenge');\n }\n\n function viewLeaderboard() {\n alert('\ud83c\udfc6 Redirecting to Challenge Leaderboard...\\n\\nSee top participants and their entries!');\n trackEvent('view_leaderboard', 'challenge');\n }\n\n function submitChallenge() {\n const agree = document.querySelector('#agreeTerms').checked;\n if (!agree) {\n alert('Please agree to the terms and conditions');\n return;\n }\n \n alert('\ud83c\udf89 Challenge entry submitted!\\n\\nWe will verify your submission within 24 hours. Reward will be sent via email.\\n\\nThank you for joining #PindahPorsi Challenge!');\n closeChallengeModal();\n trackEvent('submit_challenge', 'success');\n }\n\n function downloadGuide() {\n alert('\ud83d\udce5 Downloading \"Smart Switch Guide\" (PDF)...\\n\\nGuide akan dikirim ke email Anda (jika sudah submit)');\n trackEvent('download', 'guide');\n }\n\n function submitEmail() {\n const email = document.getElementById('emailInput').value;\n if (email && email.includes('@') && email.includes('.')) {\n alert(`\u2705 Terima kasih! eBook \"Smart Switch\" akan dikirim ke ${email} dalam 5 menit.\\n\\nCek folder spam\/promosi jika belum sampai.`);\n document.getElementById('emailInput').value = '';\n closeLeadCapture();\n trackEvent('email_submit', 'success');\n } else {\n alert('\u26a0\ufe0f Masukkan email yang valid untuk mendapatkan ebook gratis!');\n }\n }\n\n function closeLeadCapture() {\n document.getElementById('leadCapture').style.display = 'none';\n }\n\n \/\/ Show email capture after 8 seconds\n setTimeout(() => {\n const capture = document.getElementById('leadCapture');\n if (capture) capture.style.display = 'block';\n }, 8000);\n\n \/\/ Analytics simulation\n function trackEvent(action, label) {\n console.log(`[ANALYTICS] ${action}: ${label}`);\n \/\/ Production: Google Analytics, Facebook Pixel, etc.\n }\n\n \/\/ Initialize\n window.onload = () => {\n setSector('minimarket');\n updatePercent();\n \n \/\/ Auto-calculate on page load\n setTimeout(updateUniverse, 1000);\n \n \/\/ Auto-show challenge modal after 15 seconds\n setTimeout(() => {\n if (!localStorage.getItem('challenge_shown')) {\n openChallengeModal();\n localStorage.setItem('challenge_shown', 'true');\n }\n }, 15000);\n };\n <\/script>\n<\/body>\n<\/html>\n","innerContent":["\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>FINPLAN UNIVERSE | Pindah Porsi - Smart Consumption to Investment<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;700;900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --black: #1e1e1e;\n --yellow: #EBFF00;\n --purple: #BC7AF9;\n --green: #2ecc71;\n --blue: #3498db;\n --orange: #ff9f43;\n --pink: #ff6b8b;\n }\n body { font-family: 'Space Grotesk', sans-serif; background-color: #f0f0f0; color: var(--black); overflow-x: hidden; }\n .unbounded { font-family: 'Unbounded', sans-serif; }\n .neo-card { background: white; border: 4px solid var(--black); box-shadow: 10px 10px 0px 0px var(--black); transition: all 0.2s ease; }\n .neo-card:hover { transform: translate(-2px, -2px); box-shadow: 14px 14px 0px 0px var(--black); }\n .sector-btn { border: 3px solid var(--black); padding: 8px; font-weight: 900; font-size: 10px; text-transform: uppercase; background: white; transition: 0.1s; cursor: pointer; }\n .sector-btn.active { background: var(--yellow); box-shadow: 4px 4px 0px 0px var(--black); transform: translate(-2px, -2px); }\n .float { animation: float 3s ease-in-out infinite; }\n @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }\n @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }\n .pulse { animation: pulse 2s infinite; }\n .slide-in { animation: slideIn 0.5s ease-out; }\n @keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n .gradient-text { background: linear-gradient(90deg, var(--purple), var(--blue)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n .bounce { animation: bounce 2s infinite; }\n @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n .wiggle { animation: wiggle 1s ease-in-out infinite; }\n @keyframes wiggle { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }\n .highlight-cta { \n background: linear-gradient(45deg, var(--yellow), var(--orange), var(--pink), var(--purple));\n background-size: 300% 300%;\n animation: gradient-shift 3s ease infinite;\n border: 4px solid var(--black) !important;\n }\n @keyframes gradient-shift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n .challenge-badge {\n background: linear-gradient(45deg, #ff0080, #ff8c00);\n color: white;\n font-weight: 900;\n padding: 4px 12px;\n border-radius: 20px;\n display: inline-block;\n animation: wiggle 2s infinite;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n \n <div class=\"max-w-6xl mx-auto mb-6\">\n <div class=\"neo-card p-4 bg-gradient-to-r from-blue-500 to-purple-600 text-white text-center pulse\">\n <div class=\"flex flex-wrap justify-center items-center gap-2 md:gap-4\">\n <span class=\"text-lg\">\ud83d\udd25<\/span>\n <span class=\"text-sm md:text-base font-black uppercase tracking-tight\">\n <span id=\"liveCounter\">2,547<\/span> INVESTOR BARU BULAN INI \u2022 ROI RATA-RATA <span id=\"avgROI\">21.3%<\/span>\n <\/span>\n <span class=\"text-lg\">\ud83d\ude80<\/span>\n <span class=\"challenge-badge text-xs\">#PindahPorsi Challenge<\/span>\n <\/div>\n <\/div>\n <\/nav>\n\n <nav class=\"max-w-6xl mx-auto flex justify-between items-center mb-12\">\n <div class=\"neo-card px-4 py-2 bg-black text-white font-black text-xl uppercase tracking-tighter\">\n FINPLAN <span class=\"text-[var(--yellow)]\">UNIVERSE<\/span>\n <\/div>\n <div class=\"hidden md:flex gap-6 font-bold uppercase text-xs\">\n <span class=\"text-green-600 animate-pulse\">\u25cf LIVE \u2022 CONNECTED<\/span>\n <span>SMART CONSUMPTION \u2192 INVESTMENT<\/span>\n <\/div>\n <\/nav>\n\n <header class=\"max-w-4xl mx-auto text-center mb-16 px-4\">\n <h1 class=\"unbounded text-4xl md:text-7xl font-black leading-none mb-6 italic uppercase\">\n JANGAN BERHENTI <span class=\"bg-[var(--yellow)] border-4 border-black px-4 inline-block -rotate-2 bounce\">BELANJA.<\/span>\n <\/h1>\n <p class=\"text-xl font-medium leading-relaxed max-w-2xl mx-auto\">\n Ubah mindset dari <span class=\"font-black gradient-text\">Pelanggan Biasa<\/span> jadi \n <span class=\"font-black gradient-text\">Pemilik Saham<\/span>.\n <br><span class=\"text-sm text-gray-600\">*Smart spending meets smart investing<\/span>\n <\/p>\n \n \n <div class=\"mt-8 p-6 neo-card bg-gradient-to-r from-pink-500 to-purple-600 text-white max-w-2xl mx-auto\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-4\">\n <div class=\"text-left\">\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"text-2xl\">\ud83c\udfc6<\/span>\n <span class=\"unbounded font-black uppercase text-sm\">VIRAL CHALLENGE<\/span>\n <\/div>\n <h3 class=\"unbounded text-xl md:text-2xl font-black mb-2\">TAG 3 TEMAN YANG MASIH JADI \"DONATUR\"<\/h3>\n <p class=\"text-sm opacity-90\">Bantu mereka transformasi finansial, dapatkan e-Book Premium GRATIS!<\/p>\n <\/div>\n <button onclick=\"openChallengeModal()\" class=\"px-6 py-3 bg-black text-white font-black uppercase hover:bg-white hover:text-black transition-all neo-card text-nowrap\">\n JOIN CHALLENGE <i class=\"fas fa-fire ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-8\">\n \n <aside class=\"md:col-span-4 space-y-6\">\n <div class=\"neo-card p-6 bg-white slide-in\">\n <h3 class=\"unbounded text-xs font-black mb-4 uppercase text-purple-600 tracking-widest italic\">\/\/ PILIH PORSI INVESTASI<\/h3>\n <div class=\"grid grid-cols-2 gap-2 mb-6\">\n <button onclick=\"setSector('minimarket')\" class=\"sector-btn active\" id=\"btn-minimarket\">\ud83c\udfea Retail<\/button>\n <button onclick=\"setSector('makanan')\" class=\"sector-btn\" id=\"btn-makanan\">\ud83c\udf5c F&B<\/button>\n <button onclick=\"setSector('digital')\" class=\"sector-btn\" id=\"btn-digital\">\ud83d\udcf1 Tech<\/button>\n <button onclick=\"setSector('transport')\" class=\"sector-btn\" id=\"btn-transport\">\ud83d\ude97 Mobility<\/button>\n <button onclick=\"setSector('personal')\" class=\"sector-btn\" id=\"btn-personal\">\u2728 Lifestyle<\/button>\n <button onclick=\"setSector('hobby')\" class=\"sector-btn\" id=\"btn-hobby\">\ud83c\udfaf Premium<\/button>\n <\/div>\n\n <div class=\"space-y-4\">\n <label class=\"block font-bold text-[10px] uppercase\">Pilih Perusahaan:<\/label>\n <select id=\"brandSelect\" onchange=\"updateBrandPreview()\" class=\"w-full p-3 border-4 border-black bg-white font-bold outline-none cursor-pointer\"><\/select>\n \n <div class=\"grid grid-cols-2 gap-4\">\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">Budget Bulanan:<\/label>\n <input id=\"budgetInput\" type=\"number\" value=\"1000000\" class=\"w-full p-3 border-4 border-black font-black text-xl outline-none focus:bg-[var(--yellow)]\">\n <\/div>\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">% Untuk Invest:<\/label>\n <div class=\"flex items-center gap-2 mt-2\">\n <input type=\"range\" id=\"investPercent\" min=\"10\" max=\"50\" value=\"30\" class=\"flex-grow\" oninput=\"updatePercent()\">\n <span id=\"percentValue\" class=\"font-black text-xl\">30%<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <button onclick=\"updateUniverse()\" class=\"w-full p-4 highlight-cta text-black font-black uppercase text-lg transition-all mt-4\">\n <i class=\"fas fa-bolt mr-2\"><\/i> HITUNG POTENSI GAJIAN \u2192\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-slate-800 text-white overflow-hidden\">\n <p class=\"text-[10px] font-mono text-slate-400 mb-2 uppercase tracking-widest\">\/\/ REAL-TIME MARKET DATA<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex justify-between items-center\">\n <div>\n <span id=\"tickerDisplay\" class=\"font-bold text-lg\">---<\/span>\n <span class=\"text-xs text-slate-400 ml-2\" id=\"companyName\">---<\/span>\n <\/div>\n <span id=\"priceDisplay\" class=\"text-[var(--yellow)] font-black text-2xl\">---<\/span>\n <\/div>\n <div class=\"text-xs flex justify-between\">\n <span>Growth 5Y: <span id=\"growthDisplay\" class=\"font-bold\">---<\/span><\/span>\n <span>Dividend: <span id=\"dividendDisplay\" class=\"font-bold text-green-400\">---<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-white\">\n <h4 class=\"unbounded font-black uppercase mb-4 text-sm gradient-text\">\ud83c\udf1f SUCCESS STORIES<\/h4>\n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-yellow-300 to-orange-400 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">R<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Rian \u2022 8 bulan<\/p>\n <p class=\"text-sm italic\">\"Diversifikasi 30% budget lifestyle ke saham MAPI, sekarang dividennya bisa cover monthly coffee fix!\"<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+24% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-blue-300 to-purple-500 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">S<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Sarah \u2022 14 bulan<\/p>\n <p class=\"text-sm italic\">\"Mindset berubah total. Sekarang setiap transaksi jadi keputusan financial, bukan sekadar konsumsi.\"<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+31% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star-half-alt text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/aside>\n\n <div class=\"md:col-span-8 grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"neo-card p-8 bg-white border-dashed relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-gradient-to-r from-gray-500 to-gray-700 text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Consumer\n <\/div>\n <div class=\"text-5xl mb-6\">\ud83d\uded2<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase\">Mode:<br>Pelanggan<\/h2>\n <p class=\"text-xs font-medium text-slate-500 mb-8 leading-relaxed italic\">\n Setiap transaksi adalah pengeluaran murni. Uang mengalir keluar tanpa pengembalian jangka panjang.\n <\/p>\n <div class=\"border-t-4 border-gray-300 pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-50\">Nilai 5 Tahun Kedepan:<\/span>\n <p class=\"text-3xl font-black text-gray-400\">Rp 0<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-8 bg-gradient-to-br from-yellow-300 to-yellow-500 relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-black text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Investor\n <\/div>\n <div class=\"text-5xl mb-6 float\">\ud83d\udcca<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase text-black\">Mode:<br>Pemilik<\/h2>\n <p class=\"text-xs font-black text-gray-800 mb-8 leading-relaxed italic\">\n Sebagian pengeluaran dialokasikan ke kepemilikan. Perusahaan bekerja untuk mengembangkan aset Anda.\n <\/p>\n <div class=\"border-t-4 border-black pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-70\">Estimasi Portofolio (5thn):<\/span>\n <p id=\"assetResult\" class=\"text-3xl font-black text-black\">Rp 0<\/p>\n <p class=\"text-xs font-bold text-green-800 mt-1\" id=\"returnPercentage\">+0% return<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 highlight-cta text-black text-center slide-in relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-20 h-20 bg-white\/20 rounded-full -translate-x-10 -translate-y-10\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-32 h-32 bg-white\/20 rounded-full translate-x-10 translate-y-10\"><\/div>\n \n <h3 class=\"unbounded text-2xl md:text-4xl font-black mb-4 uppercase\">\ud83d\ude80 READY TO LEVEL UP?<\/h3>\n <p class=\"text-lg font-bold mb-6 max-w-2xl mx-auto\">\n Join <span class=\"text-black bg-white px-2 py-1\">2,547+<\/span> investor yang sudah pindah porsi dari konsumsi ke investasi!\n <\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mb-8\">\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfaf<\/div>\n <p class=\"font-bold text-sm mb-1\">START SMALL<\/p>\n <p class=\"text-xs\">Mulai dari Rp 100.000<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\u26a1<\/div>\n <p class=\"font-bold text-sm mb-1\">INSTANT SETUP<\/p>\n <p class=\"text-xs\">5 menit daftar<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfc6<\/div>\n <p class=\"font-bold text-sm mb-1\">FREE BONUS<\/p>\n <p class=\"text-xs\">E-Book + Community<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openBroker()\" class=\"px-8 py-4 bg-black text-white font-black uppercase text-lg hover:bg-white hover:text-black transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-rocket\"><\/i> START INVESTING NOW\n <span class=\"text-xs bg-yellow-400 text-black px-2 py-1 rounded\">RECOMMENDED<\/span>\n <\/button>\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-lg hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-fire\"><\/i> JOIN CHALLENGE\n <span class=\"challenge-badge text-xs\">VIRAL<\/span>\n <\/button>\n <\/div>\n \n <p class=\"text-xs mt-6 font-bold\">\n <i class=\"fas fa-gift text-purple-600 mr-1\"><\/i> Bonus: Free e-Book \"Smart Switch Formula\" untuk 100 pendaftar pertama!\n <\/p>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-purple-500 to-blue-600 text-white slide-in\">\n <div class=\"flex flex-col md:flex-row gap-8 items-center\">\n <div class=\"text-7xl\">\ud83d\udc8e<\/div>\n <div>\n <h4 class=\"unbounded text-xl font-black mb-2 uppercase italic\">Smart Consumption = Smart Investment<\/h4>\n <p class=\"text-sm font-bold opacity-90 leading-relaxed\">\n Transformasikan <span class=\"underline\">pengeluaran rutin<\/span> menjadi <span class=\"bg-black px-1\">aliran aset pasif<\/span>. \n Sebagai pemegang saham, Anda berpartisipasi dalam pertumbuhan perusahaan yang produknya Anda gunakan sehari-hari.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-orange-400 to-red-500 text-white slide-in\">\n <div class=\"flex items-center gap-4 mb-6\">\n <span class=\"bg-black text-white px-3 py-1 font-black text-xs uppercase tracking-tighter\">TRANSFORMASI FINANSIAL<\/span>\n <div class=\"h-[1px] flex-grow bg-white\/30\"><\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-sm\">\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-yellow-300\">\ud83d\udcb0 Budget Rutin<\/p>\n <p class=\"text-xs opacity-90\">Rp 1jt\/bulan untuk konsumsi = Rp 60jt keluar dalam 5 tahun<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20 text-center\">\n <p class=\"font-black text-xl my-2\">\u21e8<\/p>\n <p class=\"text-xs font-bold\">Smart Allocation<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-green-300\">\ud83d\udcc8 Dengan Investasi<\/p>\n <p class=\"text-xs opacity-90\">Rp 300rb\/bulan = Potensi <span class=\"font-bold\">Rp 25-40jt<\/span> dalam 5 tahun*<\/p>\n <\/div>\n <\/div>\n <p class=\"text-xs mt-6 text-center opacity-80\">*Estimasi berdasarkan historical growth 10-18% per tahun. Investasi mengandung risiko.<\/p>\n <\/div>\n <\/div>\n <\/main>\n\n \n <div class=\"max-w-6xl mx-auto mt-12\">\n <div class=\"neo-card p-8 bg-gradient-to-br from-pink-500 via-purple-500 to-blue-600 text-white text-center mb-8 relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-40 h-40 bg-white\/10 rounded-full -translate-x-20 -translate-y-20\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-60 h-60 bg-white\/10 rounded-full translate-x-20 translate-y-20\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"inline-block challenge-badge px-4 py-2 mb-4 text-lg\">\n <i class=\"fas fa-fire mr-2\"><\/i> VIRAL CHALLENGE\n <\/div>\n \n <h3 class=\"unbounded text-3xl md:text-4xl font-black mb-4 uppercase\">#PINDAHPORSI CHALLENGE<\/h3>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">1\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">SIMULASI<\/p>\n <p class=\"text-sm\">Hitung potensi investasimu di atas<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">2\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">TAG 3 TEMAN<\/p>\n <p class=\"text-sm\">Yang perlu \"pindah porsi\" seperti kamu<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">3\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">DAPATKAN REWARD<\/p>\n <p class=\"text-sm\">E-Book Premium + Airdrop FinPlan NFT<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-xl hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-play-circle\"><\/i> JOIN CHALLENGE NOW\n <\/button>\n <button onclick=\"viewLeaderboard()\" class=\"px-8 py-4 bg-black\/50 text-white font-black uppercase text-xl hover:bg-black transition-all neo-card border-2 border-white flex items-center justify-center gap-3\">\n <i class=\"fas fa-trophy\"><\/i> VIEW LEADERBOARD\n <\/button>\n <\/div>\n \n <p class=\"text-sm mt-6 font-bold\">\n <i class=\"fas fa-gift mr-2\"><\/i> 500+ peserta sudah join! 10 pemenang terbaik dapat coaching 1-on-1 dengan financial expert!\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"flex flex-col md:flex-row justify-center gap-4 md:gap-6 mb-8\">\n <button onclick=\"shareToWA()\" class=\"neo-card px-6 py-4 bg-green-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-green-600 transition-all text-lg\">\n <i class=\"fab fa-whatsapp text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">WHATSAPP<\/div>\n <\/div>\n <\/button>\n <button onclick=\"shareToIG()\" class=\"neo-card px-6 py-4 bg-gradient-to-r from-pink-500 to-purple-600 text-white font-bold flex items-center justify-center gap-3 hover:opacity-90 transition-all text-lg\">\n <i class=\"fab fa-instagram text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">INSTAGRAM<\/div>\n <\/div>\n <\/button>\n <button onclick=\"downloadGuide()\" class=\"neo-card px-6 py-4 bg-blue-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-blue-600 transition-all text-lg\">\n <i class=\"fas fa-file-pdf text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">GET FREE<\/div>\n <div class=\"font-black\">E-BOOK<\/div>\n <\/div>\n <\/button>\n <\/div>\n \n <div class=\"text-center mb-12\">\n <p class=\"text-sm text-gray-600 mb-4\">\n <span class=\"font-black\">#PindahPorsi<\/span> \u2022 \n <span class=\"font-black\">#SmartConsumption<\/span> \u2022 \n <span class=\"font-black\">#InvestInWhatYouUse<\/span> \u2022\n <span class=\"font-black\">#FinplanUniverse<\/span>\n <\/p>\n <p class=\"text-xs text-gray-500 max-w-2xl mx-auto\">\n <i class=\"fas fa-exclamation-triangle mr-1\"><\/i> Disclaimer: Investasi saham mengandung risiko. Simulasi ini hanya ilustrasi berdasarkan data historis. \n Performa masa lalu tidak menjamin hasil di masa depan. Lakukan riset mandiri atau konsultasi dengan financial advisor.\n <br>\u00a9 2024 FinPlan Universe. All educational content.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"leadCapture\" class=\"fixed bottom-4 right-4 neo-card p-4 bg-white max-w-xs hidden md:block slide-in z-40\">\n <button onclick=\"closeLeadCapture()\" class=\"absolute top-1 right-2 text-gray-500 hover:text-black\">\u00d7<\/button>\n <p class=\"font-bold text-xs mb-2\">\ud83d\udcda FREE: \"Smart Switch\" eBook<\/p>\n <input type=\"email\" id=\"emailInput\" placeholder=\"your.email@domain.com\" class=\"w-full border-2 border-black p-2 mb-2 text-sm\">\n <button onclick=\"submitEmail()\" class=\"w-full bg-black text-white py-2 text-sm font-bold hover:bg-gray-800 transition-all\">\n GET EBOOK FREE\n <\/button>\n <\/div>\n\n \n <div id=\"challengeModal\" class=\"fixed inset-0 bg-black\/70 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-lg w-full max-h-[90vh] overflow-y-auto\">\n <div class=\"flex justify-between items-center mb-6\">\n <h3 class=\"unbounded text-2xl font-black gradient-text\">#PINDAHPORSI CHALLENGE<\/h3>\n <button onclick=\"closeChallengeModal()\" class=\"text-2xl hover:text-red-500\">\u00d7<\/button>\n <\/div>\n \n <div class=\"space-y-4\">\n <div class=\"bg-yellow-50 p-4 border-l-4 border-yellow-500\">\n <p class=\"font-bold text-sm\">\ud83c\udfc6 REWARD POOL:<\/p>\n <ul class=\"text-xs mt-2 space-y-1\">\n <li>\u2022 10x 1-on-1 Coaching dengan Financial Expert<\/li>\n <li>\u2022 50x FinPlan Premium e-Book Collection<\/li>\n <li>\u2022 100x FinPlan NFT Badge (Digital)<\/li>\n <li>\u2022 All participants: Free basic e-Book<\/li>\n <\/ul>\n <\/div>\n \n <div>\n <p class=\"font-bold mb-2\">\ud83d\udcdd CARA IKUTAN:<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">1<\/span>\n <p class=\"text-sm\">Gunakan simulator di atas untuk menghitung potensi investasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">2<\/span>\n <p class=\"text-sm\">Screenshot hasil simulasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">3<\/span>\n <p class=\"text-sm\">Post di Instagram\/WA Story dan TAG 3 teman yang perlu \"pindah porsi\"<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">4<\/span>\n <p class=\"text-sm\">Gunakan hashtag <span class=\"font-bold\">#PindahPorsi<\/span> dan tag <span class=\"font-bold\">@finplan.universe<\/span><\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">5<\/span>\n <p class=\"text-sm\">Isi form di bawah untuk verifikasi dan dapatkan reward!<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-gray-100 p-4 rounded-lg\">\n <p class=\"font-bold text-sm mb-3\">\ud83d\udccb CHALLENGE REGISTRATION:<\/p>\n \n <input type=\"text\" placeholder=\"Nama Lengkap\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"email\" placeholder=\"Email\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"text\" placeholder=\"Username Instagram (optional)\" class=\"w-full p-3 border-2 border-black mb-3\">\n \n <div class=\"mb-3\">\n <p class=\"text-xs font-bold mb-2\">Upload screenshot postingan challenge:<\/p>\n <input type=\"file\" class=\"w-full p-2 border-2 border-dashed border-black\">\n <\/div>\n \n <div class=\"flex items-start gap-2 mb-4\">\n <input type=\"checkbox\" id=\"agreeTerms\" class=\"mt-1\">\n <label for=\"agreeTerms\" class=\"text-xs\">Saya setuju dengan syarat dan ketentuan challenge<\/label>\n <\/div>\n \n <button onclick=\"submitChallenge()\" class=\"w-full bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n SUBMIT CHALLENGE ENTRY\n <\/button>\n <\/div>\n \n <p class=\"text-xs text-gray-600 text-center\">\n Challenge berlangsung hingga 30 April 2024. Pemenang akan diumumkan via email dan Instagram.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"brokerModal\" class=\"fixed inset-0 bg-black\/50 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-md w-full\">\n <h3 class=\"unbounded text-xl font-black mb-4 gradient-text\">READY TO START?<\/h3>\n <p class=\"mb-4 text-sm\">Kami akan mengarahkan Anda ke platform investasi terpercaya untuk memulai perjalanan <span class=\"font-bold\">Smart Investing<\/span>.<\/p>\n \n <div class=\"bg-gray-100 p-4 mb-6 rounded-lg\">\n <p class=\"text-xs font-bold mb-2\">YOUR SELECTION:<\/p>\n <p class=\"text-sm\">\u2022 Perusahaan: <span id=\"modalBrandName\" class=\"font-bold\">---<\/span><\/p>\n <p class=\"text-sm\">\u2022 Alokasi: <span id=\"modalAllocation\" class=\"font-bold\">---<\/span><\/p>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4\">\n <button onclick=\"closeModal()\" class=\"flex-1 border-4 border-black py-3 font-bold hover:bg-gray-100 transition-all\">\n CANCEL\n <\/button>\n <button onclick=\"redirectToBroker()\" class=\"flex-1 bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n CONTINUE \u2192\n <\/button>\n <\/div>\n <p class=\"text-xs text-gray-600 mt-4 text-center\">Kami mendapat komisi kecil dari broker untuk mendukung edukasi finansial gratis<\/p>\n <\/div>\n <\/div>\n\n <script>\n const sectors = {\n minimarket: [\n { id: \"AMRT\", name: \"ALFAMART\", ticker: \"AMRT.JK\", price: \"Rp 2.850\", growth: 0.18, dividend: \"1.2%\", desc: \"Retail network leader\" },\n { id: \"DNET\", name: \"INDOMARET\", ticker: \"DNET.JK\", price: \"Rp 10.200\", growth: 0.12, dividend: \"0.8%\", desc: \"Convenience store giant\" }\n ],\n makanan: [\n { id: \"ICBP\", name: \"INDOFOOD\", ticker: \"ICBP.JK\", price: \"Rp 11.200\", growth: 0.10, dividend: \"2.5%\", desc: \"Food & beverage conglomerate\" },\n { id: \"ULTJ\", name: \"ULTRAJAYA\", ticker: \"ULTJ.JK\", price: \"Rp 1.850\", growth: 0.08, dividend: \"1.8%\", desc: \"Dairy products leader\" },\n { id: \"CMRY\", name: \"CIMORY\", ticker: \"CMRY.JK\", price: \"Rp 4.900\", growth: 0.22, dividend: \"0.5%\", desc: \"Healthy food & beverage\" }\n ],\n digital: [\n { id: \"TLKM\", name: \"TELKOM INDONESIA\", ticker: \"TLKM.JK\", price: \"Rp 3.800\", growth: 0.07, dividend: \"3.5%\", desc: \"Telecommunications leader\" },\n { id: \"ISAT\", name: \"INDOSAT\", ticker: \"ISAT.JK\", price: \"Rp 10.500\", growth: 0.25, dividend: \"0.5%\", desc: \"Digital telecommunications\" },\n { id: \"GOTO\", name: \"GOTO GROUP\", ticker: \"GOTO.JK\", price: \"Rp 65\", growth: 0.02, dividend: \"0%\", desc: \"Tech ecosystem\" }\n ],\n transport: [\n { id: \"ASII\", name: \"ASTRA INTERNATIONAL\", ticker: \"ASII.JK\", price: \"Rp 5.200\", growth: 0.09, dividend: \"2.8%\", desc: \"Automotive & financial services\" },\n { id: \"AKRA\", name: \"AKR CORPORINDO\", ticker: \"AKRA.JK\", price: \"Rp 1.500\", growth: 0.15, dividend: \"1.5%\", desc: \"Energy & logistics\" }\n ],\n personal: [\n { id: \"UNVR\", name: \"UNILEVER INDONESIA\", ticker: \"UNVR.JK\", price: \"Rp 3.100\", growth: 0.05, dividend: \"3.0%\", desc: \"Consumer goods leader\" },\n { id: \"VICI\", name: \"VICI COSMETICS\", ticker: \"VICI.JK\", price: \"Rp 550\", growth: 0.14, dividend: \"0.8%\", desc: \"Cosmetics & personal care\" }\n ],\n hobby: [\n { id: \"MAPI\", name: \"MAP GROUP\", ticker: \"MAPI.JK\", price: \"Rp 1.900\", growth: 0.15, dividend: \"1.0%\", desc: \"Premium lifestyle retail\" },\n { id: \"ERAA\", name: \"ERA GROUP\", ticker: \"ERAA.JK\", price: \"Rp 450\", growth: 0.12, dividend: \"0.5%\", desc: \"Consumer electronics\" }\n ]\n };\n\n let currentSect = 'minimarket';\n \n \/\/ Live counter animation\n let liveCount = 2547;\n let roiValue = 21.3;\n \n setInterval(() => {\n liveCount += Math.floor(Math.random() * 8) + 1;\n roiValue += (Math.random() - 0.5) * 0.15;\n roiValue = Math.max(18, Math.min(25, roiValue)); \/\/ Keep between 18-25%\n \n document.getElementById('liveCounter').innerText = liveCount.toLocaleString('id-ID');\n document.getElementById('avgROI').innerText = roiValue.toFixed(1) + '%';\n }, 3000);\n\n function setSector(s) {\n currentSect = s;\n document.querySelectorAll('.sector-btn').forEach(b => b.classList.remove('active'));\n document.getElementById('btn-'+s).classList.add('active');\n const sel = document.getElementById('brandSelect');\n sel.innerHTML = '';\n sectors[s].forEach(b => {\n let o = document.createElement('option'); \n o.value = b.id; \n o.text = b.name; \n sel.appendChild(o);\n });\n updateBrandPreview();\n trackEvent('sector_change', s);\n }\n\n function updateBrandPreview() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n if (b) {\n document.getElementById('tickerDisplay').innerText = b.ticker;\n document.getElementById('priceDisplay').innerText = b.price;\n document.getElementById('companyName').innerText = b.desc;\n document.getElementById('growthDisplay').innerText = (b.growth * 100).toFixed(0) + '%';\n document.getElementById('dividendDisplay').innerText = b.dividend;\n }\n }\n\n function updatePercent() {\n const percent = document.getElementById('investPercent').value;\n document.getElementById('percentValue').innerText = percent + '%';\n }\n\n function updateUniverse() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n const budget = parseFloat(document.getElementById('budgetInput').value) || 1000000;\n const percent = parseInt(document.getElementById('investPercent').value) || 30;\n const monthlyInvest = budget * (percent \/ 100);\n const r = b.growth \/ 12;\n let fv = 0;\n \n \/\/ Compound calculation for 5 years (60 months)\n for(let i = 0; i < 60; i++) {\n fv = (fv + monthlyInvest) * (1 + r);\n }\n \n const initialInvestment = monthlyInvest * 60;\n const totalReturn = ((fv - initialInvestment) \/ initialInvestment) * 100;\n \n let start = 0;\n const obj = document.getElementById('assetResult');\n const returnObj = document.getElementById('returnPercentage');\n \n const timer = setInterval(() => {\n start += Math.floor(fv \/ 40);\n if(start >= fv) { \n start = Math.round(fv); \n clearInterval(timer); \n }\n obj.innerText = \"Rp \" + Math.round(start).toLocaleString('id-ID');\n \n \/\/ Update return percentage\n const currentReturn = ((start - initialInvestment) \/ initialInvestment) * 100;\n if (currentReturn > 0) {\n returnObj.innerHTML = `<span class=\"text-green-800\">+${currentReturn.toFixed(1)}% return<\/span>`;\n }\n }, 30);\n \n trackEvent('calculate', `${b.id}_${budget}_${percent}%`);\n }\n\n function openBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const brandName = document.getElementById('brandSelect').selectedOptions[0].text;\n const percent = document.getElementById('investPercent').value;\n \n document.getElementById('modalBrandName').innerText = brandName;\n document.getElementById('modalAllocation').innerText = percent + '% dari budget bulanan';\n document.getElementById('brokerModal').classList.remove('hidden');\n document.getElementById('brokerModal').classList.add('flex');\n trackEvent('open_broker_modal', selectedBrand);\n }\n\n function openChallengeModal() {\n document.getElementById('challengeModal').classList.remove('hidden');\n document.getElementById('challengeModal').classList.add('flex');\n trackEvent('open_challenge_modal', 'challenge');\n }\n\n function closeChallengeModal() {\n document.getElementById('challengeModal').classList.add('hidden');\n document.getElementById('challengeModal').classList.remove('flex');\n trackEvent('close_challenge_modal', 'cancel');\n }\n\n function closeModal() {\n document.getElementById('brokerModal').classList.add('hidden');\n document.getElementById('brokerModal').classList.remove('flex');\n trackEvent('close_broker_modal', 'cancel');\n }\n\n function redirectToBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const ticker = sectors[currentSect].find(x => x.id === selectedBrand)?.ticker || 'AMRT.JK';\n \n \/\/ Simulated broker redirect\n alert(`Redirecting to investment platform for ${ticker}...\\n\\nIn production: Platform integration with Ajaib\/Stockbit\/Bibit`);\n \n trackEvent('redirect_to_broker', selectedBrand);\n closeModal();\n }\n\n function shareToWA() {\n const selectedBrand = document.getElementById('brandSelect').selectedOptions[0].text;\n const text = `\ud83d\udd25 #PINDAHPORSI CHALLENGE \ud83d\udd25\\n\\nGue baru hitung gimana kalo 30% budget jajan dialokasiin ke saham ${selectedBrand}! Potensi returnnya gila dalam 5 tahun! \\n\\nCoba simulasiin sendiri di sini: ${window.location.href} \\n\\nTag 3 teman yang masih jadi \"donatur brand\"! \\n\\n#PindahPorsi #SmartInvesting #FinplanUniverse`;\n \n window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(text)}`, '_blank');\n trackEvent('share', 'whatsapp_challenge');\n }\n\n function shareToIG() {\n alert('\ud83d\udcf8 Untuk Instagram:\\n\\n1. Screenshot hasil simulasimu\\n2. Post di Feed\/Story\\n3. Tag @finplan.universe\\n4. Tag 3 teman\\n5. Hashtag #PindahPorsi\\n\\nKami akan repost yang terbaik!');\n trackEvent('share', 'instagram_challenge');\n }\n\n function viewLeaderboard() {\n alert('\ud83c\udfc6 Redirecting to Challenge Leaderboard...\\n\\nSee top participants and their entries!');\n trackEvent('view_leaderboard', 'challenge');\n }\n\n function submitChallenge() {\n const agree = document.querySelector('#agreeTerms').checked;\n if (!agree) {\n alert('Please agree to the terms and conditions');\n return;\n }\n \n alert('\ud83c\udf89 Challenge entry submitted!\\n\\nWe will verify your submission within 24 hours. Reward will be sent via email.\\n\\nThank you for joining #PindahPorsi Challenge!');\n closeChallengeModal();\n trackEvent('submit_challenge', 'success');\n }\n\n function downloadGuide() {\n alert('\ud83d\udce5 Downloading \"Smart Switch Guide\" (PDF)...\\n\\nGuide akan dikirim ke email Anda (jika sudah submit)');\n trackEvent('download', 'guide');\n }\n\n function submitEmail() {\n const email = document.getElementById('emailInput').value;\n if (email && email.includes('@') && email.includes('.')) {\n alert(`\u2705 Terima kasih! eBook \"Smart Switch\" akan dikirim ke ${email} dalam 5 menit.\\n\\nCek folder spam\/promosi jika belum sampai.`);\n document.getElementById('emailInput').value = '';\n closeLeadCapture();\n trackEvent('email_submit', 'success');\n } else {\n alert('\u26a0\ufe0f Masukkan email yang valid untuk mendapatkan ebook gratis!');\n }\n }\n\n function closeLeadCapture() {\n document.getElementById('leadCapture').style.display = 'none';\n }\n\n \/\/ Show email capture after 8 seconds\n setTimeout(() => {\n const capture = document.getElementById('leadCapture');\n if (capture) capture.style.display = 'block';\n }, 8000);\n\n \/\/ Analytics simulation\n function trackEvent(action, label) {\n console.log(`[ANALYTICS] ${action}: ${label}`);\n \/\/ Production: Google Analytics, Facebook Pixel, etc.\n }\n\n \/\/ Initialize\n window.onload = () => {\n setSector('minimarket');\n updatePercent();\n \n \/\/ Auto-calculate on page load\n setTimeout(updateUniverse, 1000);\n \n \/\/ Auto-show challenge modal after 15 seconds\n setTimeout(() => {\n if (!localStorage.getItem('challenge_shown')) {\n openChallengeModal();\n localStorage.setItem('challenge_shown', 'true');\n }\n }, 15000);\n };\n <\/script>\n<\/body>\n<\/html>\n"],"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>FINPLAN UNIVERSE | Pindah Porsi - Smart Consumption to Investment<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;700;900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --black: #1e1e1e;\n --yellow: #EBFF00;\n --purple: #BC7AF9;\n --green: #2ecc71;\n --blue: #3498db;\n --orange: #ff9f43;\n --pink: #ff6b8b;\n }\n body { font-family: 'Space Grotesk', sans-serif; background-color: #f0f0f0; color: var(--black); overflow-x: hidden; }\n .unbounded { font-family: 'Unbounded', sans-serif; }\n .neo-card { background: white; border: 4px solid var(--black); box-shadow: 10px 10px 0px 0px var(--black); transition: all 0.2s ease; }\n .neo-card:hover { transform: translate(-2px, -2px); box-shadow: 14px 14px 0px 0px var(--black); }\n .sector-btn { border: 3px solid var(--black); padding: 8px; font-weight: 900; font-size: 10px; text-transform: uppercase; background: white; transition: 0.1s; cursor: pointer; }\n .sector-btn.active { background: var(--yellow); box-shadow: 4px 4px 0px 0px var(--black); transform: translate(-2px, -2px); }\n .float { animation: float 3s ease-in-out infinite; }\n @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }\n @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }\n .pulse { animation: pulse 2s infinite; }\n .slide-in { animation: slideIn 0.5s ease-out; }\n @keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n .gradient-text { background: linear-gradient(90deg, var(--purple), var(--blue)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n .bounce { animation: bounce 2s infinite; }\n @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n .wiggle { animation: wiggle 1s ease-in-out infinite; }\n @keyframes wiggle { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }\n .highlight-cta { \n background: linear-gradient(45deg, var(--yellow), var(--orange), var(--pink), var(--purple));\n background-size: 300% 300%;\n animation: gradient-shift 3s ease infinite;\n border: 4px solid var(--black) !important;\n }\n @keyframes gradient-shift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n .challenge-badge {\n background: linear-gradient(45deg, #ff0080, #ff8c00);\n color: white;\n font-weight: 900;\n padding: 4px 12px;\n border-radius: 20px;\n display: inline-block;\n animation: wiggle 2s infinite;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n \n <div class=\"max-w-6xl mx-auto mb-6\">\n <div class=\"neo-card p-4 bg-gradient-to-r from-blue-500 to-purple-600 text-white text-center pulse\">\n <div class=\"flex flex-wrap justify-center items-center gap-2 md:gap-4\">\n <span class=\"text-lg\">\ud83d\udd25<\/span>\n <span class=\"text-sm md:text-base font-black uppercase tracking-tight\">\n <span id=\"liveCounter\">2,547<\/span> INVESTOR BARU BULAN INI \u2022 ROI RATA-RATA <span id=\"avgROI\">21.3%<\/span>\n <\/span>\n <span class=\"text-lg\">\ud83d\ude80<\/span>\n <span class=\"challenge-badge text-xs\">#PindahPorsi Challenge<\/span>\n <\/div>\n <\/div>\n <\/nav>\n\n <nav class=\"max-w-6xl mx-auto flex justify-between items-center mb-12\">\n <div class=\"neo-card px-4 py-2 bg-black text-white font-black text-xl uppercase tracking-tighter\">\n FINPLAN <span class=\"text-[var(--yellow)]\">UNIVERSE<\/span>\n <\/div>\n <div class=\"hidden md:flex gap-6 font-bold uppercase text-xs\">\n <span class=\"text-green-600 animate-pulse\">\u25cf LIVE \u2022 CONNECTED<\/span>\n <span>SMART CONSUMPTION \u2192 INVESTMENT<\/span>\n <\/div>\n <\/nav>\n\n <header class=\"max-w-4xl mx-auto text-center mb-16 px-4\">\n <h1 class=\"unbounded text-4xl md:text-7xl font-black leading-none mb-6 italic uppercase\">\n JANGAN BERHENTI <span class=\"bg-[var(--yellow)] border-4 border-black px-4 inline-block -rotate-2 bounce\">BELANJA.<\/span>\n <\/h1>\n <p class=\"text-xl font-medium leading-relaxed max-w-2xl mx-auto\">\n Ubah mindset dari <span class=\"font-black gradient-text\">Pelanggan Biasa<\/span> jadi \n <span class=\"font-black gradient-text\">Pemilik Saham<\/span>.\n <br><span class=\"text-sm text-gray-600\">*Smart spending meets smart investing<\/span>\n <\/p>\n \n \n <div class=\"mt-8 p-6 neo-card bg-gradient-to-r from-pink-500 to-purple-600 text-white max-w-2xl mx-auto\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-4\">\n <div class=\"text-left\">\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"text-2xl\">\ud83c\udfc6<\/span>\n <span class=\"unbounded font-black uppercase text-sm\">VIRAL CHALLENGE<\/span>\n <\/div>\n <h3 class=\"unbounded text-xl md:text-2xl font-black mb-2\">TAG 3 TEMAN YANG MASIH JADI \"DONATUR\"<\/h3>\n <p class=\"text-sm opacity-90\">Bantu mereka transformasi finansial, dapatkan e-Book Premium GRATIS!<\/p>\n <\/div>\n <button onclick=\"openChallengeModal()\" class=\"px-6 py-3 bg-black text-white font-black uppercase hover:bg-white hover:text-black transition-all neo-card text-nowrap\">\n JOIN CHALLENGE <i class=\"fas fa-fire ml-2\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-8\">\n \n <aside class=\"md:col-span-4 space-y-6\">\n <div class=\"neo-card p-6 bg-white slide-in\">\n <h3 class=\"unbounded text-xs font-black mb-4 uppercase text-purple-600 tracking-widest italic\">\/\/ PILIH PORSI INVESTASI<\/h3>\n <div class=\"grid grid-cols-2 gap-2 mb-6\">\n <button onclick=\"setSector('minimarket')\" class=\"sector-btn active\" id=\"btn-minimarket\">\ud83c\udfea Retail<\/button>\n <button onclick=\"setSector('makanan')\" class=\"sector-btn\" id=\"btn-makanan\">\ud83c\udf5c F&B<\/button>\n <button onclick=\"setSector('digital')\" class=\"sector-btn\" id=\"btn-digital\">\ud83d\udcf1 Tech<\/button>\n <button onclick=\"setSector('transport')\" class=\"sector-btn\" id=\"btn-transport\">\ud83d\ude97 Mobility<\/button>\n <button onclick=\"setSector('personal')\" class=\"sector-btn\" id=\"btn-personal\">\u2728 Lifestyle<\/button>\n <button onclick=\"setSector('hobby')\" class=\"sector-btn\" id=\"btn-hobby\">\ud83c\udfaf Premium<\/button>\n <\/div>\n\n <div class=\"space-y-4\">\n <label class=\"block font-bold text-[10px] uppercase\">Pilih Perusahaan:<\/label>\n <select id=\"brandSelect\" onchange=\"updateBrandPreview()\" class=\"w-full p-3 border-4 border-black bg-white font-bold outline-none cursor-pointer\"><\/select>\n \n <div class=\"grid grid-cols-2 gap-4\">\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">Budget Bulanan:<\/label>\n <input id=\"budgetInput\" type=\"number\" value=\"1000000\" class=\"w-full p-3 border-4 border-black font-black text-xl outline-none focus:bg-[var(--yellow)]\">\n <\/div>\n <div>\n <label class=\"block font-bold text-[10px] uppercase\">% Untuk Invest:<\/label>\n <div class=\"flex items-center gap-2 mt-2\">\n <input type=\"range\" id=\"investPercent\" min=\"10\" max=\"50\" value=\"30\" class=\"flex-grow\" oninput=\"updatePercent()\">\n <span id=\"percentValue\" class=\"font-black text-xl\">30%<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <button onclick=\"updateUniverse()\" class=\"w-full p-4 highlight-cta text-black font-black uppercase text-lg transition-all mt-4\">\n <i class=\"fas fa-bolt mr-2\"><\/i> HITUNG POTENSI GAJIAN \u2192\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-slate-800 text-white overflow-hidden\">\n <p class=\"text-[10px] font-mono text-slate-400 mb-2 uppercase tracking-widest\">\/\/ REAL-TIME MARKET DATA<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex justify-between items-center\">\n <div>\n <span id=\"tickerDisplay\" class=\"font-bold text-lg\">---<\/span>\n <span class=\"text-xs text-slate-400 ml-2\" id=\"companyName\">---<\/span>\n <\/div>\n <span id=\"priceDisplay\" class=\"text-[var(--yellow)] font-black text-2xl\">---<\/span>\n <\/div>\n <div class=\"text-xs flex justify-between\">\n <span>Growth 5Y: <span id=\"growthDisplay\" class=\"font-bold\">---<\/span><\/span>\n <span>Dividend: <span id=\"dividendDisplay\" class=\"font-bold text-green-400\">---<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-6 bg-white\">\n <h4 class=\"unbounded font-black uppercase mb-4 text-sm gradient-text\">\ud83c\udf1f SUCCESS STORIES<\/h4>\n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-yellow-300 to-orange-400 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">R<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Rian \u2022 8 bulan<\/p>\n <p class=\"text-sm italic\">\"Diversifikasi 30% budget lifestyle ke saham MAPI, sekarang dividennya bisa cover monthly coffee fix!\"<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+24% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-3\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-blue-300 to-purple-500 rounded-full flex items-center justify-center\">\n <span class=\"font-bold text-white\">S<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-xs\">Sarah \u2022 14 bulan<\/p>\n <p class=\"text-sm italic\">\"Mindset berubah total. Sekarang setiap transaksi jadi keputusan financial, bukan sekadar konsumsi.\"<\/p>\n <div class=\"flex items-center gap-1 mt-1\">\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded\">+31% ROI<\/span>\n <div class=\"flex gap-1\">\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star text-yellow-400 text-xs\"><\/i>\n <i class=\"fas fa-star-half-alt text-yellow-400 text-xs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/aside>\n\n <div class=\"md:col-span-8 grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"neo-card p-8 bg-white border-dashed relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-gradient-to-r from-gray-500 to-gray-700 text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Consumer\n <\/div>\n <div class=\"text-5xl mb-6\">\ud83d\uded2<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase\">Mode:<br>Pelanggan<\/h2>\n <p class=\"text-xs font-medium text-slate-500 mb-8 leading-relaxed italic\">\n Setiap transaksi adalah pengeluaran murni. Uang mengalir keluar tanpa pengembalian jangka panjang.\n <\/p>\n <div class=\"border-t-4 border-gray-300 pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-50\">Nilai 5 Tahun Kedepan:<\/span>\n <p class=\"text-3xl font-black text-gray-400\">Rp 0<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"neo-card p-8 bg-gradient-to-br from-yellow-300 to-yellow-500 relative slide-in\">\n <div class=\"absolute top-0 right-0 bg-black text-white px-4 py-1 font-black uppercase text-[10px] -rotate-45 translate-x-4 translate-y-2\">\n Investor\n <\/div>\n <div class=\"text-5xl mb-6 float\">\ud83d\udcca<\/div>\n <h2 class=\"unbounded text-2xl font-black mb-4 uppercase text-black\">Mode:<br>Pemilik<\/h2>\n <p class=\"text-xs font-black text-gray-800 mb-8 leading-relaxed italic\">\n Sebagian pengeluaran dialokasikan ke kepemilikan. Perusahaan bekerja untuk mengembangkan aset Anda.\n <\/p>\n <div class=\"border-t-4 border-black pt-4\">\n <span class=\"text-[10px] font-black uppercase opacity-70\">Estimasi Portofolio (5thn):<\/span>\n <p id=\"assetResult\" class=\"text-3xl font-black text-black\">Rp 0<\/p>\n <p class=\"text-xs font-bold text-green-800 mt-1\" id=\"returnPercentage\">+0% return<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 highlight-cta text-black text-center slide-in relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-20 h-20 bg-white\/20 rounded-full -translate-x-10 -translate-y-10\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-32 h-32 bg-white\/20 rounded-full translate-x-10 translate-y-10\"><\/div>\n \n <h3 class=\"unbounded text-2xl md:text-4xl font-black mb-4 uppercase\">\ud83d\ude80 READY TO LEVEL UP?<\/h3>\n <p class=\"text-lg font-bold mb-6 max-w-2xl mx-auto\">\n Join <span class=\"text-black bg-white px-2 py-1\">2,547+<\/span> investor yang sudah pindah porsi dari konsumsi ke investasi!\n <\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mb-8\">\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfaf<\/div>\n <p class=\"font-bold text-sm mb-1\">START SMALL<\/p>\n <p class=\"text-xs\">Mulai dari Rp 100.000<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\u26a1<\/div>\n <p class=\"font-bold text-sm mb-1\">INSTANT SETUP<\/p>\n <p class=\"text-xs\">5 menit daftar<\/p>\n <\/div>\n <div class=\"bg-black\/10 p-4 rounded-lg border-2 border-black\/30 backdrop-blur-sm\">\n <div class=\"text-2xl mb-2\">\ud83c\udfc6<\/div>\n <p class=\"font-bold text-sm mb-1\">FREE BONUS<\/p>\n <p class=\"text-xs\">E-Book + Community<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openBroker()\" class=\"px-8 py-4 bg-black text-white font-black uppercase text-lg hover:bg-white hover:text-black transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-rocket\"><\/i> START INVESTING NOW\n <span class=\"text-xs bg-yellow-400 text-black px-2 py-1 rounded\">RECOMMENDED<\/span>\n <\/button>\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-lg hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-fire\"><\/i> JOIN CHALLENGE\n <span class=\"challenge-badge text-xs\">VIRAL<\/span>\n <\/button>\n <\/div>\n \n <p class=\"text-xs mt-6 font-bold\">\n <i class=\"fas fa-gift text-purple-600 mr-1\"><\/i> Bonus: Free e-Book \"Smart Switch Formula\" untuk 100 pendaftar pertama!\n <\/p>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-purple-500 to-blue-600 text-white slide-in\">\n <div class=\"flex flex-col md:flex-row gap-8 items-center\">\n <div class=\"text-7xl\">\ud83d\udc8e<\/div>\n <div>\n <h4 class=\"unbounded text-xl font-black mb-2 uppercase italic\">Smart Consumption = Smart Investment<\/h4>\n <p class=\"text-sm font-bold opacity-90 leading-relaxed\">\n Transformasikan <span class=\"underline\">pengeluaran rutin<\/span> menjadi <span class=\"bg-black px-1\">aliran aset pasif<\/span>. \n Sebagai pemegang saham, Anda berpartisipasi dalam pertumbuhan perusahaan yang produknya Anda gunakan sehari-hari.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-2 neo-card p-8 bg-gradient-to-r from-orange-400 to-red-500 text-white slide-in\">\n <div class=\"flex items-center gap-4 mb-6\">\n <span class=\"bg-black text-white px-3 py-1 font-black text-xs uppercase tracking-tighter\">TRANSFORMASI FINANSIAL<\/span>\n <div class=\"h-[1px] flex-grow bg-white\/30\"><\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-sm\">\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-yellow-300\">\ud83d\udcb0 Budget Rutin<\/p>\n <p class=\"text-xs opacity-90\">Rp 1jt\/bulan untuk konsumsi = Rp 60jt keluar dalam 5 tahun<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20 text-center\">\n <p class=\"font-black text-xl my-2\">\u21e8<\/p>\n <p class=\"text-xs font-bold\">Smart Allocation<\/p>\n <\/div>\n <div class=\"bg-black\/20 p-4 rounded-lg border border-white\/20\">\n <p class=\"font-black uppercase mb-2 text-green-300\">\ud83d\udcc8 Dengan Investasi<\/p>\n <p class=\"text-xs opacity-90\">Rp 300rb\/bulan = Potensi <span class=\"font-bold\">Rp 25-40jt<\/span> dalam 5 tahun*<\/p>\n <\/div>\n <\/div>\n <p class=\"text-xs mt-6 text-center opacity-80\">*Estimasi berdasarkan historical growth 10-18% per tahun. Investasi mengandung risiko.<\/p>\n <\/div>\n <\/div>\n <\/main>\n\n \n <div class=\"max-w-6xl mx-auto mt-12\">\n <div class=\"neo-card p-8 bg-gradient-to-br from-pink-500 via-purple-500 to-blue-600 text-white text-center mb-8 relative overflow-hidden\">\n \n <div class=\"absolute top-0 left-0 w-40 h-40 bg-white\/10 rounded-full -translate-x-20 -translate-y-20\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-60 h-60 bg-white\/10 rounded-full translate-x-20 translate-y-20\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"inline-block challenge-badge px-4 py-2 mb-4 text-lg\">\n <i class=\"fas fa-fire mr-2\"><\/i> VIRAL CHALLENGE\n <\/div>\n \n <h3 class=\"unbounded text-3xl md:text-4xl font-black mb-4 uppercase\">#PINDAHPORSI CHALLENGE<\/h3>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">1\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">SIMULASI<\/p>\n <p class=\"text-sm\">Hitung potensi investasimu di atas<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">2\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">TAG 3 TEMAN<\/p>\n <p class=\"text-sm\">Yang perlu \"pindah porsi\" seperti kamu<\/p>\n <\/div>\n <div class=\"bg-black\/30 p-6 rounded-xl border-2 border-white\/30\">\n <div class=\"text-4xl mb-3\">3\ufe0f\u20e3<\/div>\n <p class=\"font-black text-lg mb-2\">DAPATKAN REWARD<\/p>\n <p class=\"text-sm\">E-Book Premium + Airdrop FinPlan NFT<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4 justify-center\">\n <button onclick=\"openChallengeModal()\" class=\"px-8 py-4 bg-white text-black font-black uppercase text-xl hover:bg-black hover:text-white transition-all neo-card flex items-center justify-center gap-3\">\n <i class=\"fas fa-play-circle\"><\/i> JOIN CHALLENGE NOW\n <\/button>\n <button onclick=\"viewLeaderboard()\" class=\"px-8 py-4 bg-black\/50 text-white font-black uppercase text-xl hover:bg-black transition-all neo-card border-2 border-white flex items-center justify-center gap-3\">\n <i class=\"fas fa-trophy\"><\/i> VIEW LEADERBOARD\n <\/button>\n <\/div>\n \n <p class=\"text-sm mt-6 font-bold\">\n <i class=\"fas fa-gift mr-2\"><\/i> 500+ peserta sudah join! 10 pemenang terbaik dapat coaching 1-on-1 dengan financial expert!\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"flex flex-col md:flex-row justify-center gap-4 md:gap-6 mb-8\">\n <button onclick=\"shareToWA()\" class=\"neo-card px-6 py-4 bg-green-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-green-600 transition-all text-lg\">\n <i class=\"fab fa-whatsapp text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">WHATSAPP<\/div>\n <\/div>\n <\/button>\n <button onclick=\"shareToIG()\" class=\"neo-card px-6 py-4 bg-gradient-to-r from-pink-500 to-purple-600 text-white font-bold flex items-center justify-center gap-3 hover:opacity-90 transition-all text-lg\">\n <i class=\"fab fa-instagram text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">SHARE TO<\/div>\n <div class=\"font-black\">INSTAGRAM<\/div>\n <\/div>\n <\/button>\n <button onclick=\"downloadGuide()\" class=\"neo-card px-6 py-4 bg-blue-500 text-white font-bold flex items-center justify-center gap-3 hover:bg-blue-600 transition-all text-lg\">\n <i class=\"fas fa-file-pdf text-2xl\"><\/i>\n <div class=\"text-left\">\n <div class=\"text-xs\">GET FREE<\/div>\n <div class=\"font-black\">E-BOOK<\/div>\n <\/div>\n <\/button>\n <\/div>\n \n <div class=\"text-center mb-12\">\n <p class=\"text-sm text-gray-600 mb-4\">\n <span class=\"font-black\">#PindahPorsi<\/span> \u2022 \n <span class=\"font-black\">#SmartConsumption<\/span> \u2022 \n <span class=\"font-black\">#InvestInWhatYouUse<\/span> \u2022\n <span class=\"font-black\">#FinplanUniverse<\/span>\n <\/p>\n <p class=\"text-xs text-gray-500 max-w-2xl mx-auto\">\n <i class=\"fas fa-exclamation-triangle mr-1\"><\/i> Disclaimer: Investasi saham mengandung risiko. Simulasi ini hanya ilustrasi berdasarkan data historis. \n Performa masa lalu tidak menjamin hasil di masa depan. Lakukan riset mandiri atau konsultasi dengan financial advisor.\n <br>\u00a9 2024 FinPlan Universe. All educational content.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"leadCapture\" class=\"fixed bottom-4 right-4 neo-card p-4 bg-white max-w-xs hidden md:block slide-in z-40\">\n <button onclick=\"closeLeadCapture()\" class=\"absolute top-1 right-2 text-gray-500 hover:text-black\">\u00d7<\/button>\n <p class=\"font-bold text-xs mb-2\">\ud83d\udcda FREE: \"Smart Switch\" eBook<\/p>\n <input type=\"email\" id=\"emailInput\" placeholder=\"your.email@domain.com\" class=\"w-full border-2 border-black p-2 mb-2 text-sm\">\n <button onclick=\"submitEmail()\" class=\"w-full bg-black text-white py-2 text-sm font-bold hover:bg-gray-800 transition-all\">\n GET EBOOK FREE\n <\/button>\n <\/div>\n\n \n <div id=\"challengeModal\" class=\"fixed inset-0 bg-black\/70 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-lg w-full max-h-[90vh] overflow-y-auto\">\n <div class=\"flex justify-between items-center mb-6\">\n <h3 class=\"unbounded text-2xl font-black gradient-text\">#PINDAHPORSI CHALLENGE<\/h3>\n <button onclick=\"closeChallengeModal()\" class=\"text-2xl hover:text-red-500\">\u00d7<\/button>\n <\/div>\n \n <div class=\"space-y-4\">\n <div class=\"bg-yellow-50 p-4 border-l-4 border-yellow-500\">\n <p class=\"font-bold text-sm\">\ud83c\udfc6 REWARD POOL:<\/p>\n <ul class=\"text-xs mt-2 space-y-1\">\n <li>\u2022 10x 1-on-1 Coaching dengan Financial Expert<\/li>\n <li>\u2022 50x FinPlan Premium e-Book Collection<\/li>\n <li>\u2022 100x FinPlan NFT Badge (Digital)<\/li>\n <li>\u2022 All participants: Free basic e-Book<\/li>\n <\/ul>\n <\/div>\n \n <div>\n <p class=\"font-bold mb-2\">\ud83d\udcdd CARA IKUTAN:<\/p>\n <div class=\"space-y-3\">\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">1<\/span>\n <p class=\"text-sm\">Gunakan simulator di atas untuk menghitung potensi investasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">2<\/span>\n <p class=\"text-sm\">Screenshot hasil simulasimu<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">3<\/span>\n <p class=\"text-sm\">Post di Instagram\/WA Story dan TAG 3 teman yang perlu \"pindah porsi\"<\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">4<\/span>\n <p class=\"text-sm\">Gunakan hashtag <span class=\"font-bold\">#PindahPorsi<\/span> dan tag <span class=\"font-bold\">@finplan.universe<\/span><\/p>\n <\/div>\n <div class=\"flex items-start gap-2\">\n <span class=\"bg-black text-white rounded-full w-6 h-6 flex items-center justify-center text-xs\">5<\/span>\n <p class=\"text-sm\">Isi form di bawah untuk verifikasi dan dapatkan reward!<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-gray-100 p-4 rounded-lg\">\n <p class=\"font-bold text-sm mb-3\">\ud83d\udccb CHALLENGE REGISTRATION:<\/p>\n \n <input type=\"text\" placeholder=\"Nama Lengkap\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"email\" placeholder=\"Email\" class=\"w-full p-3 border-2 border-black mb-3\">\n <input type=\"text\" placeholder=\"Username Instagram (optional)\" class=\"w-full p-3 border-2 border-black mb-3\">\n \n <div class=\"mb-3\">\n <p class=\"text-xs font-bold mb-2\">Upload screenshot postingan challenge:<\/p>\n <input type=\"file\" class=\"w-full p-2 border-2 border-dashed border-black\">\n <\/div>\n \n <div class=\"flex items-start gap-2 mb-4\">\n <input type=\"checkbox\" id=\"agreeTerms\" class=\"mt-1\">\n <label for=\"agreeTerms\" class=\"text-xs\">Saya setuju dengan syarat dan ketentuan challenge<\/label>\n <\/div>\n \n <button onclick=\"submitChallenge()\" class=\"w-full bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n SUBMIT CHALLENGE ENTRY\n <\/button>\n <\/div>\n \n <p class=\"text-xs text-gray-600 text-center\">\n Challenge berlangsung hingga 30 April 2024. Pemenang akan diumumkan via email dan Instagram.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"brokerModal\" class=\"fixed inset-0 bg-black\/50 flex items-center justify-center z-50 hidden p-4\">\n <div class=\"neo-card bg-white p-6 md:p-8 max-w-md w-full\">\n <h3 class=\"unbounded text-xl font-black mb-4 gradient-text\">READY TO START?<\/h3>\n <p class=\"mb-4 text-sm\">Kami akan mengarahkan Anda ke platform investasi terpercaya untuk memulai perjalanan <span class=\"font-bold\">Smart Investing<\/span>.<\/p>\n \n <div class=\"bg-gray-100 p-4 mb-6 rounded-lg\">\n <p class=\"text-xs font-bold mb-2\">YOUR SELECTION:<\/p>\n <p class=\"text-sm\">\u2022 Perusahaan: <span id=\"modalBrandName\" class=\"font-bold\">---<\/span><\/p>\n <p class=\"text-sm\">\u2022 Alokasi: <span id=\"modalAllocation\" class=\"font-bold\">---<\/span><\/p>\n <\/div>\n \n <div class=\"flex flex-col md:flex-row gap-4\">\n <button onclick=\"closeModal()\" class=\"flex-1 border-4 border-black py-3 font-bold hover:bg-gray-100 transition-all\">\n CANCEL\n <\/button>\n <button onclick=\"redirectToBroker()\" class=\"flex-1 bg-black text-white py-3 font-bold hover:bg-gray-800 transition-all\">\n CONTINUE \u2192\n <\/button>\n <\/div>\n <p class=\"text-xs text-gray-600 mt-4 text-center\">Kami mendapat komisi kecil dari broker untuk mendukung edukasi finansial gratis<\/p>\n <\/div>\n <\/div>\n\n <script>\n const sectors = {\n minimarket: [\n { id: \"AMRT\", name: \"ALFAMART\", ticker: \"AMRT.JK\", price: \"Rp 2.850\", growth: 0.18, dividend: \"1.2%\", desc: \"Retail network leader\" },\n { id: \"DNET\", name: \"INDOMARET\", ticker: \"DNET.JK\", price: \"Rp 10.200\", growth: 0.12, dividend: \"0.8%\", desc: \"Convenience store giant\" }\n ],\n makanan: [\n { id: \"ICBP\", name: \"INDOFOOD\", ticker: \"ICBP.JK\", price: \"Rp 11.200\", growth: 0.10, dividend: \"2.5%\", desc: \"Food & beverage conglomerate\" },\n { id: \"ULTJ\", name: \"ULTRAJAYA\", ticker: \"ULTJ.JK\", price: \"Rp 1.850\", growth: 0.08, dividend: \"1.8%\", desc: \"Dairy products leader\" },\n { id: \"CMRY\", name: \"CIMORY\", ticker: \"CMRY.JK\", price: \"Rp 4.900\", growth: 0.22, dividend: \"0.5%\", desc: \"Healthy food & beverage\" }\n ],\n digital: [\n { id: \"TLKM\", name: \"TELKOM INDONESIA\", ticker: \"TLKM.JK\", price: \"Rp 3.800\", growth: 0.07, dividend: \"3.5%\", desc: \"Telecommunications leader\" },\n { id: \"ISAT\", name: \"INDOSAT\", ticker: \"ISAT.JK\", price: \"Rp 10.500\", growth: 0.25, dividend: \"0.5%\", desc: \"Digital telecommunications\" },\n { id: \"GOTO\", name: \"GOTO GROUP\", ticker: \"GOTO.JK\", price: \"Rp 65\", growth: 0.02, dividend: \"0%\", desc: \"Tech ecosystem\" }\n ],\n transport: [\n { id: \"ASII\", name: \"ASTRA INTERNATIONAL\", ticker: \"ASII.JK\", price: \"Rp 5.200\", growth: 0.09, dividend: \"2.8%\", desc: \"Automotive & financial services\" },\n { id: \"AKRA\", name: \"AKR CORPORINDO\", ticker: \"AKRA.JK\", price: \"Rp 1.500\", growth: 0.15, dividend: \"1.5%\", desc: \"Energy & logistics\" }\n ],\n personal: [\n { id: \"UNVR\", name: \"UNILEVER INDONESIA\", ticker: \"UNVR.JK\", price: \"Rp 3.100\", growth: 0.05, dividend: \"3.0%\", desc: \"Consumer goods leader\" },\n { id: \"VICI\", name: \"VICI COSMETICS\", ticker: \"VICI.JK\", price: \"Rp 550\", growth: 0.14, dividend: \"0.8%\", desc: \"Cosmetics & personal care\" }\n ],\n hobby: [\n { id: \"MAPI\", name: \"MAP GROUP\", ticker: \"MAPI.JK\", price: \"Rp 1.900\", growth: 0.15, dividend: \"1.0%\", desc: \"Premium lifestyle retail\" },\n { id: \"ERAA\", name: \"ERA GROUP\", ticker: \"ERAA.JK\", price: \"Rp 450\", growth: 0.12, dividend: \"0.5%\", desc: \"Consumer electronics\" }\n ]\n };\n\n let currentSect = 'minimarket';\n \n \/\/ Live counter animation\n let liveCount = 2547;\n let roiValue = 21.3;\n \n setInterval(() => {\n liveCount += Math.floor(Math.random() * 8) + 1;\n roiValue += (Math.random() - 0.5) * 0.15;\n roiValue = Math.max(18, Math.min(25, roiValue)); \/\/ Keep between 18-25%\n \n document.getElementById('liveCounter').innerText = liveCount.toLocaleString('id-ID');\n document.getElementById('avgROI').innerText = roiValue.toFixed(1) + '%';\n }, 3000);\n\n function setSector(s) {\n currentSect = s;\n document.querySelectorAll('.sector-btn').forEach(b => b.classList.remove('active'));\n document.getElementById('btn-'+s).classList.add('active');\n const sel = document.getElementById('brandSelect');\n sel.innerHTML = '';\n sectors[s].forEach(b => {\n let o = document.createElement('option'); \n o.value = b.id; \n o.text = b.name; \n sel.appendChild(o);\n });\n updateBrandPreview();\n trackEvent('sector_change', s);\n }\n\n function updateBrandPreview() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n if (b) {\n document.getElementById('tickerDisplay').innerText = b.ticker;\n document.getElementById('priceDisplay').innerText = b.price;\n document.getElementById('companyName').innerText = b.desc;\n document.getElementById('growthDisplay').innerText = (b.growth * 100).toFixed(0) + '%';\n document.getElementById('dividendDisplay').innerText = b.dividend;\n }\n }\n\n function updatePercent() {\n const percent = document.getElementById('investPercent').value;\n document.getElementById('percentValue').innerText = percent + '%';\n }\n\n function updateUniverse() {\n const b = sectors[currentSect].find(x => x.id === document.getElementById('brandSelect').value);\n const budget = parseFloat(document.getElementById('budgetInput').value) || 1000000;\n const percent = parseInt(document.getElementById('investPercent').value) || 30;\n const monthlyInvest = budget * (percent \/ 100);\n const r = b.growth \/ 12;\n let fv = 0;\n \n \/\/ Compound calculation for 5 years (60 months)\n for(let i = 0; i < 60; i++) {\n fv = (fv + monthlyInvest) * (1 + r);\n }\n \n const initialInvestment = monthlyInvest * 60;\n const totalReturn = ((fv - initialInvestment) \/ initialInvestment) * 100;\n \n let start = 0;\n const obj = document.getElementById('assetResult');\n const returnObj = document.getElementById('returnPercentage');\n \n const timer = setInterval(() => {\n start += Math.floor(fv \/ 40);\n if(start >= fv) { \n start = Math.round(fv); \n clearInterval(timer); \n }\n obj.innerText = \"Rp \" + Math.round(start).toLocaleString('id-ID');\n \n \/\/ Update return percentage\n const currentReturn = ((start - initialInvestment) \/ initialInvestment) * 100;\n if (currentReturn > 0) {\n returnObj.innerHTML = `<span class=\"text-green-800\">+${currentReturn.toFixed(1)}% return<\/span>`;\n }\n }, 30);\n \n trackEvent('calculate', `${b.id}_${budget}_${percent}%`);\n }\n\n function openBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const brandName = document.getElementById('brandSelect').selectedOptions[0].text;\n const percent = document.getElementById('investPercent').value;\n \n document.getElementById('modalBrandName').innerText = brandName;\n document.getElementById('modalAllocation').innerText = percent + '% dari budget bulanan';\n document.getElementById('brokerModal').classList.remove('hidden');\n document.getElementById('brokerModal').classList.add('flex');\n trackEvent('open_broker_modal', selectedBrand);\n }\n\n function openChallengeModal() {\n document.getElementById('challengeModal').classList.remove('hidden');\n document.getElementById('challengeModal').classList.add('flex');\n trackEvent('open_challenge_modal', 'challenge');\n }\n\n function closeChallengeModal() {\n document.getElementById('challengeModal').classList.add('hidden');\n document.getElementById('challengeModal').classList.remove('flex');\n trackEvent('close_challenge_modal', 'cancel');\n }\n\n function closeModal() {\n document.getElementById('brokerModal').classList.add('hidden');\n document.getElementById('brokerModal').classList.remove('flex');\n trackEvent('close_broker_modal', 'cancel');\n }\n\n function redirectToBroker() {\n const selectedBrand = document.getElementById('brandSelect').value;\n const ticker = sectors[currentSect].find(x => x.id === selectedBrand)?.ticker || 'AMRT.JK';\n \n \/\/ Simulated broker redirect\n alert(`Redirecting to investment platform for ${ticker}...\\n\\nIn production: Platform integration with Ajaib\/Stockbit\/Bibit`);\n \n trackEvent('redirect_to_broker', selectedBrand);\n closeModal();\n }\n\n function shareToWA() {\n const selectedBrand = document.getElementById('brandSelect').selectedOptions[0].text;\n const text = `\ud83d\udd25 #PINDAHPORSI CHALLENGE \ud83d\udd25\\n\\nGue baru hitung gimana kalo 30% budget jajan dialokasiin ke saham ${selectedBrand}! Potensi returnnya gila dalam 5 tahun! \\n\\nCoba simulasiin sendiri di sini: ${window.location.href} \\n\\nTag 3 teman yang masih jadi \"donatur brand\"! \\n\\n#PindahPorsi #SmartInvesting #FinplanUniverse`;\n \n window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(text)}`, '_blank');\n trackEvent('share', 'whatsapp_challenge');\n }\n\n function shareToIG() {\n alert('\ud83d\udcf8 Untuk Instagram:\\n\\n1. Screenshot hasil simulasimu\\n2. Post di Feed\/Story\\n3. Tag @finplan.universe\\n4. Tag 3 teman\\n5. Hashtag #PindahPorsi\\n\\nKami akan repost yang terbaik!');\n trackEvent('share', 'instagram_challenge');\n }\n\n function viewLeaderboard() {\n alert('\ud83c\udfc6 Redirecting to Challenge Leaderboard...\\n\\nSee top participants and their entries!');\n trackEvent('view_leaderboard', 'challenge');\n }\n\n function submitChallenge() {\n const agree = document.querySelector('#agreeTerms').checked;\n if (!agree) {\n alert('Please agree to the terms and conditions');\n return;\n }\n \n alert('\ud83c\udf89 Challenge entry submitted!\\n\\nWe will verify your submission within 24 hours. Reward will be sent via email.\\n\\nThank you for joining #PindahPorsi Challenge!');\n closeChallengeModal();\n trackEvent('submit_challenge', 'success');\n }\n\n function downloadGuide() {\n alert('\ud83d\udce5 Downloading \"Smart Switch Guide\" (PDF)...\\n\\nGuide akan dikirim ke email Anda (jika sudah submit)');\n trackEvent('download', 'guide');\n }\n\n function submitEmail() {\n const email = document.getElementById('emailInput').value;\n if (email && email.includes('@') && email.includes('.')) {\n alert(`\u2705 Terima kasih! eBook \"Smart Switch\" akan dikirim ke ${email} dalam 5 menit.\\n\\nCek folder spam\/promosi jika belum sampai.`);\n document.getElementById('emailInput').value = '';\n closeLeadCapture();\n trackEvent('email_submit', 'success');\n } else {\n alert('\u26a0\ufe0f Masukkan email yang valid untuk mendapatkan ebook gratis!');\n }\n }\n\n function closeLeadCapture() {\n document.getElementById('leadCapture').style.display = 'none';\n }\n\n \/\/ Show email capture after 8 seconds\n setTimeout(() => {\n const capture = document.getElementById('leadCapture');\n if (capture) capture.style.display = 'block';\n }, 8000);\n\n \/\/ Analytics simulation\n function trackEvent(action, label) {\n console.log(`[ANALYTICS] ${action}: ${label}`);\n \/\/ Production: Google Analytics, Facebook Pixel, etc.\n }\n\n \/\/ Initialize\n window.onload = () => {\n setSector('minimarket');\n updatePercent();\n \n \/\/ Auto-calculate on page load\n setTimeout(updateUniverse, 1000);\n \n \/\/ Auto-show challenge modal after 15 seconds\n setTimeout(() => {\n if (!localStorage.getItem('challenge_shown')) {\n openChallengeModal();\n localStorage.setItem('challenge_shown', 'true');\n }\n }, 15000);\n };\n <\/script>\n<\/body>\n<\/html>\n"}],"yoast_head":"\n<title>- Finplan<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.finplan.id\/blog\/2359-2\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- Finplan\" \/>\n<meta property=\"og:description\" content=\"FINPLAN UNIVERSE | Pindah Porsi – Smart Consumption to Investment \ud83d\udd25 2,547 INVESTOR BARU BULAN INI \u2022 ROI RATA-RATA 21.3% \ud83d\ude80 #PindahPorsi Challenge FINPLAN UNIVERSE \u25cf LIVE \u2022 CONNECTED SMART CONSUMPTION \u2192 INVESTMENT JANGAN BERHENTI BELANJA. Ubah mindset dari Pelanggan Biasa jadi Pemilik Saham. *Smart spending meets smart investing \ud83c\udfc6 VIRAL CHALLENGE TAG 3 TEMAN […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.finplan.id\/blog\/2359-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Finplan\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-18T13:45:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.finplan.id\/blog\/#website\",\"url\":\"https:\/\/www.finplan.id\/blog\/\",\"name\":\"Finplan\",\"description\":\"Komunitas belajar investasi\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.finplan.id\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.finplan.id\/blog\/2359-2\/#webpage\",\"url\":\"https:\/\/www.finplan.id\/blog\/2359-2\/\",\"name\":\"- Finplan\",\"isPartOf\":{\"@id\":\"https:\/\/www.finplan.id\/blog\/#website\"},\"datePublished\":\"2026-01-18T13:45:16+00:00\",\"dateModified\":\"2026-01-18T13:45:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.finplan.id\/blog\/2359-2\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.finplan.id\/blog\/2359-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.finplan.id\/blog\/2359-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\"}]}]}<\/script>\n","yoast_head_json":{"title":"- Finplan","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.finplan.id\/blog\/2359-2\/","og_locale":"id_ID","og_type":"article","og_title":"- Finplan","og_description":"FINPLAN UNIVERSE | Pindah Porsi – Smart Consumption to Investment \ud83d\udd25 2,547 INVESTOR BARU BULAN INI \u2022 ROI RATA-RATA 21.3% \ud83d\ude80 #PindahPorsi Challenge FINPLAN UNIVERSE \u25cf LIVE \u2022 CONNECTED SMART CONSUMPTION \u2192 INVESTMENT JANGAN BERHENTI BELANJA. Ubah mindset dari Pelanggan Biasa jadi Pemilik Saham. *Smart spending meets smart investing \ud83c\udfc6 VIRAL CHALLENGE TAG 3 TEMAN […]","og_url":"https:\/\/www.finplan.id\/blog\/2359-2\/","og_site_name":"Finplan","article_modified_time":"2026-01-18T13:45:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.finplan.id\/blog\/#website","url":"https:\/\/www.finplan.id\/blog\/","name":"Finplan","description":"Komunitas belajar investasi","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.finplan.id\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.finplan.id\/blog\/2359-2\/#webpage","url":"https:\/\/www.finplan.id\/blog\/2359-2\/","name":"- Finplan","isPartOf":{"@id":"https:\/\/www.finplan.id\/blog\/#website"},"datePublished":"2026-01-18T13:45:16+00:00","dateModified":"2026-01-18T13:45:17+00:00","breadcrumb":{"@id":"https:\/\/www.finplan.id\/blog\/2359-2\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.finplan.id\/blog\/2359-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.finplan.id\/blog\/2359-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":""}]}]}},"_links":{"self":[{"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/pages\/2359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/comments?post=2359"}],"version-history":[{"count":2,"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/pages\/2359\/revisions"}],"predecessor-version":[{"id":2361,"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/pages\/2359\/revisions\/2361"}],"wp:attachment":[{"href":"https:\/\/www.finplan.id\/blog\/wp-json\/wp\/v2\/media?parent=2359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}