{"id":8,"date":"2026-07-28T14:15:20","date_gmt":"2026-07-28T14:15:20","guid":{"rendered":"https:\/\/thephilosophy.lol\/?page_id=8"},"modified":"2026-07-29T05:56:16","modified_gmt":"2026-07-29T05:56:16","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/thephilosophy.lol\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n Philosophy ($Philo)<\/title>\r\n <!-- Google Fonts: Playfair Display for Elegance & Plus Jakarta Sans for Body -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,500;0,600;1,400&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n <!-- Lucide Icons -->\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <style>\r\n \/* FIX WORDPRESS TOP WHITE SPACE & BASE RESET *\/\r\n html, body, #page, #content, .site-content, article, entry-content {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border: 0 !important;\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n }\r\n \r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n html, body {\r\n height: 100%;\r\n width: 100%;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n color: #1a2a1d;\r\n overflow-x: hidden;\r\n background-color: #0f1e0f;\r\n }\r\n\r\n \/* FULLPAGE HERO CONTAINER (EDGE-TO-EDGE FULLSCREEN) *\/\r\n .hero-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 2rem 1.5rem 2rem 1.5rem;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n\r\n \/* BACKGROUND VIDEO FIT *\/\r\n .bg-video {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n min-width: 100%;\r\n min-height: 100%;\r\n width: auto;\r\n height: auto;\r\n z-index: 1;\r\n transform: translate(-50%, -50%);\r\n object-fit: cover;\r\n }\r\n\r\n \/* OVERLAY LAYER FOR READABILITY *\/\r\n .hero-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(180deg, rgba(248, 249, 246, 0.4) 0%, rgba(248, 249, 246, 0.1) 40%, rgba(15, 30, 15, 0.8) 100%);\r\n z-index: 2;\r\n }\r\n\r\n \/* FLOATING NAVBAR (FROSTED GLASS) *\/\r\n .navbar {\r\n position: relative;\r\n z-index: 10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 90%;\r\n max-width: 900px;\r\n background: rgba(255, 255, 255, 0.65);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n padding: 0.6rem 1.2rem;\r\n border-radius: 50px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n color: #1c3829;\r\n text-decoration: none;\r\n background: rgba(28, 56, 41, 0.1);\r\n padding: 5px 14px 5px 8px;\r\n border-radius: 30px;\r\n }\r\n\r\n .nav-logo-img {\r\n width: 26px;\r\n height: 26px;\r\n object-fit: contain;\r\n border-radius: 50%;\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n align-items: center;\r\n gap: 1.5rem;\r\n list-style: none;\r\n }\r\n\r\n .nav-menu a {\r\n text-decoration: none;\r\n color: #1c3829;\r\n font-size: 0.88rem;\r\n font-weight: 600;\r\n transition: color 0.2s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: #000000;\r\n }\r\n\r\n .btn-connect {\r\n background-color: #1c3829;\r\n color: #ffffff;\r\n border: none;\r\n padding: 0.55rem 1.2rem;\r\n border-radius: 25px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease, transform 0.1s ease;\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .btn-connect:hover {\r\n background-color: #274d38;\r\n transform: translateY(-1px);\r\n }\r\n\r\n \/* HERO CONTENT *\/\r\n .hero-content {\r\n position: relative;\r\n z-index: 10;\r\n text-align: center;\r\n max-width: 800px;\r\n margin-top: auto;\r\n margin-bottom: auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255, 255, 255, 0.75);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.4);\r\n padding: 6px 16px;\r\n border-radius: 20px;\r\n font-size: 0.8rem;\r\n color: #1c3829;\r\n font-weight: 600;\r\n margin-bottom: 1.2rem;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n }\r\n\r\n .badge-icon {\r\n width: 18px;\r\n height: 18px;\r\n object-fit: contain;\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3.8rem;\r\n line-height: 1.15;\r\n color: #1a2a1d;\r\n font-weight: 500;\r\n margin-bottom: 1.5rem;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .hero-title em {\r\n font-style: italic;\r\n font-weight: 400;\r\n }\r\n\r\n .btn-hero {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background-color: #1c3829;\r\n color: #ffffff;\r\n padding: 0.8rem 1.8rem;\r\n border-radius: 30px;\r\n text-decoration: none;\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n box-shadow: 0 10px 20px rgba(28, 56, 41, 0.2);\r\n transition: all 0.2s ease;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-hero:hover {\r\n background-color: #274d38;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* HERO FOOTER & CA BOX AT MAIN SCREEN *\/\r\n .hero-footer {\r\n position: relative;\r\n z-index: 10;\r\n width: 100%;\r\n max-width: 620px;\r\n text-align: center;\r\n color: #ffffff;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .hero-subheadline {\r\n font-size: 0.9rem;\r\n text-shadow: 0 2px 6px rgba(0,0,0,0.6);\r\n opacity: 0.95;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* MAIN SCREEN HERO CONTRACT ADDRESS CARD *\/\r\n .hero-ca-card {\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border: 1px solid rgba(255, 255, 255, 0.4);\r\n border-radius: 30px;\r\n padding: 6px 10px 6px 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n width: 100%;\r\n max-width: 480px;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .hero-ca-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-ca-label {\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n color: #ffffff;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n background: rgba(28, 56, 41, 0.6);\r\n padding: 3px 8px;\r\n border-radius: 12px;\r\n }\r\n\r\n .hero-ca-code {\r\n font-family: monospace;\r\n font-size: 0.82rem;\r\n color: #ffffff;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n .btn-hero-copy {\r\n background: #ffffff;\r\n color: #1c3829;\r\n border: none;\r\n padding: 0.45rem 0.9rem;\r\n border-radius: 20px;\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n white-space: nowrap;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .btn-hero-copy:hover {\r\n background: #e2e8f0;\r\n transform: scale(1.03);\r\n }\r\n\r\n \/* POP-UP MODAL SYSTEM (FROSTED GLASS EFFECT) *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: rgba(10, 20, 12, 0.5);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 999999;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .modal-overlay.active {\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n\r\n .modal-card {\r\n background: rgba(255, 255, 255, 0.85);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.6);\r\n width: 90%;\r\n max-width: 650px;\r\n max-height: 85vh;\r\n border-radius: 28px;\r\n padding: 2.5rem;\r\n position: relative;\r\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);\r\n overflow-y: auto;\r\n transform: translateY(20px);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .modal-overlay.active .modal-card {\r\n transform: translateY(0);\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: 1.5rem;\r\n right: 1.5rem;\r\n background: rgba(28, 56, 41, 0.1);\r\n border: none;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #1c3829;\r\n transition: background 0.2s;\r\n }\r\n\r\n .modal-close:hover {\r\n background: rgba(28, 56, 41, 0.2);\r\n }\r\n\r\n .modal-body {\r\n display: none;\r\n }\r\n\r\n .modal-body.active {\r\n display: block;\r\n }\r\n\r\n .modal-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2rem;\r\n color: #1c3829;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .modal-desc {\r\n color: #2d3748;\r\n line-height: 1.6;\r\n font-size: 0.95rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n \/* GRID & GLASS CARD STYLES *\/\r\n .grid-pillars {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n gap: 1rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .pillar-card {\r\n background: rgba(255, 255, 255, 0.6);\r\n backdrop-filter: blur(8px);\r\n padding: 1.2rem;\r\n border-radius: 16px;\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.02);\r\n }\r\n\r\n .pillar-card h4 {\r\n color: #1c3829;\r\n margin-bottom: 0.4rem;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .pillar-card p {\r\n font-size: 0.8rem;\r\n color: #4a5568;\r\n line-height: 1.4;\r\n }\r\n\r\n .token-info-list {\r\n list-style: none;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .token-info-list li {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 0.75rem 0;\r\n border-bottom: 1px solid rgba(28, 56, 41, 0.1);\r\n font-size: 0.9rem;\r\n color: #2d3748;\r\n }\r\n\r\n .roadmap-phase {\r\n margin-bottom: 1.2rem;\r\n background: rgba(255, 255, 255, 0.6);\r\n padding: 1rem;\r\n border-radius: 14px;\r\n border-left: 3px solid #1c3829;\r\n border-top: 1px solid rgba(255,255,255,0.8);\r\n border-right: 1px solid rgba(255,255,255,0.8);\r\n border-bottom: 1px solid rgba(255,255,255,0.8);\r\n }\r\n\r\n .roadmap-phase h4 {\r\n color: #1c3829;\r\n font-size: 0.95rem;\r\n margin-bottom: 0.4rem;\r\n }\r\n\r\n .roadmap-phase ul {\r\n padding-left: 1.2rem;\r\n font-size: 0.85rem;\r\n color: #4a5568;\r\n }\r\n\r\n \/* MODAL CONTRACT ADDRESS (CA) CARD *\/\r\n .ca-card {\r\n background: rgba(28, 56, 41, 0.05);\r\n border: 1px solid rgba(28, 56, 41, 0.18);\r\n border-radius: 18px;\r\n padding: 1.2rem;\r\n margin: 1.5rem 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .ca-card-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n color: #1c3829;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .ca-box {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n background: #ffffff;\r\n padding: 0.75rem 1rem;\r\n border-radius: 12px;\r\n border: 1px solid rgba(28, 56, 41, 0.12);\r\n }\r\n\r\n .ca-code {\r\n font-family: monospace;\r\n font-size: 0.88rem;\r\n color: #1c3829;\r\n font-weight: 700;\r\n word-break: break-all;\r\n }\r\n\r\n .btn-copy {\r\n background: #1c3829;\r\n color: #ffffff;\r\n border: none;\r\n padding: 0.6rem 1.1rem;\r\n border-radius: 10px;\r\n font-size: 0.82rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n white-space: nowrap;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .btn-copy:hover {\r\n background: #274d38;\r\n transform: scale(1.02);\r\n }\r\n\r\n .footer-modal-content {\r\n border-top: 1px solid rgba(28, 56, 41, 0.1);\r\n padding-top: 1rem;\r\n margin-top: 1.5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 0.8rem;\r\n color: #718096;\r\n }\r\n\r\n \/* RESPONSIVE DESIGN (MOBILE READY) *\/\r\n @media (max-width: 768px) {\r\n .hero-title {\r\n font-size: 2.3rem;\r\n }\r\n\r\n .navbar {\r\n width: 95%;\r\n padding: 0.5rem 0.8rem;\r\n }\r\n\r\n .nav-menu {\r\n display: none;\r\n }\r\n\r\n .modal-card {\r\n padding: 1.5rem;\r\n }\r\n\r\n .hero-ca-card {\r\n flex-direction: column;\r\n align-items: stretch;\r\n border-radius: 20px;\r\n padding: 10px;\r\n gap: 8px;\r\n }\r\n\r\n .hero-ca-info {\r\n justify-content: center;\r\n }\r\n\r\n .btn-hero-copy {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .ca-box {\r\n flex-direction: column;\r\n align-items: stretch;\r\n text-align: center;\r\n }\r\n\r\n .btn-copy {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- MAIN FULLSCREEN HERO SECTION -->\r\n <section class=\"hero-container\">\r\n \r\n <!-- Background Video -->\r\n <video class=\"bg-video\" autoplay loop muted playsinline poster=\"https:\/\/thephilosophy.lol\/wp-content\/uploads\/2026\/07\/HERO-PHILOSOPHY-2.mp4\">\r\n <source src=\"https:\/\/thephilosophy.lol\/wp-content\/uploads\/2026\/07\/HERO-PHILOSOPHY-2.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <!-- Visual Layer Overlay -->\r\n <div class=\"hero-overlay\"><\/div>\r\n \r\n <!-- Floating Navigation Bar -->\r\n <nav class=\"navbar\">\r\n <a href=\"#\" class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/thephilosophy.lol\/wp-content\/uploads\/2026\/07\/ICON-WEB-PHILOSOPHY-1.png\" alt=\"Philosophy Logo\" class=\"nav-logo-img\">\r\n $Philo\r\n <\/a>\r\n \r\n <ul class=\"nav-menu\">\r\n <li><a onclick=\"openModal('about')\">About ($Philo)<\/a><\/li>\r\n <li><a onclick=\"openModal('philosophy')\">Vision & Philosophy<\/a><\/li>\r\n <li><a onclick=\"openModal('tokenomics')\">Tokenomics<\/a><\/li>\r\n <li><a onclick=\"openModal('community')\">Community<\/a><\/li>\r\n <\/ul>\r\n\r\n <!-- TOMBOL BUY NAVBAR LINK -->\r\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=9jFMtdTtREkwnimNwagzr8fhM8R3e2cpVXK2m9eNpump\" target=\"_blank\" class=\"btn-connect\">Buy $Philo<\/a>\r\n <\/nav>\r\n\r\n <!-- Center Hero Content -->\r\n <div class=\"hero-content\">\r\n <div class=\"badge\">\r\n <img decoding=\"async\" src=\"https:\/\/thephilosophy.lol\/wp-content\/uploads\/2026\/07\/ICON-WEB-PHILOSOPHY-1.png\" alt=\"Icon\" class=\"badge-icon\">\r\n Philosophy\r\n <\/div>\r\n \r\n <h1 class=\"hero-title\">\r\n Simplicity, Depth, and <em>Enduring Value.<\/em>\r\n <\/h1>\r\n\r\n <div style=\"display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;\">\r\n <button class=\"btn-hero\" onclick=\"openModal('about')\">\r\n <i data-lucide=\"compass\" size=\"18\"><\/i> Explore Ecosystem\r\n <\/button>\r\n <button class=\"btn-hero\" style=\"background: rgba(255,255,255,0.88); color: #1c3829;\" onclick=\"openModal('community')\">\r\n Join Community\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Bottom Hero Content & Copyable CA Card -->\r\n <div class=\"hero-footer\">\r\n <p class=\"hero-subheadline\">\r\n Amidst a fast-moving market, Philosophy brings a perspective of clarity\u2014building value on a foundation of reason and long-term sustainability.\r\n <\/p>\r\n\r\n <!-- CONTRACT ADDRESS (CA) CARD ON MAIN SCREEN -->\r\n <div class=\"hero-ca-card\">\r\n <div class=\"hero-ca-info\">\r\n <span class=\"hero-ca-label\">CA<\/span>\r\n <span class=\"hero-ca-code\" id=\"mainCaText\">9jFMtdTtREkwnimNwagzr8fhM8R3e2cpVXK2m9eNpump<\/span>\r\n <\/div>\r\n <button class=\"btn-hero-copy\" onclick=\"copyCA('mainCaText', 'mainCopyBtnText')\">\r\n <i data-lucide=\"copy\" size=\"14\"><\/i> <span id=\"mainCopyBtnText\">Copy<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- SINGLE POP-UP MODAL STRUCTURE -->\r\n <div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"closeModalOnOverlay(event)\">\r\n <div class=\"modal-card\">\r\n <button class=\"modal-close\" onclick=\"closeModal()\">\r\n <i data-lucide=\"x\" size=\"20\"><\/i>\r\n <\/button>\r\n\r\n <!-- 1. ABOUT CONTENT -->\r\n <div class=\"modal-body\" id=\"modal-about\">\r\n <h2 class=\"modal-title\">Why Philosophy?<\/h2>\r\n <p class=\"modal-desc\">\r\n Trends may come and go in a matter of days, but solid ideas and core values always find a way to endure. <strong>Philosophy ($Philo)<\/strong> was not created out of short-term speculation, but from a desire to foster a balanced and meaningful space for token holders.\r\n <\/p>\r\n <p class=\"modal-desc\">\r\n We believe that the true strength of a crypto project lies in clarity of purpose, transparency, and a community that shares a unified vision of long-term value.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- 2. PHILOSOPHY & CORE PILLARS CONTENT -->\r\n <div class=\"modal-body\" id=\"modal-philosophy\">\r\n <h2 class=\"modal-title\">Vision & Core Pillars<\/h2>\r\n <p class=\"modal-desc\">Our foundation is guided by three essential principles designed to sustain growth and stability.<\/p>\r\n \r\n <div class=\"grid-pillars\">\r\n <div class=\"pillar-card\">\r\n <h4>Clarity of Thought<\/h4>\r\n <p>We prioritize a rational approach in every step. Decisions and developments are guided by sound market logic and objective reasoning.<\/p>\r\n <\/div>\r\n <div class=\"pillar-card\">\r\n <h4>Balance<\/h4>\r\n <p>The ecosystem is structured to maintain harmony between sustainable growth, fair distribution, and flexibility for all community members.<\/p>\r\n <\/div>\r\n <div class=\"pillar-card\">\r\n <h4>Value-Driven Culture<\/h4>\r\n <p>A healthy space for discussion, focused on learning, mutual growth, and constructive dialogue among $Philo holders.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 3. TOKENOMICS CONTENT -->\r\n <div class=\"modal-body\" id=\"modal-tokenomics\">\r\n <h2 class=\"modal-title\">Transparent Tokenomics<\/h2>\r\n <p class=\"modal-desc\">A straightforward structure designed for stability, clarity, and sustainable ecosystem growth.<\/p>\r\n \r\n <ul class=\"token-info-list\">\r\n <li><span>1. Token Name<\/span> <strong>Philosophy<\/strong><\/li>\r\n <li><span>2. Token Ticker<\/span> <strong>$Philo<\/strong><\/li>\r\n <li><span>3. Total Supply<\/span> <strong>1,000,000,000 $Philo<\/strong><\/li>\r\n <li><span>4. Buy Tax<\/span> <strong>0% (Frictionless)<\/strong><\/li>\r\n <li><span>5. Sell Tax<\/span> <strong>0% (Frictionless)<\/strong><\/li>\r\n <li><span>6. Ownership Status<\/span> <strong>Renounced \/ Transparent<\/strong><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- 4. ROADMAP CONTENT -->\r\n <div class=\"modal-body\" id=\"modal-roadmap\">\r\n <h2 class=\"modal-title\">Strategic Roadmap<\/h2>\r\n \r\n <div class=\"roadmap-phase\">\r\n <h4>Phase 1: The Foundation<\/h4>\r\n <ul>\r\n <li>Transparent launch of $Philo.<\/li>\r\n <li>Establishing community foundations on X (Twitter) & Telegram.<\/li>\r\n <li>Smart contract audit and initial index listings.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"roadmap-phase\">\r\n <h4>Phase 2: Community Expansion<\/h4>\r\n <ul>\r\n <li>Educational initiatives and structured discussions for holders.<\/li>\r\n <li>Strategic partnerships with like-minded creators and market analysts.<\/li>\r\n <li>Enhancing market accessibility across multiple platforms.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"roadmap-phase\">\r\n <h4>Phase 3: Long-Term Sustainability<\/h4>\r\n <ul>\r\n <li>Development of core ecosystem utilities.<\/li>\r\n <li>Hosting global community forums and collaborative initiatives.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 5. COMMUNITY CONTENT (TWITTER & TELEGRAM LINKS) -->\r\n <div class=\"modal-body\" id=\"modal-community\">\r\n <h2 class=\"modal-title\">Join the Community<\/h2>\r\n <p class=\"modal-desc\">Be part of a value-driven culture focused on constructive dialogue and sustainable crypto growth.<\/p>\r\n <div style=\"display: flex; gap: 10px; margin-top: 1rem;\">\r\n <a href=\"https:\/\/x.com\/thephilos0phy\" target=\"_blank\" class=\"btn-hero\" style=\"flex: 1; text-align: center; justify-content: center;\">X (Twitter)<\/a>\r\n <a href=\"https:\/\/t.me\/thephilos0phy\" target=\"_blank\" class=\"btn-hero\" style=\"flex: 1; text-align: center; justify-content: center; background: #229ED9;\">Telegram<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 6. BUY \/ CONNECT WALLET (BUY LINK) -->\r\n <div class=\"modal-body\" id=\"modal-connect\">\r\n <h2 class=\"modal-title\">Acquire $Philo<\/h2>\r\n <p class=\"modal-desc\">Trade directly on decentralized exchanges or connect your wallet with 0% transaction tax.<\/p>\r\n \r\n <div class=\"ca-card\">\r\n <div class=\"ca-card-header\">\r\n <i data-lucide=\"shield-check\" size=\"16\"><\/i>\r\n Official Contract Address (CA)\r\n <\/div>\r\n <div class=\"ca-box\">\r\n <span class=\"ca-code\" id=\"modalCaText\">0x000000000000000000000000000000000000Philo<\/span>\r\n <button class=\"btn-copy\" onclick=\"copyCA('modalCaText', 'modalCopyBtnText')\">\r\n <i data-lucide=\"copy\" size=\"14\"><\/i> <span id=\"modalCopyBtnText\">Copy Address<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- TOMBOL BUY MODAL LINK -->\r\n <a href=\"YOUR-LINK\" target=\"_blank\" class=\"btn-hero\" style=\"width: 100%; justify-content: center; margin-top: 0.5rem; text-decoration: none;\">Buy $Philo<\/a>\r\n <\/div>\r\n\r\n <!-- 7. FOOTER & LINKS CONTENT -->\r\n <div class=\"modal-body\" id=\"modal-footer\">\r\n <h2 class=\"modal-title\">Documentation & Links<\/h2>\r\n <ul class=\"token-info-list\">\r\n <li><span>Whitepaper<\/span> <a href=\"YOUR-LINK\" target=\"_blank\" style=\"color:#1c3829; font-weight:600;\">View Document<\/a><\/li>\r\n <li><span>DexScreener<\/span> <a href=\"YOUR-LINK\" target=\"_blank\" style=\"color:#1c3829; font-weight:600;\">View Chart<\/a><\/li>\r\n <li><span>DEXTools<\/span> <a href=\"YOUR-LINK\" target=\"_blank\" style=\"color:#1c3829; font-weight:600;\">View Analytics<\/a><\/li>\r\n <\/ul>\r\n\r\n <div class=\"footer-modal-content\">\r\n <span><em>\"Wisdom in Motion.\"<\/em><\/span>\r\n <span>\u00a9 2026 Philosophy ($Philo)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- JAVASCRIPT FOR INTERACTION & COPY FUNCTIONALITY -->\r\n <script>\r\n \/\/ Initialize Lucide Icons\r\n lucide.createIcons();\r\n\r\n \/\/ Modal Control Functions\r\n function openModal(targetId) {\r\n const overlay = document.getElementById('modalOverlay');\r\n const bodies = document.querySelectorAll('.modal-body');\r\n \r\n \/\/ Hide all content bodies\r\n bodies.forEach(body => body.classList.remove('active'));\r\n \r\n \/\/ Show selected content body\r\n const targetBody = document.getElementById('modal-' + targetId);\r\n if (targetBody) {\r\n targetBody.classList.add('active');\r\n overlay.classList.add('active');\r\n }\r\n }\r\n\r\n function closeModal() {\r\n const overlay = document.getElementById('modalOverlay');\r\n overlay.classList.remove('active');\r\n }\r\n\r\n function closeModalOnOverlay(e) {\r\n if (e.target.id === 'modalOverlay') {\r\n closeModal();\r\n }\r\n }\r\n\r\n \/\/ Universal Copy Contract Address Functionality\r\n function copyCA(targetTextId, targetBtnId) {\r\n const caText = document.getElementById(targetTextId).innerText;\r\n const copyBtnText = document.getElementById(targetBtnId);\r\n \r\n navigator.clipboard.writeText(caText).then(() => {\r\n const originalText = copyBtnText.innerText;\r\n copyBtnText.innerText = \"Copied!\";\r\n setTimeout(() => {\r\n copyBtnText.innerText = originalText;\r\n }, 2000);\r\n }).catch(err => {\r\n console.error('Failed to copy address: ', err);\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Philosophy ($Philo) $Philo About ($Philo) Vision & Philosophy Tokenomics Community Buy $Philo Philosophy Simplicity, Depth, and Enduring Value. Explore Ecosystem Join Community Amidst a fast-moving market, Philosophy brings a perspective of clarity\u2014building value on a foundation of reason and long-term sustainability. CA 9jFMtdTtREkwnimNwagzr8fhM8R3e2cpVXK2m9eNpump Copy Why Philosophy? Trends may come and go in a matter of […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thephilosophy.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thephilosophy.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thephilosophy.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thephilosophy.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thephilosophy.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":22,"href":"https:\/\/thephilosophy.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/thephilosophy.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/thephilosophy.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}