{"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-28T16:40:01","modified_gmt":"2026-06-28T16:40:01","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:\/\/raydium.io\" 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\/YourTelegramLink\" target=\"_blank\" class=\"btn-modal-action btn-telegram\">Join Telegram<\/a>\r\n                <a href=\"https:\/\/dexscreener.com\" 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 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\" target=\"_blank\" class=\"btn-crayon btn-x\">Twitter<\/a>\r\n                <a href=\"https:\/\/t.me\" target=\"_blank\" class=\"btn-crayon btn-tg\">Telegram<\/a>\r\n                <a href=\"https:\/\/dexscreener.com\" target=\"_blank\" class=\"btn-crayon btn-chart\">Live Chart<\/a>\r\n                <a href=\"https:\/\/raydium.io\" 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=\"NULL\" 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\">\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-9997065 e-flex e-con-boxed e-con e-parent\" data-id=\"9997065\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75f9367 elementor-widget elementor-widget-heading\" data-id=\"75f9367\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Add Your Heading Text Here<\/h2>\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":32,"href":"https:\/\/shuppet.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/shuppet.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/50"}],"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}]}}