{"id":8,"date":"2026-04-22T15:30:11","date_gmt":"2026-04-22T15:30:11","guid":{"rendered":"https:\/\/gaiameme.fun\/?page_id=8"},"modified":"2026-04-22T17:14:34","modified_gmt":"2026-04-22T17:14:34","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/gaiameme.fun\/","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-a26e079 e-flex e-con-boxed e-con e-parent\" data-id=\"a26e079\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/gaiameme.fun\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/GAIA2.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-a7057b2 e-con-full e-flex e-con e-child\" data-id=\"a7057b2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a8d688 elementor-widget elementor-widget-html\" data-id=\"6a8d688\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<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=Gluten:wght@300&family=Modak&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --gaia-green: #76BA1B;\r\n        --gaia-blue: #87CEEB;\r\n        --gaia-yellow: #FFD700;\r\n        --gaia-white: #ffffff;\r\n        --gaia-dark: #1a1a1a; \/* Warna garis outline solid *\/\r\n        --card-bg: #2d5a27;   \/* Warna hijau tua solid untuk card agar teks putih kontras *\/\r\n    }\r\n\r\n    .gaia-header-wrapper {\r\n        padding: 20px;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Solid Cartoon Card Style *\/\r\n    .gaia-navbar-card {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 12px 35px;\r\n        \r\n        \/* Background Solid - Tidak Transparan *\/\r\n        background-color: var(--card-bg);\r\n        \r\n        \/* Bold Cartoon Border & Shadow *\/\r\n        border: 5px solid var(--gaia-dark);\r\n        border-radius: 100px;\r\n        box-shadow: 0px 10px 0px var(--gaia-dark);\r\n        \r\n        width: 100%;\r\n        max-width: 1100px;\r\n        flex-wrap: wrap;\r\n        box-sizing: border-box;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Brand Section *\/\r\n    .gaia-brand {\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .gaia-title {\r\n        font-family: 'Modak', system-ui;\r\n        font-size: 2.4rem;\r\n        line-height: 1;\r\n        margin: 0;\r\n        background: linear-gradient(90deg, #76BA1B, #87CEEB, var(--gaia-yellow), #76BA1B);\r\n        background-size: 200% auto;\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        animation: gradientMove 3s linear infinite;\r\n        \/* Double shadow effect untuk pop-out *\/\r\n        filter: drop-shadow(3px 3px 0px var(--gaia-dark));\r\n    }\r\n\r\n    .gaia-subtitle {\r\n        font-family: 'Gluten', cursive;\r\n        font-weight: 300;\r\n        font-size: 0.85rem;\r\n        color: var(--gaia-white);\r\n        text-shadow: 2px 2px 0px var(--gaia-dark);\r\n        margin-top: 2px;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* Menu Links *\/\r\n    .gaia-nav-menu {\r\n        display: flex;\r\n        list-style: none;\r\n        gap: 12px;\r\n        margin: 0;\r\n        padding: 0;\r\n        align-items: center;\r\n    }\r\n\r\n    .gaia-nav-item a {\r\n        text-decoration: none;\r\n        font-family: 'Gluten', cursive;\r\n        font-weight: 300;\r\n        font-size: 1.05rem;\r\n        color: var(--gaia-white);\r\n        text-shadow: 2px 2px 0px var(--gaia-dark);\r\n        padding: 10px 22px;\r\n        border-radius: 50px;\r\n        transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: inline-block;\r\n        border: 3px solid transparent;\r\n    }\r\n\r\n    \/* Hover Effect Pop-Up *\/\r\n    .gaia-nav-item a:hover {\r\n        transform: scale(1.1) translateY(-3px) rotate(-2deg);\r\n        background-color: var(--gaia-green);\r\n        border: 3px solid var(--gaia-dark);\r\n        box-shadow: 4px 4px 0px var(--gaia-dark);\r\n    }\r\n\r\n    \/* Buy Button Solid Style *\/\r\n    .buy-btn {\r\n        background: var(--gaia-blue) !important;\r\n        color: var(--gaia-dark) !important;\r\n        text-shadow: none !important; \/* Agar lebih clean *\/\r\n        font-weight: 600 !important;\r\n        border: 3px solid var(--gaia-dark) !important;\r\n        box-shadow: 4px 4px 0px var(--gaia-dark) !important;\r\n    }\r\n\r\n    .buy-btn:hover {\r\n        background: var(--gaia-yellow) !important;\r\n        box-shadow: 2px 2px 0px var(--gaia-dark) !important;\r\n        transform: scale(1.05) translateY(2px) !important; \/* Efek ditekan *\/\r\n    }\r\n\r\n    \/* Mobile Responsive *\/\r\n    @media (max-width: 850px) {\r\n        .gaia-navbar-card {\r\n            border-radius: 40px;\r\n            padding: 20px;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            box-shadow: 0px 8px 0px var(--gaia-dark);\r\n        }\r\n\r\n        .gaia-nav-menu {\r\n            width: 100%;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            gap: 8px;\r\n        }\r\n\r\n        .gaia-brand {\r\n            align-items: center;\r\n            text-align: center;\r\n            width: 100%;\r\n        }\r\n\r\n        .gaia-title {\r\n            font-size: 2rem;\r\n        }\r\n    }\r\n\r\n    @keyframes gradientMove {\r\n        to { background-position: 200% center; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"gaia-header-wrapper\">\r\n    <nav class=\"gaia-navbar-card\">\r\n        <a href=\"#\" class=\"gaia-brand\">\r\n            <h1 class=\"gaia-title\">GAIA<\/h1>\r\n            <span class=\"gaia-subtitle\">THE MEME OF MOTHER EARTH<\/span>\r\n        <\/a>\r\n\r\n        <ul class=\"gaia-nav-menu\">\r\n            <li class=\"gaia-nav-item\"><a href=\"#about\">About<\/a><\/li>\r\n            <li class=\"gaia-nav-item\"><a href=\"#economics\">Eco-nomics<\/a><\/li>\r\n            <li class=\"gaia-nav-item\"><a href=\"#roadmap\">Roadmap<\/a><\/li>\r\n            <li class=\"gaia-nav-item\"><a href=\"#buy\" class=\"buy-btn\">BUY $GAIA<\/a><\/li>\r\n        <\/ul>\r\n    <\/nav>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a988e8 e-con-full e-flex e-con e-child\" data-id=\"9a988e8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db03c92 elementor-widget elementor-widget-html\" data-id=\"db03c92\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<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=Gluten:wght@300;600&family=Modak&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --gaia-green: #76BA1B;\r\n        --gaia-blue: #87CEEB;\r\n        --gaia-yellow: #FFD700;\r\n        --gaia-white: #ffffff;\r\n        --gaia-dark: #1a1a1a;\r\n    }\r\n\r\n    .gaia-hero-section {\r\n        padding: 40px 2%; \r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-start;\r\n        min-height: 70vh;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .gaia-hero-content {\r\n        max-width: 750px; \r\n        text-align: left;\r\n        z-index: 2;\r\n    }\r\n\r\n    .hero-title {\r\n        font-family: 'Modak', system-ui;\r\n        font-size: 5.5rem;\r\n        line-height: 0.9;\r\n        margin: 0 0 15px 0;\r\n        background: linear-gradient(90deg, var(--gaia-green), var(--gaia-blue), var(--gaia-yellow), var(--gaia-green));\r\n        background-size: 200% auto;\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        animation: gradientMove 3s linear infinite;\r\n        filter: drop-shadow(4px 4px 0px var(--gaia-dark));\r\n    }\r\n\r\n    .hero-description {\r\n        font-family: 'Gluten', cursive;\r\n        font-weight: 300;\r\n        font-size: 1.3rem;\r\n        color: var(--gaia-white);\r\n        text-shadow: 2px 2px 0px var(--gaia-dark);\r\n        margin-bottom: 30px;\r\n        line-height: 1.4;\r\n        max-width: 600px;\r\n    }\r\n\r\n    .ca-container {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .ca-label {\r\n        font-family: 'Gluten', cursive;\r\n        color: var(--gaia-yellow);\r\n        font-weight: 600;\r\n        font-size: 0.9rem;\r\n        margin-bottom: 8px;\r\n        display: block;\r\n        text-shadow: 2px 2px 0px var(--gaia-dark);\r\n    }\r\n\r\n    .ca-box {\r\n        display: flex;\r\n        align-items: center;\r\n        background: var(--gaia-white);\r\n        border: 4px solid var(--gaia-dark);\r\n        border-radius: 12px;\r\n        padding: 4px 4px 4px 15px;\r\n        box-shadow: 6px 6px 0px var(--gaia-dark);\r\n        max-width: 450px;\r\n    }\r\n\r\n    .ca-address {\r\n        font-family: 'Gluten', cursive;\r\n        font-size: 0.85rem;\r\n        color: var(--gaia-dark);\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .copy-btn {\r\n        background: var(--gaia-green);\r\n        border: 3px solid var(--gaia-dark);\r\n        border-radius: 8px;\r\n        padding: 6px 15px;\r\n        font-family: 'Modak', cursive;\r\n        font-size: 0.9rem;\r\n        color: white;\r\n        cursor: pointer;\r\n        margin-left: 10px;\r\n        transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .copy-btn:hover {\r\n        background: var(--gaia-yellow);\r\n        color: var(--gaia-dark);\r\n        transform: scale(1.1) rotate(-3deg);\r\n        box-shadow: 3px 3px 0px var(--gaia-dark);\r\n    }\r\n\r\n    .hero-btns {\r\n        display: flex;\r\n        gap: 15px;\r\n    }\r\n\r\n    .btn-main {\r\n        padding: 12px 35px;\r\n        font-family: 'Modak', cursive;\r\n        font-size: 1.5rem;\r\n        text-decoration: none;\r\n        border-radius: 50px;\r\n        border: 4px solid var(--gaia-dark);\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: inline-block;\r\n        position: relative;\r\n    }\r\n\r\n    .btn-buy { \r\n        background: var(--gaia-yellow); \r\n        color: var(--gaia-dark); \r\n        box-shadow: 6px 6px 0px var(--gaia-dark);\r\n    }\r\n\r\n    .btn-buy:hover { \r\n        background: var(--gaia-green); \r\n        color: white;\r\n        transform: translate(-4px, -4px) rotate(-2deg);\r\n        box-shadow: 10px 10px 0px var(--gaia-dark);\r\n    }\r\n\r\n    .btn-chart { \r\n        background: var(--gaia-blue); \r\n        color: white; \r\n        box-shadow: 6px 6px 0px var(--gaia-dark);\r\n    }\r\n\r\n    .btn-chart:hover { \r\n        background: var(--gaia-yellow); \r\n        color: var(--gaia-dark);\r\n        transform: translate(-4px, -4px) rotate(2deg);\r\n        box-shadow: 10px 10px 0px var(--gaia-dark);\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .gaia-hero-section { padding: 40px 5%; }\r\n        .hero-title { font-size: 3.5rem; }\r\n        .hero-btns { flex-direction: column; width: fit-content; }\r\n    }\r\n\r\n    @keyframes gradientMove {\r\n        to { background-position: 200% center; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"gaia-hero-section\">\r\n    <div class=\"gaia-hero-content\">\r\n        <h2 class=\"hero-title\">SAVE THE EARTH,<br>GET GAINS!<\/h2>\r\n        <p class=\"hero-description\">\r\n            The greenest meme on the blockchain. Help GAIA plant trees while your bag grows. Purely organic, 100% cute.\r\n        <\/p>\r\n\r\n        <div class=\"ca-container\">\r\n            <span class=\"ca-label\">CONTRACT ADDRESS:<\/span>\r\n            <div class=\"ca-box\">\r\n                <span class=\"ca-address\" id=\"caAddress\">NULL<\/span>\r\n                <button class=\"copy-btn\" onclick=\"copyCA()\">COPY<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hero-btns\">\r\n            <a href=\"#\" class=\"btn-main btn-buy\">BUY $GAIA<\/a>\r\n            <a href=\"#\" class=\"btn-main btn-chart\">VIEW CHART<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    function copyCA() {\r\n        const caText = document.getElementById('caAddress').innerText;\r\n        navigator.clipboard.writeText(caText).then(() => {\r\n            const btn = document.querySelector('.copy-btn');\r\n            const originalText = btn.innerText;\r\n            btn.innerText = 'COPIED!';\r\n            btn.style.background = '#ffffff';\r\n            btn.style.color = '#1a1a1a';\r\n            setTimeout(() => {\r\n                btn.innerText = originalText;\r\n                btn.style.background = ''; \r\n                btn.style.color = '';\r\n            }, 2000);\r\n        });\r\n    }\r\n<\/script>\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-7b9fe83 e-flex e-con-boxed e-con e-parent\" data-id=\"7b9fe83\" 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-c23cedd e-con-full e-flex e-con e-child\" data-id=\"c23cedd\" data-element_type=\"container\" id=\"about\">\n\t\t\t\t<div class=\"elementor-element elementor-element-315c2d4 elementor-widget elementor-widget-html\" data-id=\"315c2d4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Gluten:wght@300;600&family=Modak&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --gaia-green: #76BA1B;\r\n        --gaia-blue: #87CEEB;\r\n        --gaia-yellow: #FFD700;\r\n        --gaia-white: #ffffff;\r\n        --gaia-dark: #1a1a1a;\r\n    }\r\n\r\n    .gaia-about-section {\r\n        padding: 300px 20px; \r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 100%;\r\n        min-height: 100vh;\r\n        box-sizing: border-box;\r\n        position: relative;\r\n        overflow: hidden; \r\n    }\r\n\r\n    \/* Container Orbit *\/\r\n    .gaia-orbit-wrapper {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        z-index: 5; \r\n    }\r\n\r\n    \/* Animasi Orbit Roket *\/\r\n    .gaia-rocket-image {\r\n        width: 220px; \r\n        height: auto;\r\n        position: absolute;\r\n        filter: drop-shadow(8px 8px 0px var(--gaia-dark));\r\n        animation: orbitRocket 12s linear infinite;\r\n        object-fit: contain;\r\n    }\r\n\r\n    \/* Konten Box - Gaya Solid Cartoon *\/\r\n    .gaia-about-content {\r\n        max-width: 700px;\r\n        width: 100%;\r\n        text-align: center;\r\n        background: #2d5a27; \/* Solid Green *\/\r\n        padding: 60px 40px;\r\n        border: 6px solid var(--gaia-dark);\r\n        border-radius: 50px;\r\n        box-shadow: 0px 20px 0px var(--gaia-dark);\r\n        z-index: 2;\r\n        position: relative;\r\n        animation: smoothFloat 4s ease-in-out infinite;\r\n    }\r\n\r\n    .about-tag {\r\n        font-family: 'Gluten', cursive;\r\n        background: var(--gaia-yellow);\r\n        color: var(--gaia-dark);\r\n        padding: 8px 30px;\r\n        border-radius: 50px;\r\n        border: 4px solid var(--gaia-dark);\r\n        font-weight: 600;\r\n        display: inline-block;\r\n        margin-bottom: 25px;\r\n        box-shadow: 4px 4px 0px var(--gaia-dark);\r\n    }\r\n\r\n    \/* Update Title Style - Konsisten dengan Section Lain *\/\r\n    .about-title {\r\n        font-family: 'Modak', system-ui;\r\n        font-size: 5rem; \/* Ukuran disamakan *\/\r\n        line-height: 0.9;\r\n        margin: 0 0 25px 0;\r\n        \/* Gradien Gerak Sesuai Branding GAIA *\/\r\n        background: linear-gradient(90deg, var(--gaia-green), var(--gaia-blue), var(--gaia-yellow), var(--gaia-green));\r\n        background-size: 200% auto;\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        animation: gradientMove 3s linear infinite;\r\n        \/* Shadow Hitam Solid *\/\r\n        filter: drop-shadow(4px 4px 0px var(--gaia-dark));\r\n    }\r\n\r\n    .about-text {\r\n        font-family: 'Gluten', cursive;\r\n        font-weight: 300;\r\n        font-size: 1.3rem;\r\n        color: var(--gaia-white);\r\n        line-height: 1.4;\r\n        text-shadow: 2px 2px 0px var(--gaia-dark);\r\n    }\r\n\r\n    .about-features {\r\n        margin-top: 35px;\r\n        list-style: none;\r\n        padding: 0;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 15px;\r\n    }\r\n\r\n    .feature-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-family: 'Gluten', cursive;\r\n        color: var(--gaia-yellow);\r\n        background: var(--gaia-dark);\r\n        padding: 10px 20px;\r\n        border-radius: 15px;\r\n        font-size: 1rem;\r\n        border: 2px solid var(--gaia-green);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .feature-item:hover {\r\n        transform: scale(1.1) rotate(2deg);\r\n    }\r\n\r\n    \/* Keyframes *\/\r\n    @keyframes orbitRocket {\r\n        from { transform: rotate(0deg) translateX(450px) rotate(0deg); }\r\n        to { transform: rotate(360deg) translateX(450px) rotate(-360deg); }\r\n    }\r\n\r\n    @keyframes smoothFloat {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-20px); }\r\n    }\r\n\r\n    @keyframes gradientMove {\r\n        to { background-position: 200% center; }\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 1024px) {\r\n        .about-title { font-size: 3.5rem; }\r\n        .gaia-rocket-image { width: 180px; }\r\n        @keyframes orbitRocket {\r\n            from { transform: rotate(0deg) translateX(380px) rotate(0deg); }\r\n            to { transform: rotate(360deg) translateX(380px) rotate(-360deg); }\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .gaia-about-section { padding: 150px 10px; }\r\n        .about-title { font-size: 2.5rem; }\r\n        .gaia-rocket-image { width: 120px; }\r\n        @keyframes orbitRocket {\r\n            from { transform: rotate(0deg) translateX(240px) rotate(0deg); }\r\n            to { transform: rotate(360deg) translateX(240px) rotate(-360deg); }\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"gaia-about-section\" id=\"about\">\r\n    <div class=\"gaia-orbit-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/gaiameme.fun\/wp-content\/uploads\/2026\/04\/aset2-scaled.png\" class=\"gaia-rocket-image\" alt=\"GAIA Rocket\">\r\n    <\/div>\r\n\r\n    <div class=\"gaia-about-content\">\r\n        <span class=\"about-tag\">DISCOVER GAIA<\/span>\r\n        <h2 class=\"about-title\">A NEW ERA OF ECO-MEMES<\/h2>\r\n        <p class=\"about-text\">\r\n            While others aim for the stars, we aim for the soil. GAIA is the first meme project designed to turn crypto gains into real-world forests. Our community doesn't just hold; we grow.\r\n        <\/p>\r\n\r\n        <ul class=\"about-features\">\r\n            <li class=\"feature-item\">\ud83c\udf31 Eco-Friendly<\/li>\r\n            <li class=\"feature-item\">\ud83e\udd1d Community Led<\/li>\r\n            <li class=\"feature-item\">\ud83d\udd25 0% Tax<\/li>\r\n        <\/ul>\r\n    <\/div>\r\n<\/section>\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-45b80eb e-flex e-con-boxed e-con e-parent\" data-id=\"45b80eb\" 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-819ac45 e-con-full e-flex e-con e-child\" data-id=\"819ac45\" data-element_type=\"container\" id=\"economics\">\n\t\t\t\t<div class=\"elementor-element elementor-element-543e0dc elementor-widget elementor-widget-html\" data-id=\"543e0dc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    \/* Section Tokenomics Container *\/\r\n    .gaia-tokenomics-section {\r\n        padding: 100px 2%; \/* Konsisten dengan Hero *\/\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Header Style - Konsisten dengan Hero\/Roadmap *\/\r\n    .tokenomics-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        max-width: 800px;\r\n    }\r\n\r\n    .tokenomics-title {\r\n        font-family: 'Modak', system-ui;\r\n        font-size: 5rem;\r\n        line-height: 0.9;\r\n        margin: 0;\r\n        \/* Gradien Gerak Sesuai Branding GAIA *\/\r\n        background: linear-gradient(90deg, var(--gaia-green), var(--gaia-blue), var(--gaia-yellow), var(--gaia-green));\r\n        background-size: 200% auto;\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        animation: gradientMove 3s linear infinite;\r\n        \/* Shadow Hitam Solid sesuai request sebelumnya *\/\r\n        filter: drop-shadow(4px 4px 0px var(--gaia-dark));\r\n    }\r\n\r\n    \/* Layout Grid Tokenomics *\/\r\n    .tokenomics-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr 1fr;\r\n        align-items: center;\r\n        gap: 40px;\r\n        max-width: 1200px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Kolom Info *\/\r\n    .tokenomics-info-col {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n\r\n    \/* Kartu Tokenomic - Gaya Solid Cartoon *\/\r\n    .token-card {\r\n        background: #2d5a27; \/* Solid Green sesuai About *\/\r\n        border: 4px solid var(--gaia-dark);\r\n        padding: 30px 20px;\r\n        border-radius: 35px;\r\n        box-shadow: 8px 8px 0px var(--gaia-dark);\r\n        text-align: center;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .token-card:hover {\r\n        transform: scale(1.1) rotate(-2deg);\r\n        background: var(--gaia-dark);\r\n    }\r\n\r\n    .token-card h3 {\r\n        font-family: 'Modak', cursive;\r\n        font-size: 2rem;\r\n        color: var(--gaia-yellow);\r\n        margin: 0 0 10px 0;\r\n        text-shadow: 2px 2px 0px var(--gaia-dark);\r\n    }\r\n\r\n    .token-card p {\r\n        font-family: 'Gluten', cursive;\r\n        font-weight: 300;\r\n        font-size: 1.3rem;\r\n        color: var(--gaia-white);\r\n        margin: 0;\r\n        text-shadow: 1px 1px 0px var(--gaia-dark);\r\n    }\r\n\r\n    \/* Bagian Tengah (Gambar Meditasi) *\/\r\n    .tokenomics-center {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n    }\r\n\r\n    .meditation-image {\r\n        width: 100%;\r\n        max-width: 450px;\r\n        height: auto;\r\n        filter: drop-shadow(12px 12px 0px var(--gaia-dark));\r\n        \/* Efek Pulse yang Lebih Smooth *\/\r\n        animation: meditationPulse 4s ease-in-out infinite;\r\n    }\r\n\r\n    \/* Animations *\/\r\n    @keyframes meditationPulse {\r\n        0%, 100% { transform: scale(1) rotate(0deg); }\r\n        50% { transform: scale(1.05) rotate(2deg); }\r\n    }\r\n\r\n    @keyframes gradientMove {\r\n        to { background-position: 200% center; }\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n        .tokenomics-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 50px;\r\n        }\r\n        .tokenomics-center {\r\n            grid-row: 1; \/* Gambar naik ke atas di mobile agar fokus utama *\/\r\n        }\r\n        .tokenomics-title { font-size: 3.5rem; }\r\n        .meditation-image { max-width: 300px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"gaia-tokenomics-section\" id=\"economics\">\r\n    <div class=\"tokenomics-header\">\r\n        <h2 class=\"tokenomics-title\">ECO-NOMICS<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"tokenomics-grid\">\r\n        <div class=\"tokenomics-info-col\">\r\n            <div class=\"token-card\">\r\n                <h3>TOTAL SUPPLY<\/h3>\r\n                <p>1,000,000,000 $GAIA<\/p>\r\n            <\/div>\r\n            <div class=\"token-card\">\r\n                <h3>TAX<\/h3>\r\n                <p>0% BUY \/ 0% SELL<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tokenomics-center\">\r\n            <img decoding=\"async\" src=\"https:\/\/gaiameme.fun\/wp-content\/uploads\/2026\/04\/aset1-scaled.png\" class=\"meditation-image\" alt=\"GAIA Meditating\">\r\n        <\/div>\r\n\r\n        <div class=\"tokenomics-info-col\">\r\n            <div class=\"token-card\">\r\n                <h3>LIQUIDITY<\/h3>\r\n                <p>BURNT FOREVER<\/p>\r\n            <\/div>\r\n            <div class=\"token-card\">\r\n                <h3>OWNERSHIP<\/h3>\r\n                <p>RENOUNCED<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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-2ac13c5 e-flex e-con-boxed e-con e-parent\" data-id=\"2ac13c5\" 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-f731ff1 e-con-full e-flex e-con e-child\" data-id=\"f731ff1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0961228 elementor-widget elementor-widget-html\" data-id=\"0961228\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Gluten:wght@300;600&family=Modak&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --gaia-green: #76BA1B;\r\n        --gaia-blue: #87CEEB;\r\n        --gaia-yellow: #FFD700;\r\n        --gaia-white: #ffffff;\r\n        --gaia-dark: #1a1a1a;\r\n    }\r\n\r\n    .gaia-quote-section {\r\n        padding: 100px 5%;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Kotak Quote Utama *\/\r\n    .quote-box {\r\n        max-width: 900px;\r\n        width: 100%;\r\n        background: var(--gaia-dark); \/* Latar gelap agar teks kuning\/putih sangat menyala *\/\r\n        border: 6px solid var(--gaia-green);\r\n        border-radius: 40px;\r\n        padding: 60px 40px;\r\n        position: relative;\r\n        text-align: center;\r\n        box-shadow: 15px 15px 0px var(--gaia-yellow);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .quote-box:hover {\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    \/* Ikon Kutip Besar *\/\r\n    .quote-icon {\r\n        font-family: 'Modak', cursive;\r\n        font-size: 8rem;\r\n        color: var(--gaia-green);\r\n        position: absolute;\r\n        top: -40px;\r\n        left: 30px;\r\n        line-height: 1;\r\n        opacity: 0.5;\r\n        user-select: none;\r\n    }\r\n\r\n    .quote-text {\r\n        font-family: 'Modak', system-ui;\r\n        font-size: clamp(2rem, 5vw, 3.5rem);\r\n        line-height: 1.1;\r\n        margin: 0;\r\n        color: var(--gaia-white);\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .quote-highlight {\r\n        background: linear-gradient(90deg, var(--gaia-green), var(--gaia-blue), var(--gaia-yellow), var(--gaia-green));\r\n        background-size: 200% auto;\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        animation: gradientMove 3s linear infinite;\r\n        display: inline-block;\r\n    }\r\n\r\n    .quote-author {\r\n        font-family: 'Gluten', cursive;\r\n        font-weight: 300;\r\n        font-size: 1.2rem;\r\n        color: var(--gaia-blue);\r\n        margin-top: 30px;\r\n        display: block;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* Elemen Daun Kecil untuk Dekorasi *\/\r\n    .quote-leaf {\r\n        position: absolute;\r\n        bottom: -25px;\r\n        right: 40px;\r\n        font-size: 3rem;\r\n        animation: leafFloat 3s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes gradientMove {\r\n        to { background-position: 200% center; }\r\n    }\r\n\r\n    @keyframes leafFloat {\r\n        0%, 100% { transform: translateY(0) rotate(0deg); }\r\n        50% { transform: translateY(-15px) rotate(20deg); }\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .quote-box {\r\n            padding: 50px 25px;\r\n            border-radius: 30px;\r\n            box-shadow: 10px 10px 0px var(--gaia-yellow);\r\n        }\r\n        .quote-icon {\r\n            font-size: 5rem;\r\n            top: -25px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"gaia-quote-section\">\r\n    <div class=\"quote-box\">\r\n        <span class=\"quote-icon\">\u201c<\/span>\r\n        \r\n        <h2 class=\"quote-text\">\r\n            While others race to the moon, <br>\r\n            <span class=\"quote-highlight\">GAIA plants roots.<\/span> <br>\r\n            Because we don't just want gains, <br>\r\n            we want a <span style=\"color: var(--gaia-yellow);\">home.<\/span>\r\n        <\/h2>\r\n\r\n        <span class=\"quote-author\">\u2014 The Meme of Mother Earth<\/span>\r\n        \r\n        <div class=\"quote-leaf\">\ud83c\udf31<\/div>\r\n    <\/div>\r\n<\/section>\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-b67b236 e-flex e-con-boxed e-con e-parent\" data-id=\"b67b236\" 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-1d27e4c e-con-full e-flex e-con e-child\" data-id=\"1d27e4c\" data-element_type=\"container\" id=\"roadmap\">\n\t\t\t\t<div class=\"elementor-element elementor-element-062fb13 elementor-widget elementor-widget-html\" data-id=\"062fb13\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    \/* Section Roadmap Container *\/\r\n    .gaia-roadmap-section {\r\n        padding: 80px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        box-sizing: border-box;\r\n        position: relative;\r\n        \/* CRITICAL: Hilangkan overflow: hidden agar sticky jalan *\/\r\n        overflow: visible; \r\n    }\r\n\r\n    .roadmap-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        width: 100%;\r\n    }\r\n\r\n    .roadmap-main-title {\r\n        font-family: 'Modak', system-ui;\r\n        font-size: clamp(2.8rem, 8vw, 5rem);\r\n        line-height: 1.1;\r\n        margin-bottom: 15px;\r\n        background: linear-gradient(90deg, var(--gaia-green), var(--gaia-blue), var(--gaia-yellow), var(--gaia-green));\r\n        background-size: 200% auto;\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        animation: gradientMove 3s linear infinite;\r\n        filter: drop-shadow(4px 4px 0px var(--gaia-dark));\r\n    }\r\n\r\n    \/* Grid Layout Utama *\/\r\n    .roadmap-grid {\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: flex-start; \/* WAJIB agar sticky berfungsi *\/\r\n        gap: 40px;\r\n        width: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Konten Fase (Kiri) *\/\r\n    .roadmap-content-side {\r\n        flex: 1.5;\r\n        padding-left: 35px;\r\n        border-left: 6px solid var(--gaia-dark);\r\n        position: relative;\r\n    }\r\n\r\n    .roadmap-phase {\r\n        position: relative;\r\n        margin-bottom: 40px;\r\n        background: #2d5a27;\r\n        padding: 25px;\r\n        border: 4px solid var(--gaia-dark);\r\n        border-radius: 30px;\r\n        box-shadow: 6px 6px 0px var(--gaia-dark);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .roadmap-phase::before {\r\n        content: \"\ud83c\udf31\";\r\n        position: absolute;\r\n        left: -61px;\r\n        top: 20px;\r\n        width: 44px;\r\n        height: 44px;\r\n        background: var(--gaia-yellow);\r\n        border: 4px solid var(--gaia-dark);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.1rem;\r\n        box-shadow: 3px 3px 0px var(--gaia-dark);\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Bagian Kanan yang STICKY *\/\r\n    .roadmap-sticky-side {\r\n        flex: 1;\r\n        \/* Mengunci posisi saat di-scroll *\/\r\n        position: -webkit-sticky; \r\n        position: sticky;\r\n        top: 100px; \/* Jarak dari atas layar *\/\r\n        z-index: 10;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .roadmap-sticky-side img {\r\n        width: 100%;\r\n        max-width: 380px;\r\n        height: auto;\r\n        filter: drop-shadow(8px 8px 0px var(--gaia-dark));\r\n        animation: subtleSwing 4s ease-in-out infinite;\r\n    }\r\n\r\n    .phase-title {\r\n        font-family: 'Modak', system-ui;\r\n        font-size: clamp(1.8rem, 5vw, 2.8rem);\r\n        color: var(--gaia-white);\r\n        margin: 10px 0;\r\n        text-shadow: 3px 3px 0px var(--gaia-dark);\r\n    }\r\n\r\n    .phase-list {\r\n        padding: 0;\r\n        margin: 0;\r\n        list-style: none;\r\n    }\r\n\r\n    .phase-list li {\r\n        font-family: 'Gluten', cursive;\r\n        font-size: 1.1rem;\r\n        color: var(--gaia-white);\r\n        margin-bottom: 12px;\r\n        padding-left: 25px;\r\n        position: relative;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .phase-list li::before {\r\n        content: \"\u2022\";\r\n        color: var(--gaia-yellow);\r\n        position: absolute;\r\n        left: 0;\r\n        font-size: 1.8rem;\r\n        top: -4px;\r\n    }\r\n\r\n    @keyframes subtleSwing {\r\n        0%, 100% { transform: rotate(-2deg) translateY(0); }\r\n        50% { transform: rotate(2deg) translateY(-10px); }\r\n    }\r\n\r\n    @keyframes gradientMove {\r\n        0% { background-position: 0% 50%; }\r\n        100% { background-position: 200% 50%; }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .roadmap-grid {\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n        .roadmap-content-side {\r\n            width: 100%;\r\n            padding-left: 25px;\r\n            border-left: 4px solid var(--gaia-dark);\r\n            margin-left: 15px;\r\n        }\r\n        .roadmap-sticky-side {\r\n            position: relative; \/* Sticky dimatikan di mobile agar tidak overlap *\/\r\n            top: 0;\r\n            width: 80%;\r\n            margin-top: 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"gaia-roadmap-section\" id=\"roadmap\">\r\n    <div class=\"roadmap-header\">\r\n        <h2 class=\"roadmap-main-title\">THE GREEN MAP<\/h2>\r\n        <p class=\"roadmap-main-desc\" style=\"font-family: 'Gluten', cursive; color: white; text-align: center; text-shadow: 2px 2px 0px var(--gaia-dark);\">\r\n            Ikuti perjalanan GAIA menghijaukan blockchain.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"roadmap-grid\">\r\n        <div class=\"roadmap-content-side\">\r\n            <div class=\"roadmap-phase\">\r\n                <span style=\"font-family: 'Modak'; color: var(--gaia-yellow); font-size: 1.2rem;\">PHASE 01<\/span>\r\n                <h3 class=\"phase-title\">SPROUTING<\/h3>\r\n                <ul class=\"phase-list\">\r\n                    <li>Website Launch & Socials<\/li>\r\n                    <li>Community Building<\/li>\r\n                    <li>Initial Reforestation Campaign<\/li>\r\n                    <li>Fair Launch on DEX<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"roadmap-phase\">\r\n                <span style=\"font-family: 'Modak'; color: var(--gaia-yellow); font-size: 1.2rem;\">PHASE 02<\/span>\r\n                <h3 class=\"phase-title\">GROWING<\/h3>\r\n                <ul class=\"phase-list\">\r\n                    <li>Eco-NGO Partnerships<\/li>\r\n                    <li>CMC & CoinGecko Listing<\/li>\r\n                    <li>Tree Planting Event<\/li>\r\n                    <li>GAIA Merch Shop<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"roadmap-phase\">\r\n                <span style=\"font-family: 'Modak'; color: var(--gaia-yellow); font-size: 1.2rem;\">PHASE 03<\/span>\r\n                <h3 class=\"phase-title\">BLOOMING<\/h3>\r\n                <ul class=\"phase-list\">\r\n                    <li>Tier 1 CEX Listings<\/li>\r\n                    <li>Global Marketing Blitz<\/li>\r\n                    <li>Charity Foundation<\/li>\r\n                    <li>Community Airdrops<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"roadmap-sticky-side\">\r\n            <img decoding=\"async\" src=\"https:\/\/gaiameme.fun\/wp-content\/uploads\/2026\/04\/aset3-scaled.png\" alt=\"GAIA Character Roadmap\">\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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-4bb9ecd e-flex e-con-boxed e-con e-parent\" data-id=\"4bb9ecd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/gaiameme.fun\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/GAIA1.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-30b01f6 e-con-full e-flex e-con e-child\" data-id=\"30b01f6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf7714a elementor-widget elementor-widget-html\" data-id=\"cf7714a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Gluten:wght@300;600&family=Modak&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --gaia-green: #76BA1B;\r\n        --gaia-blue: #87CEEB;\r\n        --gaia-yellow: #FFD700;\r\n        --gaia-white: #ffffff;\r\n        --gaia-dark: #1a1a1a;\r\n    }\r\n\r\n    .gaia-join-section {\r\n        padding: 80px 2%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        text-align: center;\r\n    }\r\n\r\n    .join-header {\r\n        max-width: 850px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .join-title {\r\n        font-family: 'Modak', system-ui;\r\n        font-size: 5rem;\r\n        line-height: 0.9;\r\n        margin: 0 0 25px 0;\r\n        background: linear-gradient(90deg, var(--gaia-green), var(--gaia-blue), var(--gaia-yellow), var(--gaia-green));\r\n        background-size: 200% auto;\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        animation: gradientMove 3s linear infinite;\r\n        filter: drop-shadow(4px 4px 0px var(--gaia-dark));\r\n    }\r\n\r\n    \/* Deskripsi Tambahan *\/\r\n    .join-description {\r\n        font-family: 'Gluten', cursive;\r\n        font-weight: 300;\r\n        font-size: 1.4rem;\r\n        color: var(--gaia-white);\r\n        text-shadow: 2px 2px 0px var(--gaia-dark);\r\n        line-height: 1.5;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .join-highlight {\r\n        color: var(--gaia-yellow);\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Container Tombol *\/\r\n    .social-button-container {\r\n        display: flex;\r\n        gap: 20px;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin-top: 20px;\r\n    }\r\n\r\n    \/* Base Button Style *\/\r\n    .gaia-btn-social {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        padding: 18px 40px;\r\n        text-decoration: none;\r\n        border: 4px solid var(--gaia-dark);\r\n        border-radius: 20px;\r\n        font-family: 'Modak', cursive;\r\n        font-size: 1.6rem;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        position: relative;\r\n    }\r\n\r\n    .btn-telegram { \r\n        background: var(--gaia-blue); \r\n        color: white; \r\n        box-shadow: 0px 8px 0px #5ea9cc; \r\n    }\r\n    \r\n    .btn-twitter { \r\n        background: var(--gaia-dark); \r\n        color: white; \r\n        box-shadow: 0px 8px 0px #000000;\r\n    }\r\n\r\n    .btn-swap { \r\n        background: var(--gaia-yellow); \r\n        color: var(--gaia-dark); \r\n        box-shadow: 0px 8px 0px #c4a600;\r\n    }\r\n\r\n    .gaia-btn-social:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0px 12px 0px var(--gaia-dark);\r\n        filter: brightness(1.1);\r\n    }\r\n\r\n    .gaia-btn-social:active {\r\n        transform: translateY(4px);\r\n        box-shadow: 0px 2px 0px var(--gaia-dark);\r\n    }\r\n\r\n    .gaia-btn-social svg {\r\n        width: 35px;\r\n        height: 35px;\r\n        fill: currentColor;\r\n        filter: drop-shadow(2px 2px 0px rgba(0,0,0,0.1));\r\n    }\r\n\r\n    @keyframes gradientMove {\r\n        to { background-position: 200% center; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .join-title { font-size: 3.5rem; }\r\n        .join-description { font-size: 1.1rem; }\r\n        .gaia-btn-social { width: 100%; max-width: 350px; font-size: 1.3rem; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"gaia-join-section\">\r\n    <div class=\"join-header\">\r\n        <h2 class=\"join-title\">JOIN THE COMMUNITY<\/h2>\r\n        <p class=\"join-description\">\r\n            Be part of the <span class=\"join-highlight\">greenest revolution<\/span> in the crypto world. \r\n            Connect with nature-loving degens and help us turn the blockchain into a thriving digital forest! \r\n            <br>Don't just watch us grow\u2014<span class=\"join-highlight\">grow with us.<\/span>\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"social-button-container\">\r\n        <a href=\"#\" class=\"gaia-btn-social btn-telegram\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.462 15.581c-.171.496-.472.583-.872.338l-2.488-1.587-1.194 1.15c-.153.153-.282.282-.577.282l.175-2.522 4.621-4.173c.201-.178-.044-.277-.311-.1l-5.712 3.597-2.446-.763c-.531-.166-.543-.531.11-.785l9.56-3.684c.443-.163.83.102.68.86l-1.556 7.42z\"\/><\/svg>\r\n            TELEGRAM\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"gaia-btn-social btn-twitter\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n            TWITTER \/ X\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"gaia-btn-social btn-swap\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/><\/svg>\r\n            SWAP NOW\r\n        <\/a>\r\n    <\/div>\r\n<\/section>\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-85be08f e-flex e-con-boxed e-con e-parent\" data-id=\"85be08f\" 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-0c8ef11 e-con-full e-flex e-con e-child\" data-id=\"0c8ef11\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7eb3d9d elementor-widget elementor-widget-html\" data-id=\"7eb3d9d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    \/* Footer Simpel & Bersih *\/\r\n    .gaia-footer-clean {\r\n        padding: 40px 2%;\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        background: transparent; \r\n        position: relative;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    \/* Area Copy CA *\/\r\n    .footer-ca-wrapper {\r\n        margin-bottom: 20px;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .footer-ca-pill {\r\n        display: flex;\r\n        align-items: center;\r\n        background: var(--gaia-dark);\r\n        border: 3px solid var(--gaia-green);\r\n        border-radius: 12px;\r\n        padding: 10px 20px;\r\n        max-width: 420px;\r\n        width: 90%;\r\n        cursor: pointer;\r\n        transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        box-shadow: 4px 4px 0px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    .footer-ca-pill:hover {\r\n        transform: scale(1.03);\r\n    }\r\n\r\n    .footer-ca-address {\r\n        font-family: 'Gluten', cursive;\r\n        font-size: 0.85rem;\r\n        color: var(--gaia-white);\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        flex-grow: 1;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* Tombol Hanya Tulisan *\/\r\n    .footer-copy-text-only {\r\n        font-family: 'Modak', cursive;\r\n        font-size: 1rem;\r\n        color: var(--gaia-green);\r\n        margin-left: 15px;\r\n        transition: color 0.3s, transform 0.2s;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .footer-ca-pill:hover .footer-copy-text-only {\r\n        color: var(--gaia-yellow);\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    \/* Copyright Text *\/\r\n    .footer-copyright-text {\r\n        font-family: 'Gluten', cursive;\r\n        font-weight: 300;\r\n        font-size: 0.9rem;\r\n        color: var(--gaia-white);\r\n        text-align: center;\r\n        text-shadow: 1px 1px 0px var(--gaia-dark);\r\n        opacity: 0.9;\r\n    }\r\n\r\n    .footer-brand-highlight {\r\n        font-family: 'Modak', cursive;\r\n        color: var(--gaia-yellow);\r\n        font-size: 1.4rem;\r\n        text-shadow: 2px 2px 0px var(--gaia-dark);\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .footer-ca-pill { max-width: 320px; padding: 8px 15px; }\r\n        .footer-copy-text-only { font-size: 0.85rem; }\r\n    }\r\n<\/style>\r\n\r\n<footer class=\"gaia-footer-clean\">\r\n    \r\n    <div class=\"footer-ca-wrapper\">\r\n        <div class=\"footer-ca-pill\" onclick=\"copyOnlyTextCA()\">\r\n            <span class=\"footer-ca-address\" id=\"cleanCA\">NULL<\/span>\r\n            <span class=\"footer-copy-text-only\" id=\"tagLabel\">COPY<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"footer-copyright-text\">\r\n        <span class=\"footer-brand-highlight\">$GAIA<\/span><br>\r\n        \u00a9 2026 GAIA Ecosystem. All Rights Reserved.\r\n    <\/div>\r\n\r\n<\/footer>\r\n\r\n<script>\r\n    function copyOnlyTextCA() {\r\n        const caText = document.getElementById('cleanCA').innerText;\r\n        navigator.clipboard.writeText(caText).then(() => {\r\n            const label = document.getElementById('tagLabel');\r\n            const originalText = label.innerText;\r\n            \r\n            label.innerText = 'COPIED!';\r\n            label.style.color = '#FFD700'; \/\/ Berubah jadi Kuning saat berhasil\r\n            \r\n            setTimeout(() => {\r\n                label.innerText = originalText;\r\n                label.style.color = ''; \/\/ Kembali ke Hijau (CSS)\r\n            }, 2000);\r\n        });\r\n    }\r\n<\/script>\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>GAIA THE MEME OF MOTHER EARTH About Eco-nomics Roadmap BUY $GAIA SAVE THE EARTH,GET GAINS! The greenest meme on the blockchain. Help GAIA plant trees while your bag grows. Purely organic, 100% cute. CONTRACT ADDRESS: NULL COPY BUY $GAIA VIEW CHART DISCOVER GAIA A NEW ERA OF ECO-MEMES While others aim for the stars, we [&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:\/\/gaiameme.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gaiameme.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gaiameme.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gaiameme.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gaiameme.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":19,"href":"https:\/\/gaiameme.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/gaiameme.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/gaiameme.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}