{"id":8,"date":"2026-06-28T14:32:20","date_gmt":"2026-06-28T14:32:20","guid":{"rendered":"https:\/\/shuppet.lol\/?page_id=8"},"modified":"2026-06-29T04:13:08","modified_gmt":"2026-06-29T04:13:08","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/shuppet.lol\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b28e405 e-flex e-con-boxed e-con e-parent\" data-id=\"b28e405\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/shuppet.lol\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/HERO-SHUPPET.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-0243763 e-con-full e-flex e-con e-child\" data-id=\"0243763\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac732c2 elementor-widget elementor-widget-html\" data-id=\"ac732c2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    \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=Grandstander:ital,wght@0,100..900;1,100..900&family=Schoolbell&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* Menggunakan Namespace Khusus Agar Tidak Merusak CSS Tema Utama WordPress *\/\r\n        .shuppet-wp-container * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        \/* Kontainer Utama yang Mengikuti Lebar Alami Kolom WordPress *\/\r\n        .shuppet-wp-container {\r\n            width: 100%;\r\n            background: transparent;\r\n            font-family: 'Schoolbell', cursive !important;\r\n        }\r\n\r\n        \/* Header Container dengan Style Krayon *\/\r\n        .shuppet-wp-container .header-nav {\r\n            width: 100%;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            border: 4px solid #333333;\r\n            border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n            box-shadow: 4px 4px 0px #333333;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 15px 30px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .shuppet-wp-container .header-nav:hover {\r\n            transform: translateY(-2px) rotate(-0.5deg);\r\n            box-shadow: 6px 6px 0px #4b7bec;\r\n        }\r\n\r\n        \/* Paksa font logo menggunakan Grandstander *\/\r\n        .shuppet-wp-container .logo-text {\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 700 !important;\r\n            font-size: 1.8rem;\r\n            color: #1e272e;\r\n            text-shadow: 2px 2px 0px #f8d078;\r\n            text-decoration: none;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        \/* Menu Navigasi *\/\r\n        .shuppet-wp-container .nav-menu {\r\n            display: flex;\r\n            gap: 25px;\r\n            list-style: none;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* Paksa font item menu menggunakan Grandstander *\/\r\n        .shuppet-wp-container .nav-item a, \r\n        .shuppet-wp-container .nav-item button {\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 600 !important;\r\n            font-size: 1.15rem;\r\n            color: #2c3e50;\r\n            text-decoration: none;\r\n            background: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            position: relative;\r\n            transition: color 0.2s ease;\r\n            padding: 0;\r\n        }\r\n\r\n        .shuppet-wp-container .nav-item a:hover, \r\n        .shuppet-wp-container .nav-item button:hover {\r\n            color: #ff5e57;\r\n        }\r\n\r\n        .shuppet-wp-container .nav-item a::after, \r\n        .shuppet-wp-container .nav-item button::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 0;\r\n            height: 3px;\r\n            bottom: -4px;\r\n            left: 0;\r\n            background-color: #ff5e57;\r\n            border-radius: 2px;\r\n            transition: width 0.2s ease;\r\n        }\r\n\r\n        .shuppet-wp-container .nav-item a:hover::after, \r\n        .shuppet-wp-container .nav-item button:hover::after {\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Tombol Swap Now *\/\r\n        .shuppet-wp-container .btn-swap {\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 600 !important;\r\n            font-size: 1.05rem;\r\n            color: #ffffff;\r\n            background: #4b7bec;\r\n            border: 3px solid #333333;\r\n            padding: 8px 22px;\r\n            text-decoration: none;\r\n            cursor: pointer;\r\n            border-radius: 100px 15px 100px 15px\/15px 100px 15px 100px;\r\n            box-shadow: 3px 3px 0px #333333;\r\n            transition: transform 0.1s ease, box-shadow 0.1s ease, background 0.2s ease;\r\n        }\r\n\r\n        .shuppet-wp-container .btn-swap:hover {\r\n            background: #3867d6;\r\n            transform: translate(-2px, -2px);\r\n            box-shadow: 5px 5px 0px #333333;\r\n        }\r\n\r\n        \/* POP-UP MODAL SYSTEM STYLE *\/\r\n        .shuppet-modal {\r\n            display: none; \r\n            position: fixed;\r\n            z-index: 99999;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            backdrop-filter: blur(4px);\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n        }\r\n\r\n        .shuppet-modal .modal-content {\r\n            background: #ffffff;\r\n            border: 4px solid #333;\r\n            border-radius: 15px 255px 15px 225px\/225px 15px 255px 15px;\r\n            max-width: 600px;\r\n            width: 100%;\r\n            padding: 30px;\r\n            box-shadow: 8px 8px 0px #333;\r\n            position: relative;\r\n            animation: popIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        }\r\n\r\n        @keyframes popIn {\r\n            from { transform: scale(0.8); opacity: 0; }\r\n            to { transform: scale(1); opacity: 1; }\r\n        }\r\n\r\n        \/* Proteksi Spesifisitas Judul Modal dengan Grandstander *\/\r\n        .shuppet-modal .modal-content h2 {\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 15px;\r\n            color: #1e272e;\r\n            text-shadow: 2px 2px 0px #f8d078;\r\n            display: block;\r\n        }\r\n\r\n        .shuppet-modal .modal-content h3 {\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 600 !important;\r\n            margin-top: 15px;\r\n            margin-bottom: 5px;\r\n            color: #4b7bec;\r\n            display: block;\r\n        }\r\n\r\n        \/* Tipografi Deskripsi Modal - Menggunakan Schoolbell *\/\r\n        .shuppet-modal .modal-content p, \r\n        .shuppet-modal .modal-content ul, \r\n        .shuppet-modal .modal-content li {\r\n            font-family: 'Schoolbell', cursive !important;\r\n            font-weight: 400 !important;\r\n            color: #2c3e50;\r\n            line-height: 1.6;\r\n            font-size: 1.15rem;\r\n        }\r\n\r\n        \/* Desain Tombol Krayon di Dalam Modal *\/\r\n        .shuppet-modal .modal-btn-group {\r\n            margin-top: 20px;\r\n            display: flex;\r\n            gap: 15px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .shuppet-modal .btn-modal-action {\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 600 !important;\r\n            font-size: 1rem;\r\n            color: #ffffff;\r\n            text-decoration: none;\r\n            padding: 10px 20px;\r\n            border: 3px solid #333;\r\n            border-radius: 50px 15px 45px 15px\/15px 40px 15px 50px;\r\n            box-shadow: 3px 3px 0px #333;\r\n            cursor: pointer;\r\n            transition: transform 0.1s ease, box-shadow 0.1s ease;\r\n        }\r\n\r\n        .shuppet-modal .btn-modal-action:hover {\r\n            transform: translate(-2px, -2px);\r\n            box-shadow: 5px 5px 0px #333;\r\n        }\r\n\r\n        .shuppet-modal .btn-telegram { background: #0088cc; }\r\n        .shuppet-modal .btn-chart { background: #20bf6b; }\r\n\r\n        .shuppet-modal .modal-close {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 20px;\r\n            background: #ff5e57;\r\n            border: 2px solid #333;\r\n            width: 35px;\r\n            height: 35px;\r\n            border-radius: 50%;\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 600 !important;\r\n            color: white;\r\n            font-size: 1.2rem;\r\n            cursor: pointer;\r\n            box-shadow: 2px 2px 0px #333;\r\n        }\r\n\r\n        .shuppet-modal .modal-close:hover {\r\n            background: #ff3f34;\r\n            transform: translate(-1px, -1px);\r\n            box-shadow: 3px 3px 0px #333;\r\n        }\r\n\r\n        .shuppet-modal .pop-list {\r\n            list-style-type: '\u26a1 ';\r\n            padding-left: 20px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .shuppet-modal .pop-list li {\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        \/* Responsive Mobile *\/\r\n        @media (max-width: 768px) {\r\n            .shuppet-wp-container .header-nav {\r\n                flex-direction: column;\r\n                gap: 15px;\r\n                padding: 15px;\r\n                text-align: center;\r\n                border-radius: 50px 12px 50px 12px\/12px 50px 12px 50px;\r\n            }\r\n\r\n            .shuppet-wp-container .logo-text { font-size: 1.5rem; }\r\n\r\n            .shuppet-wp-container .nav-menu {\r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n                gap: 15px;\r\n                width: 100%;\r\n            }\r\n\r\n            .shuppet-wp-container .nav-item a, \r\n            .shuppet-wp-container .nav-item button { font-size: 1rem; }\r\n\r\n            .shuppet-wp-container .btn-swap {\r\n                width: 80%;\r\n                display: block;\r\n                margin: 5px auto 0;\r\n                font-size: 0.95rem;\r\n                padding: 6px 15px;\r\n            }\r\n\r\n            .shuppet-modal .modal-content {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .shuppet-modal .modal-content p, \r\n            .shuppet-modal .modal-content ul, \r\n            .shuppet-modal .modal-content li {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .shuppet-modal .modal-btn-group {\r\n                flex-direction: column;\r\n                gap: 10px;\r\n            }\r\n\r\n            .shuppet-modal .btn-modal-action {\r\n                width: 100%;\r\n                text-align: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"shuppet-wp-container\">\r\n\r\n        <header class=\"header-nav\">\r\n            <a href=\"#\" class=\"logo-text\">$SHUPPET<\/a>\r\n            \r\n            <nav>\r\n                <ul class=\"nav-menu\">\r\n                    <li class=\"nav-item\"><a href=\"#home\">Home<\/a><\/li>\r\n                    <li class=\"nav-item\"><a href=\"#about\">About<\/a><\/li>\r\n                    <li class=\"nav-item\"><button onclick=\"openModal('visionModal')\">Vision<\/button><\/li>\r\n                    <li class=\"nav-item\"><button onclick=\"openModal('ecosystemModal')\">Ecosystem<\/button><\/li>\r\n                    <li class=\"nav-item\"><a href=\"#roadmap\">Roadmap<\/a><\/li>\r\n                    <li class=\"nav-item\"><button onclick=\"openModal('communityModal')\">Community<\/button><\/li>\r\n                <\/ul>\r\n            <\/nav>\r\n            \r\n            <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=4j8LnnpiFw7bSSx1NH19GY9UxvBN4zD9ecESMDRapump\" target=\"_blank\" class=\"btn-swap\">Swap Now<\/a>\r\n        <\/header>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div id=\"visionModal\" class=\"shuppet-modal\" onclick=\"closeModalOnBackdrop(event, 'visionModal')\">\r\n        <div class=\"modal-content\">\r\n            <button class=\"modal-close\" onclick=\"closeModal('visionModal')\">X<\/button>\r\n            <h2>Realistic. Transparent. Value-Driven.<\/h2>\r\n            <h3>Our Vision<\/h3>\r\n            <p>To set the gold standard for utility tokens by focusing on resilience and long-term value, transforming market volatility from something to be feared into a tool for growth.<\/p>\r\n            <h3>Our Mission<\/h3>\r\n            <ul class=\"pop-list\">\r\n                <li><strong>Intelligent Stability:<\/strong> Real-time dynamic burning algorithms that react when emotion runs high.<\/li>\r\n                <li><strong>Community Empowerment:<\/strong> Captured market value is redistributed back to loyal holders through our DAO.<\/li>\r\n                <li><strong>Premium Utility:<\/strong> Strategic partnerships delivering tangible real-world integration.<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"ecosystemModal\" class=\"shuppet-modal\" onclick=\"closeModalOnBackdrop(event, 'ecosystemModal')\">\r\n        <div class=\"modal-content\">\r\n            <button class=\"modal-close\" onclick=\"closeModal('ecosystemModal')\">X<\/button>\r\n            <h2>The Power Behind the Horn<\/h2>\r\n            <p>The core mechanics of $SHUPPET operate on three fundamental pillars:<\/p>\r\n            <h3>A. The Absorption Protocol<\/h3>\r\n            <p>Utilizes a dynamic transaction fee mechanism during high volatility to automatically fund token buybacks.<\/p>\r\n            <h3>B. Resilience Rewards<\/h3>\r\n            <p>Long-term resilient holders (HODLers) receive a larger distribution of rewards during market corrections.<\/p>\r\n            <h3>C. Shadow Utility<\/h3>\r\n            <p>$SHUPPET serves as the exclusive access token for our premium market sentiment analysis suite, \"The Shadow Scope\".<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"communityModal\" class=\"shuppet-modal\" onclick=\"closeModalOnBackdrop(event, 'communityModal')\">\r\n        <div class=\"modal-content\">\r\n            <button class=\"modal-close\" onclick=\"closeModal('communityModal')\">X<\/button>\r\n            <h2>Turn Market Noise into Your Future<\/h2>\r\n            <p>The Shuppet Project is a movement toward a smarter, more resilient way of navigating the crypto market.<\/p>\r\n            <p style=\"margin-top: 12px; font-weight: bold; color: #ff5e57;\">We invite you to join a community that doesn't fear market downturns, but instead recognizes them as a fertile ground for opportunity.<\/p>\r\n            <h3>Hold $SHUPPET, Become the Vanguard.<\/h3>\r\n            \r\n            <div class=\"modal-btn-group\">\r\n                <a href=\"https:\/\/t.me\/theshuppet\" target=\"_blank\" class=\"btn-modal-action btn-telegram\">Join Telegram<\/a>\r\n                <a href=\"https:\/\/dexscreener.com\/solana\/4j8LnnpiFw7bSSx1NH19GY9UxvBN4zD9ecESMDRapump\" target=\"_blank\" class=\"btn-modal-action btn-chart\">Live Chart<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n\r\n    <script>\r\n        function openModal(modalId) {\r\n            document.getElementById(modalId).style.display = \"flex\";\r\n        }\r\n\r\n        function closeModal(modalId) {\r\n            document.getElementById(modalId).style.display = \"none\";\r\n        }\r\n\r\n        function closeModalOnBackdrop(event, modalId) {\r\n            if (event.target === document.getElementById(modalId)) {\r\n                closeModal(modalId);\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8797c5 e-con-full e-flex e-con e-child\" data-id=\"e8797c5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cf068d elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"1cf068d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    \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=Grandstander:ital,wght@0,100..900;1,100..900&family=Schoolbell&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* Namespace Khusus Agar Tidak Merusak CSS Tema WordPress *\/\r\n        .shuppet-wp-container * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .shuppet-wp-container {\r\n            width: 100%;\r\n            background: transparent;\r\n            font-family: 'Schoolbell', cursive !important;\r\n        }\r\n\r\n        \/* Area Konten Tanpa Card Utama *\/\r\n        .shuppet-wp-container .hero-content-section {\r\n            width: 100%;\r\n            padding: 20px 10px;\r\n            text-align: left; \/* Rata Kiri *\/\r\n        }\r\n\r\n        \/* Judul Hero Menggunakan Font Grandstander *\/\r\n        .shuppet-wp-container .hero-content-section h1 {\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 800 !important;\r\n            font-size: 2.6rem;\r\n            color: #ffee55; \/* Menggunakan Kuning Neon Cerah agar sangat mencolok *\/\r\n            text-shadow: 3px 3px 0px #1e272e, -1px -1px 0px #1e272e, 1px -1px 0px #1e272e, -1px 1px 0px #1e272e;\r\n            line-height: 1.2;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        \/* Teks Deskripsi Diubah ke Putih Bersih Cerah Terang dengan Outline Lembut *\/\r\n        .shuppet-wp-container .hero-content-section p {\r\n            font-family: 'Schoolbell', cursive !important;\r\n            font-weight: 400 !important;\r\n            font-size: 1.35rem;\r\n            color: #ffffff; \/* Putih Cerah Murni *\/\r\n            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);\r\n            line-height: 1.6;\r\n            max-width: 900px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        \/* Container Group untuk Tombol Aksi *\/\r\n        .shuppet-wp-container .hero-btn-group {\r\n            display: flex;\r\n            gap: 15px;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        \/* Desain Dasar Tombol Krayon *\/\r\n        .shuppet-wp-container .btn-crayon {\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 600 !important;\r\n            font-size: 1.1rem;\r\n            color: #ffffff;\r\n            text-decoration: none;\r\n            padding: 12px 28px;\r\n            border: 3px solid #333333;\r\n            border-radius: 100px 15px 95px 15px\/15px 90px 15px 100px;\r\n            box-shadow: 3px 3px 0px #333333;\r\n            cursor: pointer;\r\n            display: inline-block;\r\n            transition: transform 0.1s ease, box-shadow 0.1s ease;\r\n        }\r\n\r\n        .shuppet-wp-container .btn-crayon:hover {\r\n            transform: translate(-2px, -2px);\r\n            box-shadow: 5px 5px 0px #333333;\r\n        }\r\n\r\n        .shuppet-wp-container .btn-crayon:active {\r\n            transform: translate(1px, 1px);\r\n            box-shadow: 1px 1px 0px #333333;\r\n        }\r\n\r\n        \/* Variasi Warna Tombol *\/\r\n        .shuppet-wp-container .btn-x { background: #000000; }\r\n        .shuppet-wp-container .btn-tg { background: #0088cc; }\r\n        .shuppet-wp-container .btn-chart { background: #20bf6b; }\r\n        .shuppet-wp-container .btn-swap-main { background: #4b7bec; }\r\n\r\n        \/* Struktur Kolom Copy Contract Address (CA) *\/\r\n        .shuppet-wp-container .ca-wrapper {\r\n            max-width: 650px;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Label CA diubah menjadi Putih Cerah agar kontras *\/\r\n        .shuppet-wp-container .ca-title {\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 700 !important;\r\n            font-size: 1.1rem;\r\n            color: #ffffff;\r\n            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        \/* PERBAIKAN: Desain boks CA disamakan dengan tema tombol (Garis tebal krayon & efek pop-out 2D) *\/\r\n        .shuppet-wp-container .ca-container {\r\n            display: flex;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            border: 3px solid #333333;\r\n            border-radius: 100px 15px 95px 15px\/15px 90px 15px 100px;\r\n            overflow: hidden;\r\n            align-items: center;\r\n            box-shadow: 3px 3px 0px #333333;\r\n        }\r\n\r\n        \/* Font teks CA menggunakan Schoolbell dengan warna kontras gelap di dalam kotak putih *\/\r\n        .shuppet-wp-container .ca-text {\r\n            flex: 1;\r\n            padding: 14px 15px;\r\n            font-size: 1.1rem;\r\n            color: #1e272e;\r\n            font-family: 'Schoolbell', cursive !important;\r\n            font-weight: 400 !important;\r\n            background: transparent;\r\n            border: none;\r\n            outline: none;\r\n            white-space: nowrap;\r\n            overflow-x: auto;\r\n        }\r\n\r\n        \/* Tombol Copy CA dengan sentuhan font Grandstander *\/\r\n        .shuppet-wp-container .btn-copy {\r\n            background: #ffa801;\r\n            border: none;\r\n            border-left: 3px solid #333333;\r\n            padding: 14px 25px;\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 600 !important;\r\n            font-size: 1.05rem;\r\n            color: #333333;\r\n            cursor: pointer;\r\n            transition: background 0.2s ease, color 0.2s ease;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .shuppet-wp-container .btn-copy:hover {\r\n            background: #ffc048;\r\n        }\r\n\r\n        \/* Responsive Mobile - Penataan Rapi Tanpa Keluar Batas *\/\r\n        @media (max-width: 768px) {\r\n            .shuppet-wp-container .hero-content-section h1 {\r\n                font-size: 1.9rem;\r\n            }\r\n\r\n            .shuppet-wp-container .hero-content-section p {\r\n                font-size: 1.1rem;\r\n                margin-bottom: 25px;\r\n            }\r\n\r\n            .shuppet-wp-container .hero-btn-group {\r\n                flex-direction: column;\r\n                gap: 10px;\r\n                width: 100%;\r\n            }\r\n\r\n            .shuppet-wp-container .btn-crayon {\r\n                width: 100%;\r\n                text-align: center;\r\n                font-size: 1rem;\r\n                padding: 10px 20px;\r\n            }\r\n\r\n            .shuppet-wp-container .ca-container {\r\n                flex-direction: column;\r\n                align-items: stretch;\r\n                border-radius: 15px; \/* Bentuk melengkung standar jika ditumpuk vertikal di mobile *\/\r\n            }\r\n\r\n            .shuppet-wp-container .ca-text {\r\n                width: 100%;\r\n                text-align: center;\r\n                border-bottom: 3px solid #333333;\r\n                padding: 12px;\r\n            }\r\n\r\n            .shuppet-wp-container .btn-copy {\r\n                border-left: none;\r\n                width: 100%;\r\n                padding: 12px;\r\n                text-align: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"shuppet-wp-container\">\r\n        \r\n        <section class=\"hero-content-section\">\r\n            <h1>SHUPPET ($SHUPPET): Transforming Market Sentiment into Golden Opportunities<\/h1>\r\n            \r\n            <p>\r\n                Welcome to the next evolution of utility tokens. Inspired by the unique traits of the Puppet Pok\u00e9mon, Shuppet, we are building a blockchain ecosystem designed to absorb market inefficiencies\u2014the 'negative energy' of uncertainty and market volatility\u2014and channel them into sustainable community growth.\r\n            <\/p>\r\n\r\n            <div class=\"hero-btn-group\">\r\n                <a href=\"https:\/\/x.com\/theshuppet\" target=\"_blank\" class=\"btn-crayon btn-x\">Twitter<\/a>\r\n                <a href=\"https:\/\/t.me\/theshuppet\" target=\"_blank\" class=\"btn-crayon btn-tg\">Telegram<\/a>\r\n                <a href=\"https:\/\/dexscreener.com\/solana\/4j8LnnpiFw7bSSx1NH19GY9UxvBN4zD9ecESMDRapump\" target=\"_blank\" class=\"btn-crayon btn-chart\">Live Chart<\/a>\r\n                <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=4j8LnnpiFw7bSSx1NH19GY9UxvBN4zD9ecESMDRapump\" target=\"_blank\" class=\"btn-crayon btn-swap-main\">Swap Now<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"ca-wrapper\">\r\n                <div class=\"ca-title\">Official Contract Address:<\/div>\r\n                <div class=\"ca-container\">\r\n                    <input type=\"text\" class=\"ca-text\" value=\"4j8LnnpiFw7bSSx1NH19GY9UxvBN4zD9ecESMDRapump\" id=\"shuppetCaInput\" readonly>\r\n                    <button class=\"btn-copy\" onclick=\"copyHeroCA()\">Copy<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n        function copyHeroCA() {\r\n            var copyText = document.getElementById(\"shuppetCaInput\");\r\n            \r\n            \/\/ Proses seleksi teks untuk desktop & mobile\r\n            copyText.select();\r\n            copyText.setSelectionRange(0, 99999); \r\n            \r\n            try {\r\n                \/\/ Eksekusi penyalinan ke clipboard sistem\r\n                navigator.clipboard.writeText(copyText.value);\r\n                \r\n                \/\/ Memberikan feedback visual instan pada tombol\r\n                var copyBtn = document.querySelector(\".shuppet-wp-container .btn-copy\");\r\n                var originalText = copyBtn.innerText;\r\n                \r\n                copyBtn.innerText = \"Copied! \u2713\";\r\n                copyBtn.style.background = \"#20bf6b\"; \/\/ Berubah hijau sukses\r\n                copyBtn.style.color = \"#ffffff\";\r\n                \r\n                \/\/ Mengembalikan desain tombol ke semula setelah 2 detik\r\n                setTimeout(function() {\r\n                    copyBtn.innerText = originalText;\r\n                    copyBtn.style.background = \"#ffa801\";\r\n                    copyBtn.style.color = \"#333333\";\r\n                }, 2000);\r\n            } catch (err) {\r\n                alert(\"Oops, please copy manually!\");\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-415093b e-flex e-con-boxed e-con e-parent\" data-id=\"415093b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ffa5008 e-con-full e-flex e-con e-child\" data-id=\"ffa5008\" data-element_type=\"container\" id=\"about\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e70847 elementor-widget elementor-widget-html\" data-id=\"5e70847\" data-element_type=\"widget\" id=\"roadmap\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    \r\n    <!-- Google Fonts Integration -->\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=Grandstander:ital,wght@0,100..900;1,100..900&family=Schoolbell&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* Namespace Khusus Agar Tidak Merusak CSS Tema WordPress *\/\r\n        .shuppet-wp-container * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .shuppet-wp-container {\r\n            width: 100%;\r\n            background: transparent;\r\n            font-family: 'Schoolbell', cursive !important;\r\n            padding: 20px 10px;\r\n        }\r\n\r\n        \/* 2-Column Grid Layout *\/\r\n        .shuppet-grid-split {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 40px; \/* Jarak horizontal antar kolom seimbang *\/\r\n            align-items: start;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* STRUKTUR CARD DASAR GAYA KRAYON KARTUN *\/\r\n        .shuppet-wp-container .crayon-card-item {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            border: 3px solid #333333;\r\n            border-radius: 40px 15px 40px 15px\/15px 40px 15px 40px;\r\n            box-shadow: 4px 4px 0px #333333;\r\n            padding: 35px;\r\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n        }\r\n\r\n        \/* Modifikasi Khusus Untuk Card Terpisah di Dalam Kolom Roadmap *\/\r\n        .shuppet-wp-container .roadmap-phase-card {\r\n            padding: 25px 30px;\r\n            border-radius: 20px 80px 15px 75px\/12px 20px 12px 25px; \/* Dinamika krayon tangan lebih organik *\/\r\n            margin-bottom: 25px;\r\n        }\r\n        .shuppet-wp-container .roadmap-phase-card:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        \/* ================= EFEK HOVER KEREN DAN WARNA-WARNI KUSTOM ================= *\/\r\n        .shuppet-wp-container .crayon-card-item:hover {\r\n            transform: translate(-3px, -3px);\r\n            box-shadow: 7px 7px 0px #333333;\r\n        }\r\n\r\n        \/* Hover Kustom Berwarna Cerah untuk Setiap Node Fase *\/\r\n        .shuppet-wp-container .p1-hover:hover {\r\n            box-shadow: 6px 6px 0px #ff5e57 !important; \/* Bayangan Merah Krayon *\/\r\n        }\r\n        .shuppet-wp-container .p2-hover:hover {\r\n            box-shadow: 6px 6px 0px #4b7bec !important; \/* Bayangan Biru Krayon *\/\r\n        }\r\n        .shuppet-wp-container .p3-hover:hover {\r\n            box-shadow: 6px 6px 0px #20bf6b !important; \/* Bayangan Hijau Krayon *\/\r\n        }\r\n\r\n        \/* Tipografi Judul (Grandstander) *\/\r\n        .shuppet-wp-container h2 {\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 800 !important;\r\n            font-size: 2.2rem;\r\n            color: #1e272e;\r\n            text-shadow: 2px 2px 0px #f8d078;\r\n            line-height: 1.3;\r\n            margin-bottom: 25px;\r\n            text-align: left;\r\n        }\r\n\r\n        \/* Sub-judul Fase Roadmap *\/\r\n        .shuppet-wp-container h3 {\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 700 !important;\r\n            font-size: 1.4rem;\r\n            margin-bottom: 12px;\r\n            text-align: left;\r\n        }\r\n\r\n        \/* Pewarnaan Judul Fase *\/\r\n        .shuppet-wp-container .color-p1 { color: #ff5e57; }\r\n        .shuppet-wp-container .color-p2 { color: #4b7bec; }\r\n        .shuppet-wp-container .color-p3 { color: #20bf6b; }\r\n\r\n        \/* Tipografi Deskripsi (Schoolbell) *\/\r\n        .shuppet-wp-container p, \r\n        .shuppet-wp-container .roadmap-list {\r\n            font-family: 'Schoolbell', cursive !important;\r\n            font-weight: 400 !important;\r\n            font-size: 1.25rem;\r\n            color: #2c3e50;\r\n            line-height: 1.6;\r\n            text-align: left;\r\n        }\r\n\r\n        \/* Spasi Paragraf Kolom About *\/\r\n        .shuppet-wp-container .about-col p {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        \/* ================= KUSTOM CARD CA DI BAWAH ABOUT ================= *\/\r\n        .shuppet-wp-container .about-ca-container {\r\n            margin-top: 30px;\r\n            width: 100%;\r\n        }\r\n\r\n        .shuppet-wp-container .about-ca-box {\r\n            display: flex;\r\n            background: #ffffff;\r\n            border: 3px solid #333333;\r\n            border-radius: 100px 15px 95px 15px\/15px 90px 15px 100px;\r\n            overflow: hidden;\r\n            align-items: center;\r\n            box-shadow: 3px 3px 0px #333333;\r\n        }\r\n\r\n        .shuppet-wp-container .about-ca-text {\r\n            flex: 1;\r\n            padding: 12px 15px;\r\n            font-size: 1.1rem;\r\n            color: #1e272e;\r\n            font-family: 'Schoolbell', cursive !important;\r\n            font-weight: 400 !important;\r\n            background: transparent;\r\n            border: none;\r\n            outline: none;\r\n            white-space: nowrap;\r\n            overflow-x: auto;\r\n        }\r\n\r\n        .shuppet-wp-container .about-btn-copy {\r\n            background: #ffa801;\r\n            border: none;\r\n            border-left: 3px solid #333333;\r\n            padding: 12px 25px;\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 600 !important;\r\n            font-size: 1.05rem;\r\n            color: #333333;\r\n            cursor: pointer;\r\n            transition: background 0.2s ease, color 0.2s ease;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .shuppet-wp-container .about-btn-copy:hover {\r\n            background: #ffc048;\r\n        }\r\n\r\n        \/* Container Grup Kolom Kanan *\/\r\n        .shuppet-wp-container .roadmap-col {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        \/* List Struktur Poin *\/\r\n        .shuppet-wp-container .roadmap-list {\r\n            list-style: none;\r\n            padding-left: 5px;\r\n        }\r\n\r\n        .shuppet-wp-container .roadmap-list li {\r\n            margin-bottom: 8px;\r\n            position: relative;\r\n            padding-left: 25px;\r\n        }\r\n\r\n        .shuppet-wp-container .roadmap-list li:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        \/* Simbol Bullet Bullet *\/\r\n        .shuppet-wp-container .roadmap-list li::before {\r\n            content: '\u270f\ufe0f';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 2px;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        \/* Responsive Mobile - Otomatis Menumpuk dan Tetap Rapi *\/\r\n        @media (max-width: 992px) {\r\n            .shuppet-grid-split {\r\n                grid-template-columns: 1fr; \/* Menjadi satu baris memanjang tunggal *\/\r\n                gap: 35px;\r\n            }\r\n\r\n            .shuppet-wp-container .crayon-card-item,\r\n            .shuppet-wp-container .roadmap-phase-card {\r\n                padding: 25px 20px;\r\n                border-radius: 20px;\r\n            }\r\n\r\n            .shuppet-wp-container h2 {\r\n                font-size: 1.8rem;\r\n                margin-bottom: 15px;\r\n            }\r\n\r\n            .shuppet-wp-container .roadmap-col h2 {\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .shuppet-wp-container p, \r\n            .shuppet-wp-container .roadmap-list {\r\n                font-size: 1.15rem;\r\n            }\r\n\r\n            .shuppet-wp-container .about-ca-box {\r\n                flex-direction: column;\r\n                align-items: stretch;\r\n                border-radius: 15px;\r\n            }\r\n\r\n            .shuppet-wp-container .about-ca-text {\r\n                width: 100%;\r\n                text-align: center;\r\n                border-bottom: 3px solid #333333;\r\n                padding: 12px;\r\n            }\r\n\r\n            .shuppet-wp-container .about-btn-copy {\r\n                border-left: none;\r\n                width: 100%;\r\n                padding: 12px;\r\n                text-align: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- PEMBUNGKUS UTAMA YANG MENGIKUTI LEBAR PRESET CANVAS WORDPRESS -->\r\n    <div class=\"shuppet-wp-container\">\r\n        \r\n        <div class=\"shuppet-grid-split\">\r\n            \r\n            <!-- KIRI: ABOUT SECTION CARD DENGAN COPIABLE CA DI BAWAHNYA -->\r\n            <div class=\"crayon-card-item about-col\">\r\n                <h2>The Guardian Against Market FUD<\/h2>\r\n                <p>\r\n                    $SHUPPET is not just another token. Our concept takes direct inspiration from Shuppet's natural lore, which describes it as a creature that \"loves negative feelings like envy and malice\". In the cryptocurrency landscape, these negative feelings manifest as FUD (Fear, Uncertainty, Doubt) and extreme market volatility.\r\n                <\/p>\r\n                <p>\r\n                    Just as Shuppet \"retracts negative emotions into its body\", our proprietary smart protocol is engineered with a built-in absorption mechanism. We identify and capitalize on market downturns and inefficiencies to strengthen the community treasury, creating a cycle where market 'darkness' is transformed into real utility and reward for our holders.\r\n                <\/p>\r\n\r\n                <!-- Komponen Copy Contract Address (CA Box) Baru -->\r\n                <div class=\"about-ca-container\">\r\n                    <div style=\"font-family: 'Grandstander', cursive !important; font-weight: 700; font-size: 1.1rem; color: #1e272e; margin-bottom: 8px;\">Contract Address:<\/div>\r\n                    <div class=\"about-ca-box\">\r\n                        <input type=\"text\" class=\"about-ca-text\" value=\"4j8LnnpiFw7bSSx1NH19GY9UxvBN4zD9ecESMDRapump\" id=\"aboutCaInput\" readonly>\r\n                        <button class=\"about-btn-copy\" onclick=\"copyAboutCA()\">Copy CA<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- KANAN: ROADMAP SECTION DENGAN CARD PER POIN TERPISAH -->\r\n            <div class=\"roadmap-col\">\r\n                <h2>The Path to Evolution<\/h2>\r\n                \r\n                <!-- Card Poin 1 (Phase 1) -->\r\n                <div class=\"crayon-card-item roadmap-phase-card p1-hover\">\r\n                    <h3 class=\"color-p1\">Phase 1: The Awakening<\/h3>\r\n                    <ul class=\"roadmap-list\">\r\n                        <li>Official $SHUPPET Token Launch & Smart Contract Audit.<\/li>\r\n                        <li>DEX (Decentralized Exchange) Listing.<\/li>\r\n                        <li>Launch of the Community Awareness Campaign.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Card Poin 2 (Phase 2) -->\r\n                <div class=\"crayon-card-item roadmap-phase-card p2-hover\">\r\n                    <h3 class=\"color-p2\">Phase 2: The Gathering<\/h3>\r\n                    <ul class=\"roadmap-list\">\r\n                        <li>Activation of the Dynamic Absorption Protocol.<\/li>\r\n                        <li>Tier-2 CEX (Centralized Exchange) Listings.<\/li>\r\n                        <li>Deployment of the Governance DAO Portal.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Card Poin 3 (Phase 3) -->\r\n                <div class=\"crayon-card-item roadmap-phase-card p3-hover\">\r\n                    <h3 class=\"color-p3\">Phase 3: The Manifestation<\/h3>\r\n                    <ul class=\"roadmap-list\">\r\n                        <li>Integration of \"The Shadow Scope\" Utility Tool.<\/li>\r\n                        <li>Global Strategic Partnerships.<\/li>\r\n                        <li>Ecosystem Expansion & Further Utility Enhancements.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Script Copy Paste Clipboard Sistem -->\r\n    <script>\r\n        function copyAboutCA() {\r\n            var copyText = document.getElementById(\"aboutCaInput\");\r\n            copyText.select();\r\n            copyText.setSelectionRange(0, 99999); \r\n            \r\n            try {\r\n                navigator.clipboard.writeText(copyText.value);\r\n                \r\n                var copyBtn = document.querySelector(\".shuppet-wp-container .about-btn-copy\");\r\n                var originalText = copyBtn.innerText;\r\n                \r\n                copyBtn.innerText = \"Copied! \u2713\";\r\n                copyBtn.style.background = \"#20bf6b\"; \r\n                copyBtn.style.color = \"#ffffff\";\r\n                \r\n                setTimeout(function() {\r\n                    copyBtn.innerText = originalText;\r\n                    copyBtn.style.background = \"#ffa801\";\r\n                    copyBtn.style.color = \"#333333\";\r\n                }, 2000);\r\n            } catch (err) {\r\n                alert(\"Oops, please copy manually!\");\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0138a91 e-con-full e-flex e-con e-child\" data-id=\"0138a91\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7085ee3 elementor-widget elementor-widget-html\" data-id=\"7085ee3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    \r\n    <!-- Google Fonts Integration -->\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=Grandstander:ital,wght@0,100..900;1,100..900&family=Schoolbell&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* Namespace Khusus Agar Tidak Merusak CSS Tema WordPress *\/\r\n        .shuppet-footer-container * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .shuppet-footer-container {\r\n            width: 100%;\r\n            background: transparent;\r\n            margin-top: 40px;\r\n            padding: 20px 0 10px 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 25px;\r\n        }\r\n\r\n        \/* ================= RUNNING TEXT SYSTEM FULL SCREEN FULL WIDTH ================= *\/\r\n        .shuppet-marquee-wrapper {\r\n            \/* Memaksa elemen keluar dari batasan container kolom WordPress dan memanjang penuh dari ujung ke ujung layar *\/\r\n            width: 100vw;\r\n            position: relative;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n            \r\n            overflow: hidden; \r\n            background: rgba(255, 255, 255, 0.95);\r\n            border-top: 4px solid #333333;\r\n            border-bottom: 4px solid #333333;\r\n            padding: 14px 0;\r\n            display: flex;\r\n        }\r\n\r\n        \/* Trek animasi yang bergerak konstan *\/\r\n        .shuppet-marquee-track {\r\n            display: flex;\r\n            white-space: nowrap;\r\n            animation: marqueeLinear 20s linear infinite; \/* Kecepatan disesuaikan agar pergerakan tetap mulus *\/\r\n        }\r\n\r\n        \/* Isi konten Tokenomics di dalam running text *\/\r\n        .shuppet-marquee-content {\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 700 !important;\r\n            font-size: 1.35rem;\r\n            color: #1e272e;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* Item tokenomics individu di dalam trek *\/\r\n        .tokenomics-item {\r\n            padding: 0 40px; \/* Jarak antar item diperlebar agar seimbang *\/\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        \/* Pewarnaan cerah kontras untuk angka persentase tokenomics *\/\r\n        .tokenomics-value {\r\n            color: #ff5e57; \/* Merah krayon cerah *\/\r\n            background: #ffe5e5;\r\n            padding: 2px 12px;\r\n            border: 2px solid #333333;\r\n            border-radius: 8px;\r\n            box-shadow: 2px 2px 0px #333333;\r\n        }\r\n\r\n        \/* Animasi keyframe dari ujung kanan (0%) ke ujung kiri (-50% untuk efek loop sempurna) *\/\r\n        @keyframes marqueeLinear {\r\n            0% {\r\n                transform: translateX(0%);\r\n            }\r\n            100% {\r\n                transform: translateX(-50%);\r\n            }\r\n        }\r\n\r\n        \/* Menghentikan running text secara halus saat kursor diarahkan ke sana *\/\r\n        .shuppet-marquee-wrapper:hover .shuppet-marquee-track {\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        \/* ================= COPYRIGHT SECTION ================= *\/\r\n        .shuppet-copyright-block {\r\n            width: 100%;\r\n            text-align: center;\r\n            padding: 0 15px;\r\n        }\r\n\r\n        \/* Teks disclaimer risiko menggunakan Schoolbell (Warna Putih Cerah Terang) *\/\r\n        .shuppet-copyright-block .risk-disclaimer {\r\n            font-family: 'Schoolbell', cursive !important;\r\n            font-weight: 400 !important;\r\n            font-size: 1.1rem;\r\n            color: #ffffff;\r\n            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);\r\n            max-width: 800px;\r\n            margin: 0 auto 12px auto;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Teks Hak Cipta menggunakan Grandstander (Warna Kuning Cerah) *\/\r\n        .shuppet-copyright-block .legal-text {\r\n            font-family: 'Grandstander', cursive !important;\r\n            font-weight: 600 !important;\r\n            font-size: 1.1rem;\r\n            color: #ffee55;\r\n            text-shadow: 2px 2px 0px #1e272e, -1px -1px 0px #1e272e, 1px -1px 0px #1e272e, -1px 1px 0px #1e272e;\r\n        }\r\n\r\n        \/* Responsive Mobile - Menyesuaikan ukuran agar tetap rapi dan profesional *\/\r\n        @media (max-width: 768px) {\r\n            .shuppet-marquee-content {\r\n                font-size: 1.15rem;\r\n            }\r\n            .tokenomics-item {\r\n                padding: 0 25px;\r\n            }\r\n            .shuppet-copyright-block .risk-disclaimer {\r\n                font-size: 0.95rem;\r\n            }\r\n            .shuppet-copyright-block .legal-text {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- FOOTER: RUNNING TEXT TOKENOMICS (FULL LAYAR) & COPYRIGHT -->\r\n    <div class=\"shuppet-footer-container\">\r\n        \r\n        <!-- 1. RUNNING TEXT TOKENOMICS SECTION (FULL WIDTH TANPA TERPOTONG CONTAINER) -->\r\n        <div class=\"shuppet-marquee-wrapper\">\r\n            <div class=\"shuppet-marquee-track\">\r\n                \r\n                <!-- KONTEN UTAMA (BLOK A) - Memuat Data Pokok yang Sudah Dihilangkan Bagian Marketing & Reward -->\r\n                <div class=\"shuppet-marquee-content\">\r\n                    <div class=\"tokenomics-item\">\u26a1 TOKEN NAME: <span style=\"color:#4b7bec;\">SHUPPET<\/span><\/div>\r\n                    <div class=\"tokenomics-item\">\ud83d\udd25 TICKER: <span style=\"color:#ff5e57;\">$SHUPPET<\/span><\/div>\r\n                    <div class=\"tokenomics-item\">\ud83d\udc8e TOTAL SUPPLY: <span>1,000,000,000<\/span><\/div>\r\n                    <div class=\"tokenomics-item\">\ud83d\udee1\ufe0f LIQUIDITY POOL: <span class=\"tokenomics-value\">100% BURNED<\/span><\/div>\r\n                    <div class=\"tokenomics-item\">\ud83d\udcca TAX: <span class=\"tokenomics-value\">0% \/ 0%<\/span><\/div>\r\n                <\/div>\r\n\r\n                <!-- KONTEN REPLIKA (BLOK B) - Diduplikasi Sempurna Agar Looping Menyambung Mulus Tanpa Jeda Patah -->\r\n                <div class=\"shuppet-marquee-content\">\r\n                    <div class=\"tokenomics-item\">\u26a1 TOKEN NAME: <span style=\"color:#4b7bec;\">SHUPPET<\/span><\/div>\r\n                    <div class=\"tokenomics-item\">\ud83d\udd25 TICKER: <span style=\"color:#ff5e57;\">$SHUPPET<\/span><\/div>\r\n                    <div class=\"tokenomics-item\">\ud83d\udc8e TOTAL SUPPLY: <span>1,000,000,000<\/span><\/div>\r\n                    <div class=\"tokenomics-item\">\ud83d\udee1\ufe0f LIQUIDITY POOL: <span class=\"tokenomics-value\">100% BURNED<\/span><\/div>\r\n                    <div class=\"tokenomics-item\">\ud83d\udcca TAX: <span class=\"tokenomics-value\">0% \/ 0%<\/span><\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. COPYRIGHT & DISCLAIMER SECTION -->\r\n        <div class=\"shuppet-copyright-block\">\r\n            <!-- Disclaimer Risiko -->\r\n            <p class=\"risk-disclaimer\">\r\n               \r\n            <!-- Teks Legal Copyright -->\r\n            <p class=\"legal-text\">\r\n                &copy; 2026 Shuppet. All rights reserved. \r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\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>$SHUPPET Home About Vision Ecosystem Roadmap Community Swap Now X Realistic. Transparent. Value-Driven. Our Vision To set the gold standard for utility tokens by focusing on resilience and long-term value, transforming market volatility from something to be feared into a tool for growth. Our Mission Intelligent Stability: Real-time dynamic burning algorithms that react when emotion [&hellip;]<\/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:\/\/shuppet.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shuppet.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shuppet.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shuppet.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shuppet.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":58,"href":"https:\/\/shuppet.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":79,"href":"https:\/\/shuppet.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/79"}],"wp:attachment":[{"href":"https:\/\/shuppet.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}