{"id":8,"date":"2026-08-12T20:42:24","date_gmt":"2026-08-12T20:42:24","guid":{"rendered":"https:\/\/ganadi.xyz\/?page_id=8"},"modified":"2026-08-12T22:04:27","modified_gmt":"2026-08-12T22:04:27","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/ganadi.xyz\/","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-eb0326b e-flex e-con-boxed e-con e-parent\" data-id=\"eb0326b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/ganadi.xyz\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/HERO-GANADI.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-4893e42 e-con-full e-flex e-con e-child\" data-id=\"4893e42\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9741c9a elementor-widget elementor-widget-html\" data-id=\"9741c9a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- NAV MENU SECTION (TRANSPARENT CONTAINER - NO MAIN CARD) -->\r\n<nav class=\"ganadi-nav-free\">\r\n    <!-- Individual Card for Logo -->\r\n    <div class=\"nav-brand-card\">\r\n        <span class=\"logo-text\">GANADI<\/span>\r\n    <\/div>\r\n    \r\n    <!-- Individual Cards for Menu Links -->\r\n    <ul class=\"nav-links-cards\">\r\n        <li>\r\n            <a href=\"javascript:void(0)\" onclick=\"openModal('tokenomicsModal')\" class=\"menu-item-card messy-card-1\">\r\n                [ TOKENOMICS ]\r\n            <\/a>\r\n        <\/li>\r\n        <li>\r\n            <a href=\"javascript:void(0)\" onclick=\"openModal('howToBuyModal')\" class=\"menu-item-card messy-card-2\">\r\n                [ HOW TO BUY ]\r\n            <\/a>\r\n        <\/li>\r\n        <li>\r\n            <a href=\"javascript:void(0)\" onclick=\"openModal('joinModal')\" class=\"menu-item-card messy-card-3\">\r\n                [ JOIN US ]\r\n            <\/a>\r\n        <\/li>\r\n    <\/ul>\r\n\r\n    <!-- Individual Card for Swap Button -->\r\n    <div class=\"nav-action-card\">\r\n        <a href=\"YOUR-LINK\" target=\"_blank\" class=\"comic-btn comic-btn-black action-card-btn\">\r\n            [ SWAP NOW ]\r\n        <\/a>\r\n    <\/div>\r\n<\/nav>\r\n\r\n<!-- POPUP MODAL: TOKENOMICS -->\r\n<div class=\"comic-modal-overlay\" id=\"tokenomicsModal\" onclick=\"closeModalOnOverlay(event, 'tokenomicsModal')\">\r\n    <div class=\"comic-modal-content modal-card-1\">\r\n        <button class=\"modal-close-btn\" onclick=\"closeModal('tokenomicsModal')\">\u2715<\/button>\r\n        <h2 class=\"modal-title\">TOKENOMICS<\/h2>\r\n        <ul class=\"modal-body-list\">\r\n            <li><strong>TICKER:<\/strong> $GANADI<\/li>\r\n            <li><strong>TAX:<\/strong> 0% BUY \/ 0% SELL<\/li>\r\n            <li><strong>LIQUIDITY:<\/strong> BURNED<\/li>\r\n            <li><strong>NETWORK:<\/strong> SOLANA \/ ON-CHAIN<\/li>\r\n            <li><strong>COMMUNITY:<\/strong> 100% ORGANIC<\/li>\r\n        <\/ul>\r\n        <div style=\"text-align: center; margin-top: 16px;\">\r\n            <button class=\"comic-btn comic-btn-black\" onclick=\"closeModal('tokenomicsModal')\">GOT IT!<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- POPUP MODAL: HOW TO BUY -->\r\n<div class=\"comic-modal-overlay\" id=\"howToBuyModal\" onclick=\"closeModalOnOverlay(event, 'howToBuyModal')\">\r\n    <div class=\"comic-modal-content modal-card-2\">\r\n        <button class=\"modal-close-btn\" onclick=\"closeModal('howToBuyModal')\">\u2715<\/button>\r\n        <h2 class=\"modal-title\">HOW TO BUY<\/h2>\r\n        <ul class=\"modal-body-list\">\r\n            <li>CREATE A SOLANA WALLET (PHANTOM \/ SOLFLARE).<\/li>\r\n            <li>GET SOLANA (SOL) AND TRANSFER TO YOUR WALLET.<\/li>\r\n            <li>CONNECT YOUR WALLET TO RAYDIUM OR JUPITER.<\/li>\r\n            <li>PASTE $GANADI CA & SWAP SOL FOR $GANADI.<\/li>\r\n        <\/ul>\r\n        <div style=\"text-align: center; margin-top: 16px;\">\r\n            <a href=\"YOUR-LINK\" target=\"_blank\" class=\"comic-btn comic-btn-black\">SWAP NOW<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- POPUP MODAL: JOIN US -->\r\n<div class=\"comic-modal-overlay\" id=\"joinModal\" onclick=\"closeModalOnOverlay(event, 'joinModal')\">\r\n    <div class=\"comic-modal-content modal-card-3\">\r\n        <button class=\"modal-close-btn\" onclick=\"closeModal('joinModal')\">\u2715<\/button>\r\n        <h2 class=\"modal-title\">JOIN THE COMMUNITY<\/h2>\r\n        <p style=\"font-size: 24px; text-align: center; margin-bottom: 14px;\">\r\n            Connect with fellow Ganadi fans and meme culture lovers!\r\n        <\/p>\r\n        <div style=\"display: flex; flex-direction: column; gap: 10px;\">\r\n            <a href=\"YOUR-LINK\" target=\"_blank\" class=\"comic-btn\">[ X \/ TWITTER ]<\/a>\r\n            <a href=\"YOUR-LINK\" target=\"_blank\" class=\"comic-btn comic-btn-black\">[ TELEGRAM ]<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- CSS KHUSUS NO MAIN CARD - INDIVIDUAL ITEM CARDS -->\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Bangers&family=East+Sea+Dokdo&display=swap');\r\n\r\n    :root {\r\n        --font-title: 'Bangers', cursive, system-ui;\r\n        --font-body: 'East Sea Dokdo', cursive, sans-serif;\r\n        --black: #0d0d0d;\r\n        --white: #ffffff;\r\n        --border-thick: 3.5px solid var(--black);\r\n        --shadow-comic: 4px 4px 0px var(--black);\r\n        --shadow-comic-hover: 6px 6px 0px var(--black);\r\n    }\r\n\r\n    p, button, span, a, div, li {\r\n        font-family: var(--font-body);\r\n    }\r\n\r\n    \/* CONTAINER NAVIGASI TRANSPARAN (TANPA BINGKAI UTAMA) *\/\r\n    nav.ganadi-nav-free {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 10px 0;\r\n        margin: 15px auto;\r\n        background: transparent !important;\r\n        border: none !important;\r\n        box-shadow: none !important;\r\n        position: sticky;\r\n        top: 10px;\r\n        z-index: 100;\r\n        width: 100%;\r\n        max-width: 1100px;\r\n    }\r\n\r\n    \/* CARD DENGAN BENTUK GORESAN SKETSA TANGAN ASIMETRIS *\/\r\n    .nav-brand-card,\r\n    .menu-item-card,\r\n    .action-card-btn {\r\n        background: var(--white);\r\n        border: var(--border-thick);\r\n        box-shadow: var(--shadow-comic);\r\n        transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    \/* LOGO CARD *\/\r\n    .nav-brand-card {\r\n        padding: 6px 18px;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        transform: rotate(-1.5deg);\r\n        display: inline-flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .logo-text {\r\n        font-size: 34px;\r\n        font-family: var(--font-title);\r\n        color: var(--black);\r\n        letter-spacing: 1.5px;\r\n    }\r\n\r\n    \/* NAV LINK LIST (PER-ITEM CARD) *\/\r\n    .nav-links-cards {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        list-style: none;\r\n    }\r\n\r\n    .menu-item-card {\r\n        color: var(--black);\r\n        text-decoration: none;\r\n        font-size: 26px;\r\n        font-family: var(--font-body);\r\n        padding: 6px 16px;\r\n        display: inline-block;\r\n        cursor: pointer;\r\n        user-select: none;\r\n    }\r\n\r\n    \/* Sudut & Kemiringan Berantakan *\/\r\n    .messy-card-1 {\r\n        border-radius: 255px 12px 225px 15px\/15px 225px 12px 255px;\r\n        transform: rotate(-1.2deg);\r\n    }\r\n    .messy-card-2 {\r\n        border-radius: 15px 225px 12px 255px\/255px 15px 225px 12px;\r\n        transform: rotate(1.5deg);\r\n    }\r\n    .messy-card-3 {\r\n        border-radius: 225px 12px 255px 15px\/12px 255px 15px 225px;\r\n        transform: rotate(-1deg);\r\n    }\r\n\r\n    .menu-item-card:hover {\r\n        transform: scale(1.1) rotate(-2deg) !important;\r\n        box-shadow: var(--shadow-comic-hover);\r\n        background: var(--black);\r\n        color: var(--white);\r\n    }\r\n\r\n    \/* ACTION BUTTON (SWAP NOW CARD) *\/\r\n    .comic-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: var(--white);\r\n        color: var(--black);\r\n        border: var(--border-thick);\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        padding: 6px 20px;\r\n        font-family: var(--font-body);\r\n        font-size: 26px;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n        box-shadow: var(--shadow-comic);\r\n        transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        user-select: none;\r\n    }\r\n\r\n    .action-card-btn {\r\n        transform: rotate(1.2deg);\r\n    }\r\n\r\n    .comic-btn-black {\r\n        background: var(--black);\r\n        color: var(--white);\r\n    }\r\n\r\n    .comic-btn-black:hover {\r\n        background: var(--white);\r\n        color: var(--black);\r\n        transform: translate(-2px, -2px) rotate(-1.5deg);\r\n        box-shadow: var(--shadow-comic-hover);\r\n    }\r\n\r\n    \/* POPUP MODAL STYLES *\/\r\n    .comic-modal-overlay {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100vw;\r\n        height: 100vh;\r\n        background: rgba(0, 0, 0, 0.75);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 999;\r\n        opacity: 0;\r\n        pointer-events: none;\r\n        transition: opacity 0.25s ease;\r\n        padding: 16px;\r\n    }\r\n\r\n    .comic-modal-overlay.active {\r\n        opacity: 1;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .comic-modal-content {\r\n        background: var(--white);\r\n        border: var(--border-thick);\r\n        width: 100%;\r\n        max-width: 460px;\r\n        padding: 24px;\r\n        box-shadow: 8px 8px 0px var(--black);\r\n        position: relative;\r\n        transform: translateY(100vh) scale(0.7);\r\n        transition: transform 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n        max-height: 85vh;\r\n        overflow-y: auto;\r\n    }\r\n\r\n    \/* Card Modal Berantakan *\/\r\n    .modal-card-1 { \r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px; \r\n        transform: translateY(100vh) rotate(-1.5deg); \r\n    }\r\n    .modal-card-2 { \r\n        border-radius: 15px 225px 15px 255px\/255px 15px 225px 15px; \r\n        transform: translateY(100vh) rotate(1.5deg); \r\n    }\r\n    .modal-card-3 { \r\n        border-radius: 225px 15px 255px 15px\/15px 255px 15px 225px; \r\n        transform: translateY(100vh) rotate(-1deg); \r\n    }\r\n\r\n    .comic-modal-overlay.active .comic-modal-content {\r\n        transform: translateY(0) scale(1) !important;\r\n    }\r\n\r\n    .modal-close-btn {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        background: var(--black);\r\n        color: var(--white);\r\n        border: none;\r\n        width: 32px;\r\n        height: 32px;\r\n        border-radius: 50%;\r\n        font-family: var(--font-title);\r\n        font-size: 20px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 2px 2px 0px #888;\r\n        transition: transform 0.15s;\r\n    }\r\n\r\n    .modal-close-btn:hover {\r\n        transform: scale(1.15) rotate(90deg);\r\n        background: #ff3333;\r\n    }\r\n\r\n    .modal-title {\r\n        font-family: var(--font-title);\r\n        font-size: 34px;\r\n        margin-bottom: 12px;\r\n        text-align: center;\r\n        border-bottom: var(--border-thick);\r\n        padding-bottom: 4px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .modal-body-list {\r\n        list-style: none;\r\n        font-size: 24px;\r\n    }\r\n\r\n    .modal-body-list li {\r\n        margin-bottom: 10px;\r\n        padding-left: 22px;\r\n        position: relative;\r\n    }\r\n\r\n    .modal-body-list li::before {\r\n        content: \"\u2794\";\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        font-family: monospace;\r\n    }\r\n\r\n    \/* RESPONSIVE MOBILE *\/\r\n    @media (max-width: 850px) {\r\n        nav.ganadi-nav-free {\r\n            flex-direction: column;\r\n            gap: 12px;\r\n            padding: 10px;\r\n            text-align: center;\r\n        }\r\n\r\n        .nav-links-cards {\r\n            gap: 10px;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n        }\r\n\r\n        .menu-item-card,\r\n        .comic-btn {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .action-card-btn {\r\n            width: 100%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- JAVASCRIPT LOGIC POPUP MODAL -->\r\n<script>\r\n    function openModal(id) {\r\n        const modal = document.getElementById(id);\r\n        if(modal) {\r\n            modal.classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n    }\r\n\r\n    function closeModal(id) {\r\n        const modal = document.getElementById(id);\r\n        if(modal) {\r\n            modal.classList.remove('active');\r\n            document.body.style.overflow = 'auto';\r\n        }\r\n    }\r\n\r\n    function closeModalOnOverlay(event, id) {\r\n        if (event.target.id === id) {\r\n            closeModal(id);\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<div class=\"elementor-element elementor-element-08a58ed e-con-full e-flex e-con e-child\" data-id=\"08a58ed\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94b0d9b elementor-widget elementor-widget-html\" data-id=\"94b0d9b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- HERO & CONTRACT ADDRESS SECTION -->\r\n<section class=\"ganadi-hero-container\">\r\n\r\n    <!-- HERO LAYOUT (PROPORTIONAL 50:50 SPLIT) -->\r\n    <div class=\"hero-layout-balanced\">\r\n        \r\n        <!-- LEFT COLUMN (TEXT CONTENT & BUTTONS - 50%) -->\r\n        <div class=\"hero-col-left\">\r\n            <!-- Badge Card -->\r\n            <div class=\"badge-card\">\r\n                <span class=\"hero-badge-text\">$GANADI ON-CHAIN<\/span>\r\n            <\/div>\r\n\r\n            <!-- Headline Card -->\r\n            <div class=\"headline-card\">\r\n                <h1 class=\"hero-headline\">PURE ART.<br>AUTHENTIC CULTURE.<\/h1>\r\n            <\/div>\r\n\r\n            <!-- Sub-headline Card -->\r\n            <div class=\"subheadline-card\">\r\n                <p class=\"hero-subheadline\">Minimalist hand-drawn concept on the blockchain.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Actions & SVG Social Row -->\r\n            <div class=\"hero-actions-row\">\r\n                <!-- Explore Button Trigger Popup Modal -->\r\n                <button onclick=\"openModal('exploreAboutModal')\" class=\"comic-card-btn btn-explore\">\r\n                    [ EXPLORE ]\r\n                <\/button>\r\n\r\n                <!-- Modern Clean SVG Buttons -->\r\n                <div class=\"social-svg-group\">\r\n                    <!-- X \/ Twitter -->\r\n                    <a href=\"YOUR-LINK\" target=\"_blank\" class=\"svg-btn\" title=\"X \/ Twitter\">\r\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                            <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\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n\r\n                    <!-- Telegram -->\r\n                    <a href=\"YOUR-LINK\" target=\"_blank\" class=\"svg-btn\" title=\"Telegram\">\r\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                            <path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.831-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n\r\n                    <!-- Live Chart -->\r\n                    <a href=\"YOUR-LINK\" target=\"_blank\" class=\"svg-btn\" title=\"Live Chart\">\r\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M3 3v18h18\"\/>\r\n                            <path d=\"M18 17V9\"\/>\r\n                            <path d=\"M13 17V5\"\/>\r\n                            <path d=\"M8 17v-3\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- RIGHT COLUMN (VIDEO IN WOOF CARD) -->\r\n        <div class=\"hero-col-right\">\r\n            <div class=\"media-card woof-video-card\">\r\n                <div class=\"speech-bubble\">WOOF!<\/div>\r\n                <video autoplay loop muted playsinline class=\"hero-video\">\r\n                    <source src=\"https:\/\/ganadi.xyz\/wp-content\/uploads\/2026\/08\/ICON-DEX-GANADI.mp4\" type=\"video\/mp4\">\r\n                    Your browser does not support the video tag.\r\n                <\/video>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- REAL COPY CONTRACT ADDRESS SECTION -->\r\n    <div class=\"ca-section-wrap\">\r\n        <div class=\"ca-card\">\r\n            <span class=\"ca-title-label\">OFFICIAL CONTRACT ADDRESS:<\/span>\r\n            <div class=\"ca-box\">\r\n                <span class=\"ca-text\" id=\"ganadiCA\">0x0000000000000000000000000000000000000000<\/span>\r\n                <button class=\"copy-ca-btn\" onclick=\"copyContractAddress()\" id=\"copyBtn\">\r\n                    COPY CA\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- POPUP MODAL: EXPLORE ABOUT -->\r\n<div class=\"comic-modal-overlay\" id=\"exploreAboutModal\" onclick=\"closeModalOnOverlay(event, 'exploreAboutModal')\">\r\n    <div class=\"comic-modal-content explore-modal-card\">\r\n        <button class=\"modal-close-btn\" onclick=\"closeModal('exploreAboutModal')\">\u2715<\/button>\r\n        <h2 class=\"modal-title\">WHO IS GANADI<\/h2>\r\n        <p class=\"modal-about-text\">\r\n            A hand-drawn white dog character - Its name is Ganadi, a playful twist on the Korean word for \"puppy\". Created by Korean designer bdemgmr.\r\n        <\/p>\r\n        <div style=\"text-align: center; margin-top: 18px;\">\r\n            <button class=\"comic-card-btn copy-btn-black\" onclick=\"closeModal('exploreAboutModal')\">GOT IT!<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- CSS KHUSUS HERO, CA SECTION & POPUP MODAL -->\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Bangers&family=East+Sea+Dokdo&display=swap');\r\n\r\n    :root {\r\n        --font-title: 'Bangers', cursive, system-ui;\r\n        --font-body: 'East Sea Dokdo', cursive, sans-serif;\r\n        --black: #0d0d0d;\r\n        --white: #ffffff;\r\n        --border-thick: 3.5px solid var(--black);\r\n        --shadow-comic: 4px 4px 0px var(--black);\r\n        --shadow-comic-hover: 6px 6px 0px var(--black);\r\n    }\r\n\r\n    p, button, span, a, div, h1, h2 {\r\n        font-family: var(--font-body);\r\n    }\r\n\r\n    .ganadi-hero-container {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        padding: 16px 12px;\r\n    }\r\n\r\n    \/* BALANCED 50:50 GRID LAYOUT *\/\r\n    .hero-layout-balanced {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 24px;\r\n        align-items: center;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    \/* LEFT COLUMN *\/\r\n    .hero-col-left {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        align-items: flex-start;\r\n        width: 100%;\r\n    }\r\n\r\n    .badge-card {\r\n        background: var(--black);\r\n        color: var(--white);\r\n        padding: 4px 14px;\r\n        border-radius: 255px 12px 225px 12px\/12px 225px 12px 255px;\r\n        box-shadow: 3px 3px 0px rgba(0,0,0,0.2);\r\n        transform: rotate(-1.2deg);\r\n        display: inline-block;\r\n    }\r\n\r\n    .hero-badge-text {\r\n        font-family: var(--font-title);\r\n        font-size: 20px;\r\n        letter-spacing: 0.8px;\r\n    }\r\n\r\n    .headline-card {\r\n        background: var(--white);\r\n        border: var(--border-thick);\r\n        padding: 14px 20px;\r\n        border-radius: 15px 225px 12px 255px\/255px 12px 225px 15px;\r\n        box-shadow: var(--shadow-comic);\r\n        transform: rotate(-0.5deg);\r\n        width: 100%;\r\n    }\r\n\r\n    .hero-headline {\r\n        font-family: var(--font-title);\r\n        font-size: 48px;\r\n        line-height: 0.95;\r\n        color: var(--black);\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .subheadline-card {\r\n        background: var(--white);\r\n        border: var(--border-thick);\r\n        padding: 8px 16px;\r\n        border-radius: 225px 12px 255px 15px\/12px 255px 15px 225px;\r\n        box-shadow: var(--shadow-comic);\r\n        transform: rotate(0.6deg);\r\n        width: 100%;\r\n    }\r\n\r\n    .hero-subheadline {\r\n        font-size: 24px;\r\n        color: var(--black);\r\n        line-height: 1.1;\r\n    }\r\n\r\n    .hero-actions-row {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        flex-wrap: wrap;\r\n        margin-top: 4px;\r\n    }\r\n\r\n    .comic-card-btn {\r\n        background: var(--white);\r\n        color: var(--black);\r\n        border: var(--border-thick);\r\n        padding: 6px 18px;\r\n        font-size: 24px;\r\n        text-decoration: none;\r\n        border-radius: 255px 12px 225px 12px\/12px 225px 12px 255px;\r\n        box-shadow: var(--shadow-comic);\r\n        transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .btn-explore {\r\n        transform: rotate(-0.8deg);\r\n    }\r\n\r\n    .comic-card-btn:hover {\r\n        transform: scale(1.06) rotate(-2deg) !important;\r\n        box-shadow: var(--shadow-comic-hover);\r\n        background: var(--black);\r\n        color: var(--white);\r\n    }\r\n\r\n    .social-svg-group {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .svg-btn {\r\n        background: var(--white);\r\n        color: var(--black);\r\n        border: var(--border-thick);\r\n        width: 42px;\r\n        height: 42px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 255px 12px 225px 12px\/12px 225px 12px 255px;\r\n        box-shadow: var(--shadow-comic);\r\n        transition: all 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        text-decoration: none;\r\n    }\r\n\r\n    .svg-btn:nth-child(1) { transform: rotate(1.2deg); }\r\n    .svg-btn:nth-child(2) { transform: rotate(-1.5deg); }\r\n    .svg-btn:nth-child(3) { transform: rotate(1deg); }\r\n\r\n    .svg-btn:hover {\r\n        transform: scale(1.12) rotate(-3deg) !important;\r\n        box-shadow: var(--shadow-comic-hover);\r\n        background: var(--black);\r\n        color: var(--white);\r\n    }\r\n\r\n    \/* RIGHT COLUMN (VIDEO IN WOOF CARD) *\/\r\n    .hero-col-right {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .media-card {\r\n        background: var(--white);\r\n        border: var(--border-thick);\r\n        padding: 12px;\r\n        box-shadow: var(--shadow-comic);\r\n        text-align: center;\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 420px;\r\n    }\r\n\r\n    .woof-video-card {\r\n        border-radius: 15px 225px 12px 255px\/255px 12px 225px 15px;\r\n        transform: rotate(1.2deg);\r\n    }\r\n\r\n    .hero-video {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        border-radius: 10px;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .speech-bubble {\r\n        position: absolute;\r\n        top: -14px;\r\n        right: 10px;\r\n        background: var(--white);\r\n        border: var(--border-thick);\r\n        border-radius: 50px;\r\n        padding: 4px 14px;\r\n        font-family: var(--font-title);\r\n        font-size: 18px;\r\n        box-shadow: 2px 2px 0px var(--black);\r\n        transform: rotate(6deg);\r\n        z-index: 5;\r\n    }\r\n\r\n    \/* CONTRACT ADDRESS SECTION STYLES *\/\r\n    .ca-section-wrap {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin-top: 12px;\r\n    }\r\n\r\n    .ca-card {\r\n        background: var(--white);\r\n        border: var(--border-thick);\r\n        padding: 14px 20px;\r\n        border-radius: 15px 225px 12px 255px\/255px 12px 225px 15px;\r\n        box-shadow: var(--shadow-comic);\r\n        transform: rotate(-0.5deg);\r\n        width: 100%;\r\n        text-align: center;\r\n    }\r\n\r\n    .ca-title-label {\r\n        font-family: var(--font-title);\r\n        font-size: 22px;\r\n        display: block;\r\n        margin-bottom: 6px;\r\n        letter-spacing: 0.8px;\r\n    }\r\n\r\n    .ca-box {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        background: #f4f4f2;\r\n        border: var(--border-thick);\r\n        padding: 6px 14px;\r\n        border-radius: 12px;\r\n        gap: 10px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .ca-text {\r\n        font-size: 22px;\r\n        color: var(--black);\r\n        word-break: break-all;\r\n        user-select: all;\r\n    }\r\n\r\n    .copy-ca-btn {\r\n        background: var(--black);\r\n        color: var(--white);\r\n        border: var(--border-thick);\r\n        padding: 4px 16px;\r\n        font-size: 20px;\r\n        border-radius: 255px 12px 225px 12px\/12px 225px 12px 255px;\r\n        cursor: pointer;\r\n        box-shadow: 2px 2px 0px #666;\r\n        transition: all 0.15s;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .copy-ca-btn:hover {\r\n        transform: scale(1.05);\r\n        background: var(--white);\r\n        color: var(--black);\r\n    }\r\n\r\n    \/* POPUP MODAL STYLES *\/\r\n    .comic-modal-overlay {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100vw;\r\n        height: 100vh;\r\n        background: rgba(0, 0, 0, 0.75);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 999;\r\n        opacity: 0;\r\n        pointer-events: none;\r\n        transition: opacity 0.25s ease;\r\n        padding: 16px;\r\n    }\r\n\r\n    .comic-modal-overlay.active {\r\n        opacity: 1;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .comic-modal-content {\r\n        background: var(--white);\r\n        border: var(--border-thick);\r\n        width: 100%;\r\n        max-width: 480px;\r\n        padding: 24px;\r\n        box-shadow: 8px 8px 0px var(--black);\r\n        position: relative;\r\n        transform: translateY(100vh) scale(0.7);\r\n        transition: transform 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n        max-height: 85vh;\r\n        overflow-y: auto;\r\n    }\r\n\r\n    .explore-modal-card {\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        transform: translateY(100vh) rotate(-1.5deg);\r\n    }\r\n\r\n    .comic-modal-overlay.active .comic-modal-content {\r\n        transform: translateY(0) scale(1) !important;\r\n    }\r\n\r\n    .modal-close-btn {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        background: var(--black);\r\n        color: var(--white);\r\n        border: none;\r\n        width: 32px;\r\n        height: 32px;\r\n        border-radius: 50%;\r\n        font-family: var(--font-title);\r\n        font-size: 20px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 2px 2px 0px #888;\r\n        transition: transform 0.15s;\r\n    }\r\n\r\n    .modal-close-btn:hover {\r\n        transform: scale(1.15) rotate(90deg);\r\n        background: #ff3333;\r\n    }\r\n\r\n    .modal-title {\r\n        font-family: var(--font-title);\r\n        font-size: 34px;\r\n        margin-bottom: 12px;\r\n        text-align: center;\r\n        border-bottom: var(--border-thick);\r\n        padding-bottom: 4px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .modal-about-text {\r\n        font-size: 24px;\r\n        color: var(--black);\r\n        line-height: 1.25;\r\n        text-align: center;\r\n        margin: 0;\r\n    }\r\n\r\n    .copy-btn-black {\r\n        background: var(--black);\r\n        color: var(--white);\r\n    }\r\n\r\n    \/* RESPONSIVE MOBILE *\/\r\n    @media (max-width: 850px) {\r\n        .hero-layout-balanced {\r\n            grid-template-columns: 1fr;\r\n            text-align: center;\r\n        }\r\n\r\n        .hero-col-left {\r\n            align-items: center;\r\n        }\r\n\r\n        .hero-headline {\r\n            font-size: 38px;\r\n        }\r\n\r\n        .ca-box {\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        .copy-ca-btn {\r\n            width: 100%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- JAVASCRIPT LOGIC (MODAL & COPY CA) -->\r\n<script>\r\n    \/\/ Modal Open & Close System\r\n    function openModal(id) {\r\n        const modal = document.getElementById(id);\r\n        if(modal) {\r\n            modal.classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n    }\r\n\r\n    function closeModal(id) {\r\n        const modal = document.getElementById(id);\r\n        if(modal) {\r\n            modal.classList.remove('active');\r\n            document.body.style.overflow = 'auto';\r\n        }\r\n    }\r\n\r\n    function closeModalOnOverlay(event, id) {\r\n        if (event.target.id === id) {\r\n            closeModal(id);\r\n        }\r\n    }\r\n\r\n    \/\/ Real Copy Contract Address\r\n    function copyContractAddress() {\r\n        const caText = document.getElementById(\"ganadiCA\").innerText;\r\n        const copyBtn = document.getElementById(\"copyBtn\");\r\n\r\n        navigator.clipboard.writeText(caText).then(() => {\r\n            const originalText = copyBtn.innerText;\r\n            copyBtn.innerText = \"COPIED! \u2713\";\r\n            copyBtn.style.background = \"#000\";\r\n            copyBtn.style.color = \"#fff\";\r\n\r\n            setTimeout(() => {\r\n                copyBtn.innerText = originalText;\r\n                copyBtn.style.background = \"\";\r\n                copyBtn.style.color = \"\";\r\n            }, 2000);\r\n        }).catch(err => {\r\n            console.error(\"Failed to copy CA: \", err);\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-c1aac14 e-flex e-con-boxed e-con e-parent\" data-id=\"c1aac14\" 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-81d3bbf e-con-full e-flex e-con e-child\" data-id=\"81d3bbf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8fc4af elementor-widget elementor-widget-html\" data-id=\"e8fc4af\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- PRELOADER LAYER (STANDALONE) -->\r\n<div id=\"ganadi-preloader\">\r\n    <div class=\"preloader-box\">\r\n        <!-- Video Loop Preloader -->\r\n        <div class=\"preloader-video-card\">\r\n            <video autoplay loop muted playsinline class=\"preloader-video\">\r\n                <source src=\"https:\/\/ganadi.xyz\/wp-content\/uploads\/2026\/08\/ICON-DEX-GANADI-1.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n        <\/div>\r\n\r\n        <!-- Typing Loading Text -->\r\n        <div class=\"preloader-text-box\">\r\n            <span id=\"typewriter-text\"><\/span><span class=\"typewriter-cursor\">|<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- CSS STANDALONE PRELOADER -->\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Bangers&display=swap');\r\n\r\n    \/* FULLSCREEN WHITE OVERLAY *\/\r\n    #ganadi-preloader {\r\n        position: fixed !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100vw !important;\r\n        height: 100vh !important;\r\n        background-color: #ffffff !important; \/* Full White Background *\/\r\n        z-index: 9999999 !important; \/* Memastikan di atas semua elemen WordPress *\/\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        opacity: 1;\r\n        visibility: visible;\r\n        transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n\r\n    \/* SMOOTH FADE OUT EFFECT *\/\r\n    #ganadi-preloader.fade-out {\r\n        opacity: 0 !important;\r\n        visibility: hidden !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    .preloader-box {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 16px;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* CARD VIDEO PRELOADER SKETCH *\/\r\n    .preloader-video-card {\r\n        width: 170px;\r\n        height: 170px;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n        border: 3.5px solid #0d0d0d;\r\n        box-shadow: 4px 4px 0px #0d0d0d;\r\n        background: #ffffff;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transform: rotate(-1.5deg);\r\n    }\r\n\r\n    .preloader-video {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n    \/* TYPING TEXT STYLE *\/\r\n    .preloader-text-box {\r\n        font-family: 'Bangers', cursive, system-ui, sans-serif !important;\r\n        font-size: 38px !important;\r\n        color: #0d0d0d !important;\r\n        letter-spacing: 2px !important;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0;\r\n        line-height: 1;\r\n    }\r\n\r\n    .typewriter-cursor {\r\n        font-family: monospace !important;\r\n        font-weight: bold;\r\n        animation: blinkCursor 0.5s infinite;\r\n        margin-left: 2px;\r\n    }\r\n\r\n    @keyframes blinkCursor {\r\n        0%, 100% { opacity: 1; }\r\n        50% { opacity: 0; }\r\n    }\r\n<\/style>\r\n\r\n<!-- JAVASCRIPT TYPING EFFECT & AUTOMATIC DISMISS -->\r\n<script>\r\n    (function () {\r\n        function initPreloader() {\r\n            const preloader = document.getElementById(\"ganadi-preloader\");\r\n            const typewriterText = document.getElementById(\"typewriter-text\");\r\n            const fullText = \"GANADI...\";\r\n            let charIndex = 0;\r\n\r\n            \/\/ Kunci scroll halaman saat preloader aktif\r\n            document.documentElement.style.overflow = \"hidden\";\r\n            document.body.style.overflow = \"hidden\";\r\n\r\n            \/\/ Efek Mengetik Teks \"GANADI...\"\r\n            function typeNextChar() {\r\n                if (typewriterText && charIndex < fullText.length) {\r\n                    typewriterText.textContent += fullText.charAt(charIndex);\r\n                    charIndex++;\r\n                    setTimeout(typeNextChar, 180);\r\n                }\r\n            }\r\n\r\n            typeNextChar();\r\n\r\n            \/\/ Sembunyikan preloader dan tampilkan situs WordPress setelah 3.2 detik\r\n            setTimeout(function () {\r\n                if (preloader) {\r\n                    preloader.classList.add(\"fade-out\");\r\n                    \r\n                    \/\/ Kembalikan fungsi scroll normal WordPress\r\n                    document.documentElement.style.overflow = \"\";\r\n                    document.body.style.overflow = \"\";\r\n                }\r\n            }, 3200);\r\n        }\r\n\r\n        if (document.readyState === \"loading\") {\r\n            document.addEventListener(\"DOMContentLoaded\", initPreloader);\r\n        } else {\r\n            initPreloader();\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<div class=\"elementor-element elementor-element-bb008b5 e-con-full e-flex e-con e-child\" data-id=\"bb008b5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35eb1cb elementor-widget elementor-widget-html\" data-id=\"35eb1cb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ABOUT & FAQ SECTION -->\r\n<section id=\"about\" class=\"ganadi-about-faq-section\">\r\n\r\n    <!-- 1. ABOUT SECTION HEADER -->\r\n    <div class=\"section-title-card\">\r\n        <h2 class=\"section-title\">ABOUT<\/h2>\r\n    <\/div>\r\n\r\n    <!-- WHO IS GANADI - MAIN CARD WITH ANIMATED ASSETS -->\r\n    <div class=\"about-main-card\">\r\n        <h3 class=\"about-card-subtitle\">WHO IS GANADI<\/h3>\r\n        \r\n        <!-- MANDATORY DESCRIPTION TEXT -->\r\n        <p class=\"about-description-text\">\r\n            A hand-drawn white dog character - Its name is Ganadi, a playful twist on the Korean word for \"puppy\". Created by Korean designer bdemgmr.\r\n        <\/p>\r\n\r\n        <!-- ANIMATED ASSETS GRID INSIDE ABOUT CARD -->\r\n        <div class=\"about-assets-animated-grid\">\r\n            \r\n            <!-- Asset 1 (Animated Floating) -->\r\n            <div class=\"animated-asset-box asset-float-1\">\r\n                <img decoding=\"async\" src=\"https:\/\/ganadi.xyz\/wp-content\/uploads\/2026\/08\/ASET1.png\" alt=\"Ganadi Asset 1\" onerror=\"this.src='https:\/\/via.placeholder.com\/200x200\/ffffff\/000000?text=ASET1'\">\r\n            <\/div>\r\n\r\n            <!-- Asset 2 (Animated Floating) -->\r\n            <div class=\"animated-asset-box asset-float-2\">\r\n                <img decoding=\"async\" src=\"https:\/\/ganadi.xyz\/wp-content\/uploads\/2026\/08\/ASET2.png\" alt=\"Ganadi Asset 2\" onerror=\"this.src='https:\/\/via.placeholder.com\/200x200\/ffffff\/000000?text=ASET2'\">\r\n            <\/div>\r\n\r\n            <!-- Asset 3 (Animated Floating) -->\r\n            <div class=\"animated-asset-box asset-float-3\">\r\n                <img decoding=\"async\" src=\"https:\/\/ganadi.xyz\/wp-content\/uploads\/2026\/08\/ASET3.png\" alt=\"Ganadi Asset 3\" onerror=\"this.src='https:\/\/via.placeholder.com\/200x200\/ffffff\/000000?text=ASET3'\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 2. FAQ SECTION (5 POINTS) -->\r\n    <div class=\"section-title-card\" style=\"margin-top: 24px;\">\r\n        <h2 class=\"section-title\">FREQUENTLY ASKED QUESTIONS<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"faq-container\">\r\n        \r\n        <!-- FAQ 1 -->\r\n        <div class=\"faq-card faq-card-1\">\r\n            <button class=\"faq-question-btn\" onclick=\"toggleFAQ(this)\">\r\n                <span>01 \/ WHAT IS $GANADI?<\/span>\r\n                <span class=\"faq-icon\">+<\/span>\r\n            <\/button>\r\n            <div class=\"faq-answer-content\">\r\n                <p>A hand-drawn Korean puppy meme character on the blockchain created by designer bdemgmr.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ 2 -->\r\n        <div class=\"faq-card faq-card-2\">\r\n            <button class=\"faq-question-btn\" onclick=\"toggleFAQ(this)\">\r\n                <span>02 \/ WHO CREATED GANADI?<\/span>\r\n                <span class=\"faq-icon\">+<\/span>\r\n            <\/button>\r\n            <div class=\"faq-answer-content\">\r\n                <p>Created directly by Korean artist and designer bdemgmr.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ 3 -->\r\n        <div class=\"faq-card faq-card-3\">\r\n            <button class=\"faq-question-btn\" onclick=\"toggleFAQ(this)\">\r\n                <span>03 \/ WHAT IS THE TOKEN TAX?<\/span>\r\n                <span class=\"faq-icon\">+<\/span>\r\n            <\/button>\r\n            <div class=\"faq-answer-content\">\r\n                <p>0% Buy tax and 0% Sell tax. Pure organic trading.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ 4 -->\r\n        <div class=\"faq-card faq-card-4\">\r\n            <button class=\"faq-question-btn\" onclick=\"toggleFAQ(this)\">\r\n                <span>04 \/ IS LIQUIDITY BURNED?<\/span>\r\n                <span class=\"faq-icon\">+<\/span>\r\n            <\/button>\r\n            <div class=\"faq-answer-content\">\r\n                <p>Yes, 100% of liquidity pool tokens are burned permanently.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ 5 -->\r\n        <div class=\"faq-card faq-card-5\">\r\n            <button class=\"faq-question-btn\" onclick=\"toggleFAQ(this)\">\r\n                <span>05 \/ HOW DO I BUY $GANADI?<\/span>\r\n                <span class=\"faq-icon\">+<\/span>\r\n            <\/button>\r\n            <div class=\"faq-answer-content\">\r\n                <p>Get a Solana wallet (Phantom\/Solflare), buy SOL, connect to Raydium\/Jupiter, paste CA, and swap.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- CSS KHUSUS ABOUT & ANIMATED ASSETS -->\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Bangers&family=East+Sea+Dokdo&display=swap');\r\n\r\n    :root {\r\n        --font-title: 'Bangers', cursive, system-ui;\r\n        --font-body: 'East Sea Dokdo', cursive, sans-serif;\r\n        --black: #0d0d0d;\r\n        --white: #ffffff;\r\n        --border-thick: 3.5px solid var(--black);\r\n        --shadow-comic: 4px 4px 0px var(--black);\r\n        --shadow-comic-hover: 6px 6px 0px var(--black);\r\n    }\r\n\r\n    p, button, span, a, div, h2, h3 {\r\n        font-family: var(--font-body);\r\n    }\r\n\r\n    .ganadi-about-faq-section {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin: 40px auto;\r\n        padding: 0 12px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* TITLE CARD *\/\r\n    .section-title-card {\r\n        background: var(--black);\r\n        color: var(--white);\r\n        padding: 6px 24px;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        box-shadow: 3px 3px 0px rgba(0,0,0,0.2);\r\n        transform: rotate(-1deg);\r\n        display: inline-block;\r\n    }\r\n\r\n    .section-title {\r\n        font-family: var(--font-title);\r\n        font-size: 34px;\r\n        letter-spacing: 1.5px;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* MAIN ABOUT CARD *\/\r\n    .about-main-card {\r\n        background: var(--white);\r\n        border: var(--border-thick);\r\n        padding: 24px;\r\n        border-radius: 15px 225px 12px 255px\/255px 12px 225px 15px;\r\n        box-shadow: var(--shadow-comic);\r\n        transform: rotate(0.4deg);\r\n        width: 100%;\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .about-card-subtitle {\r\n        font-family: var(--font-title);\r\n        font-size: 32px;\r\n        color: var(--black);\r\n        border-bottom: var(--border-thick);\r\n        padding-bottom: 4px;\r\n        margin-bottom: 12px;\r\n        letter-spacing: 1px;\r\n        width: 100%;\r\n    }\r\n\r\n    .about-description-text {\r\n        font-size: 26px;\r\n        color: var(--black);\r\n        line-height: 1.25;\r\n        margin: 0 0 24px 0;\r\n    }\r\n\r\n    \/* ANIMATED ASSETS GRID INSIDE ABOUT CARD *\/\r\n    .about-assets-animated-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 16px;\r\n        width: 100%;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .animated-asset-box {\r\n        background: #fcfcfc;\r\n        border: var(--border-thick);\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        padding: 12px;\r\n        height: 180px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 3px 3px 0px var(--black);\r\n    }\r\n\r\n    .animated-asset-box img {\r\n        max-width: 100%;\r\n        max-height: 100%;\r\n        object-fit: contain;\r\n        filter: drop-shadow(2px 2px 0px #000);\r\n        transition: transform 0.3s;\r\n    }\r\n\r\n    \/* ANIMASI GERAK MELAYANG (FLOATING) ACAL UNTUK DUA\/TIGA ASET *\/\r\n    .asset-float-1 {\r\n        animation: floatComic1 3s infinite ease-in-out;\r\n    }\r\n    .asset-float-2 {\r\n        animation: floatComic2 3.6s infinite ease-in-out;\r\n    }\r\n    .asset-float-3 {\r\n        animation: floatComic3 2.8s infinite ease-in-out;\r\n    }\r\n\r\n    @keyframes floatComic1 {\r\n        0%, 100% { transform: translateY(0px) rotate(-1.5deg); }\r\n        50% { transform: translateY(-10px) rotate(1deg); }\r\n    }\r\n\r\n    @keyframes floatComic2 {\r\n        0%, 100% { transform: translateY(0px) rotate(1.8deg); }\r\n        50% { transform: translateY(-12px) rotate(-1deg); }\r\n    }\r\n\r\n    @keyframes floatComic3 {\r\n        0%, 100% { transform: translateY(0px) rotate(-1deg); }\r\n        50% { transform: translateY(-8px) rotate(2deg); }\r\n    }\r\n\r\n    .animated-asset-box:hover img {\r\n        transform: scale(1.15) rotate(4deg);\r\n    }\r\n\r\n    \/* FAQ ACCORDION STYLES *\/\r\n    .faq-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 14px;\r\n        width: 100%;\r\n    }\r\n\r\n    .faq-card {\r\n        background: var(--white);\r\n        border: var(--border-thick);\r\n        box-shadow: var(--shadow-comic);\r\n        transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .faq-card-1 { border-radius: 255px 12px 225px 15px\/15px 225px 12px 255px; transform: rotate(-0.5deg); }\r\n    .faq-card-2 { border-radius: 15px 225px 12px 255px\/255px 12px 225px 15px; transform: rotate(0.6deg); }\r\n    .faq-card-3 { border-radius: 225px 12px 255px 15px\/12px 255px 15px 225px; transform: rotate(-0.4deg); }\r\n    .faq-card-4 { border-radius: 12px 255px 15px 225px\/225px 15px 255px 12px; transform: rotate(0.5deg); }\r\n    .faq-card-5 { border-radius: 255px 15px 225px 12px\/15px 225px 12px 255px; transform: rotate(-0.3deg); }\r\n\r\n    .faq-question-btn {\r\n        width: 100%;\r\n        background: transparent;\r\n        border: none;\r\n        padding: 14px 20px;\r\n        font-size: 26px;\r\n        font-weight: bold;\r\n        color: var(--black);\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n        text-align: left;\r\n    }\r\n\r\n    .faq-icon {\r\n        font-family: var(--font-title);\r\n        font-size: 30px;\r\n        transition: transform 0.3s;\r\n    }\r\n\r\n    .faq-answer-content {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.3s ease-out, padding 0.3s ease-out;\r\n        background: #fcfcfc;\r\n        border-top: 0px solid var(--black);\r\n    }\r\n\r\n    .faq-answer-content p {\r\n        font-size: 24px;\r\n        color: var(--black);\r\n        padding: 0 20px 14px 20px;\r\n        margin: 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .faq-card.active .faq-answer-content {\r\n        max-height: 200px;\r\n        border-top: var(--border-thick);\r\n    }\r\n\r\n    .faq-card.active .faq-answer-content p {\r\n        padding-top: 10px;\r\n    }\r\n\r\n    .faq-card.active .faq-icon {\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    \/* RESPONSIVE MOBILE *\/\r\n    @media (max-width: 850px) {\r\n        .about-assets-animated-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .animated-asset-box {\r\n            height: 160px;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .about-card-subtitle {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .about-description-text,\r\n        .faq-question-btn {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .faq-answer-content p {\r\n            font-size: 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- JAVASCRIPT FAQ TOGGLE ACCORDION -->\r\n<script>\r\n    function toggleFAQ(buttonElement) {\r\n        const card = buttonElement.parentElement;\r\n        \r\n        \/\/ Close other FAQs if open\r\n        document.querySelectorAll('.faq-card').forEach(item => {\r\n            if (item !== card) {\r\n                item.classList.remove('active');\r\n            }\r\n        });\r\n\r\n        \/\/ Toggle current FAQ\r\n        card.classList.toggle('active');\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-3dc6a7d e-flex e-con-boxed e-con e-parent\" data-id=\"3dc6a7d\" 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\t\t<div class=\"elementor-element elementor-element-9e7caa0 elementor-widget elementor-widget-html\" data-id=\"9e7caa0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- FOOTER SECTION (SLIM, SIMPLE, WHITE TEXT) -->\r\n<footer class=\"ganadi-footer-free\">\r\n    <!-- BRAND LOGO -->\r\n    <div class=\"footer-free-brand\">\r\n        <span class=\"footer-logo-text\">GANADI<\/span>\r\n    <\/div>\r\n\r\n    <!-- COPYRIGHT -->\r\n    <div class=\"footer-free-copy\">\r\n        <span>\u00a9 2026 GANADI. ALL RIGHTS RESERVED. CREATED BY BDEMGMR.<\/span>\r\n    <\/div>\r\n<\/footer>\r\n\r\n<!-- CSS KHUSUS FOOTER SLIM (TEKS WARNA PUTIH) -->\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Bangers&family=East+Sea+Dokdo&display=swap');\r\n\r\n    :root {\r\n        --font-title: 'Bangers', cursive, system-ui;\r\n        --font-body: 'East Sea Dokdo', cursive, sans-serif;\r\n        --white: #ffffff; \/* Warna teks putih *\/\r\n    }\r\n\r\n    span, div, footer {\r\n        font-family: var(--font-body);\r\n    }\r\n\r\n    \/* FOOTER TRANSPARENT CONTAINER (NO MAIN CARD \/ NO BORDER) *\/\r\n    footer.ganadi-footer-free {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin: 20px auto 10px auto;\r\n        padding: 10px 16px;\r\n        background: transparent !important;\r\n        border: none !important;\r\n        box-shadow: none !important;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 12px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* BRAND LOGO *\/\r\n    .footer-free-brand {\r\n        display: flex;\r\n        align-items: center;\r\n        transform: rotate(-0.8deg);\r\n    }\r\n\r\n    .footer-logo-text {\r\n        font-family: var(--font-title);\r\n        font-size: 26px;\r\n        color: var(--white) !important; \/* Diubah ke warna putih *\/\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* COPYRIGHT *\/\r\n    .footer-free-copy {\r\n        font-size: 20px;\r\n        color: var(--white) !important; \/* Diubah ke warna putih *\/\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/* RESPONSIVE MOBILE SLIM *\/\r\n    @media (max-width: 850px) {\r\n        footer.ganadi-footer-free {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            justify-content: center;\r\n            gap: 4px;\r\n            padding: 10px 12px;\r\n        }\r\n\r\n        .footer-logo-text {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .footer-free-copy {\r\n            font-size: 18px;\r\n            white-space: normal;\r\n        }\r\n    }\r\n<\/style>\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>GANADI [ TOKENOMICS ] [ HOW TO BUY ] [ JOIN US ] [ SWAP NOW ] \u2715 TOKENOMICS TICKER: $GANADI TAX: 0% BUY \/ 0% SELL LIQUIDITY: BURNED NETWORK: SOLANA \/ ON-CHAIN COMMUNITY: 100% ORGANIC GOT IT! \u2715 HOW TO BUY CREATE A SOLANA WALLET (PHANTOM \/ SOLFLARE). GET SOLANA (SOL) AND TRANSFER TO [&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:\/\/ganadi.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ganadi.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ganadi.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ganadi.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ganadi.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":22,"href":"https:\/\/ganadi.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/ganadi.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/ganadi.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}