{"id":8,"date":"2026-02-27T19:33:02","date_gmt":"2026-02-27T19:33:02","guid":{"rendered":"https:\/\/hippobean.fun\/?page_id=8"},"modified":"2026-02-28T05:45:16","modified_gmt":"2026-02-28T05:45:16","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/hippobean.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-5116c93 e-flex e-con-boxed e-con e-parent\" data-id=\"5116c93\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;http:\\\/\\\/hippobean.fun\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/VIDHIPPOBEAN.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-04fe3df e-con-full e-flex e-con e-child\" data-id=\"04fe3df\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3968f2b elementor-widget elementor-widget-html\" data-id=\"3968f2b\" 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=Cherry+Bomb+One&family=Happy+Monkey&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --pink-hippo: #FF007F;\r\n        --dark-card: #121212;\r\n    }\r\n\r\n    \/* Wrapper luar untuk padding *\/\r\n    .nav-wrapper {\r\n        position: fixed;\r\n        top: 20px; \/* Jarak dari atas agar terlihat melayang *\/\r\n        left: 0;\r\n        width: 100%;\r\n        z-index: 9999;\r\n        display: flex;\r\n        justify-content: center;\r\n        padding: 0 15px;\r\n    }\r\n\r\n    \/* Card Utama yang Membalut Semua Menu *\/\r\n    .nav-card {\r\n        background: var(--dark-card);\r\n        border: 4px solid white;\r\n        border-radius: 30px; \/* Gaya super melengkung kartun *\/\r\n        box-shadow: 0px 10px 0px var(--pink-hippo); \/* Bayangan tebal khas kartun *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        max-width: 1100px;\r\n        width: 100%;\r\n        padding: 10px 30px;\r\n        transition: all 0.3s ease-in-out;\r\n        animation: popUp 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55);\r\n    }\r\n\r\n    @keyframes popUp {\r\n        0% { transform: scale(0.5); opacity: 0; }\r\n        100% { transform: scale(1); opacity: 1; }\r\n    }\r\n\r\n    \/* Sisi Menu *\/\r\n    .nav-side {\r\n        display: flex;\r\n        gap: 20px;\r\n        flex: 1;\r\n        font-family: 'Happy Monkey', system-ui;\r\n    }\r\n    .side-left { justify-content: flex-start; }\r\n    .side-right { justify-content: flex-end; }\r\n\r\n    \/* Logo di Tengah *\/\r\n    .logo-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        position: relative;\r\n        top: -5px; \/* Sedikit naik agar keluar dari pembatas *\/\r\n        transition: transform 0.3s ease;\r\n    }\r\n    .logo-container:hover {\r\n        transform: scale(1.1) rotate(5deg);\r\n    }\r\n    .logo-img {\r\n        width: 130px;\r\n        height: auto;\r\n        filter: drop-shadow(0 0 10px var(--pink-hippo));\r\n    }\r\n\r\n    \/* Link Menu Gaya Stiker *\/\r\n    .nav-item {\r\n        color: white;\r\n        text-decoration: none;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        font-size: 13px;\r\n        padding: 8px 16px;\r\n        border-radius: 15px;\r\n        border: 2px solid transparent;\r\n        transition: all 0.2s ease;\r\n        white-space: nowrap;\r\n    }\r\n    .nav-item:hover {\r\n        background: white;\r\n        color: var(--pink-hippo);\r\n        transform: translateY(-3px);\r\n        box-shadow: 4px 4px 0px var(--pink-hippo);\r\n    }\r\n\r\n    \/* Tombol Buy Khusus *\/\r\n    .btn-buy {\r\n        background: var(--pink-hippo);\r\n        color: white !important;\r\n        border: 2px solid white !important;\r\n        box-shadow: 4px 4px 0px white;\r\n    }\r\n\r\n    \/* Tampilan Mobile Phone (Fleksibel) *\/\r\n    @media (max-width: 850px) {\r\n        .nav-card {\r\n            padding: 8px 15px;\r\n            border-radius: 20px;\r\n            box-shadow: 6px 6px 0px var(--pink-hippo);\r\n        }\r\n        .nav-side { display: none; } \/* Sembunyikan teks menu di HP *\/\r\n        .logo-img { width: 90px; }\r\n        .logo-container { top: 0; }\r\n        \r\n        \/* Tambahkan tombol buy kecil di HP agar tetap fungsional *\/\r\n        .mobile-buy-only {\r\n            display: block !important;\r\n            font-family: 'Cherry Bomb One';\r\n        }\r\n    }\r\n\r\n    .mobile-buy-only { display: none; }\r\n<\/style>\r\n\r\n<div class=\"nav-wrapper\">\r\n    <div class=\"nav-card\">\r\n        \r\n        <div class=\"nav-side side-left\">\r\n            <a href=\"https:\/\/x.com\/hipp0bean\" class=\"nav-item\">Twitter<\/a>\r\n            <a href=\"https:\/\/t.me\/hipp0bean\" class=\"nav-item\">Telegram<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"logo-container\">\r\n            <img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/HIPPO-LOGO1-scaled.png\" alt=\"Hippo Logo\" class=\"logo-img\">\r\n        <\/div>\r\n\r\n        <div class=\"nav-side side-right\">\r\n            <a href=\"https:\/\/dexscreener.com\/solana\/6murkK5nH9rCv1N2hafPuEey2Pj8W1iw8LRvzZS1pump\" class=\"nav-item\">Chart<\/a>\r\n            <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=6murkK5nH9rCv1N2hafPuEey2Pj8W1iw8LRvzZS1pump\" class=\"nav-item btn-buy\">BUY $HIPPO<\/a>\r\n        <\/div>\r\n\r\n        <a href=\"#\" class=\"mobile-buy-only nav-item btn-buy\" style=\"font-size: 12px;\">BUY NOW<\/a>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<div style=\"height: 160px;\"><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90222e1 elementor-widget elementor-widget-spacer\" data-id=\"90222e1\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46ad248 e-con-full e-flex e-con e-child\" data-id=\"46ad248\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adb7f19 elementor-widget elementor-widget-html\" data-id=\"adb7f19\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"ca-slim-wrapper\">\r\n    <div class=\"ca-pink-card\">\r\n        <div class=\"ca-header\">\r\n            <span class=\"sparkle\">\u2728<\/span>\r\n            <h3 class=\"ca-label\"> $HIPPOBEAN<\/h3>\r\n            <span class=\"sparkle\">\u2728<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ca-flex-box\">\r\n            <div class=\"address-text\" id=\"caAddress\">\r\n                6murkK5nH9rCv1N2hafPuEey2Pj8W1iw8LRvzZS1pump\r\n            <\/div>\r\n            <button onclick=\"copyCA()\" class=\"mini-copy-btn\" id=\"miniCopyBtn\">\r\n                <span id=\"miniBtnText\">COPY<\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .ca-slim-wrapper {\r\n        padding: 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Card Dominan Pink & Slim *\/\r\n    .ca-pink-card {\r\n        background: #FF007F; \/* Warna Dominan Pink *\/\r\n        border: 3px solid white;\r\n        border-radius: 20px;\r\n        padding: 12px 20px;\r\n        max-width: 500px; \/* Membuatnya Slim\/Ramping *\/\r\n        width: 100%;\r\n        box-shadow: 6px 6px 0px white; \/* Bayangan putih kartun *\/\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        animation: slideInUp 0.6s ease-out;\r\n    }\r\n\r\n    .ca-pink-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0px 8px 15px rgba(255, 0, 127, 0.4);\r\n    }\r\n\r\n    .ca-header {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 10px;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .ca-label {\r\n        font-family: 'Cherry Bomb One', cursive;\r\n        color: white;\r\n        font-size: 1.1rem;\r\n        margin: 0;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .sparkle { font-size: 1rem; }\r\n\r\n    \/* Flex Box untuk Alamat *\/\r\n    .ca-flex-box {\r\n        background: rgba(0, 0, 0, 0.2); \/* Transparansi gelap di atas pink *\/\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 5px;\r\n        border: 2px solid rgba(255, 255, 255, 0.3);\r\n    }\r\n\r\n    .address-text {\r\n        flex: 1;\r\n        font-family: 'Happy Monkey', cursive;\r\n        color: white;\r\n        font-size: 0.85rem;\r\n        padding: 0 10px;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        font-weight: bold;\r\n    }\r\n\r\n    \/* Tombol Copy Minimalis *\/\r\n    .mini-copy-btn {\r\n        background: white;\r\n        border: none;\r\n        padding: 8px 18px;\r\n        border-radius: 10px;\r\n        font-family: 'Cherry Bomb One', cursive;\r\n        color: #FF007F;\r\n        cursor: pointer;\r\n        font-size: 0.9rem;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .mini-copy-btn:hover {\r\n        background: #121212;\r\n        color: white;\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* Animasi Sukses Copy *\/\r\n    .copy-success {\r\n        background: #00ff88 !important;\r\n        color: #000 !important;\r\n    }\r\n\r\n    @keyframes slideInUp {\r\n        from { opacity: 0; transform: translateY(20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* Mobile Responsive *\/\r\n    @media (max-width: 480px) {\r\n        .ca-pink-card { max-width: 90%; }\r\n        .address-text { font-size: 0.75rem; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\nfunction copyCA() {\r\n    const caText = document.getElementById(\"caAddress\").innerText;\r\n    const btn = document.getElementById(\"miniCopyBtn\");\r\n    const btnText = document.getElementById(\"miniBtnText\");\r\n    \r\n    navigator.clipboard.writeText(caText).then(() => {\r\n        btn.classList.add(\"copy-success\");\r\n        btnText.innerText = \"DONE!\";\r\n        \r\n        setTimeout(() => {\r\n            btn.classList.remove(\"copy-success\");\r\n            btnText.innerText = \"COPY\";\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-d9cfd05 e-flex e-con-boxed e-con e-parent\" data-id=\"d9cfd05\" 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-0d8b070 e-con-full e-flex e-con e-child\" data-id=\"0d8b070\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23bfa1a elementor-widget elementor-widget-html\" data-id=\"23bfa1a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"about-section\">\r\n    <div class=\"about-container\">\r\n        <div class=\"about-card-pink animate-pop-in\">\r\n            \r\n            <div class=\"about-grid\">\r\n                \r\n                <div class=\"about-content\">\r\n                    <h2 class=\"about-title-white\">Built Different.<br>Built to Last.<\/h2>\r\n                    \r\n                    <div class=\"about-description-white\">\r\n                        <p class=\"desc-highlight-white\">HIPPO BEAN moves with calm confidence.<\/p>\r\n                        \r\n                        <div class=\"desc-main-white\">\r\n                            <p>No rush. No noise. Just steady growth.<\/p>\r\n                            <p>In a world that\u2019s loud and chaotic, we choose patience and community.<\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"desc-footer-white\">\r\n                            <p>Strong together, grounded always.<\/p>\r\n                            <p class=\"white-bold-text\">Small splash today. Bigger wave tomorrow.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"about-image-wrapper\">\r\n                    <div class=\"image-bg-glow-white\"><\/div>\r\n                    <img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/HIPPO1-scaled.png\" alt=\"Hippo Bean Character\" class=\"about-img\">\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* 1. SETUP SECTION & CONTAINER *\/\r\n    .about-section {\r\n        padding: 80px 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n        overflow: hidden; \/* Mencegah scrollbar saat animasi masuk *\/\r\n    }\r\n\r\n    .about-container {\r\n        max-width: 1100px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* 2. CARD STYLING (DOMINAN PINK + ANIMASI GRADIEN) *\/\r\n    .about-card-pink {\r\n        \/* Background Pink dengan Gradien Bergerak *\/\r\n        background: linear-gradient(-45deg, #FF007F, #ff4da6, #FF007F, #ff80bf);\r\n        background-size: 400% 400%;\r\n        animation: gradientBG 10s ease infinite; \/* Animasi gradien bergerak *\/\r\n        \r\n        border: 4px solid white;\r\n        border-radius: 40px;\r\n        padding: 50px;\r\n        \r\n        \/* Bayangan Kartun Putih Tebal *\/\r\n        box-shadow: 15px 15px 0px white;\r\n        \r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); \/* Transisi untuk Hover *\/\r\n    }\r\n\r\n    \/* KEYFRAMES GRADIEN BERGERAK *\/\r\n    @keyframes gradientBG {\r\n        0% { background-position: 0% 50%; }\r\n        50% { background-position: 100% 50%; }\r\n        100% { background-position: 0% 50%; }\r\n    }\r\n\r\n    \/* 3. HOVER INTERACTION *\/\r\n    .about-card-pink:hover {\r\n        transform: scale(1.03) translateY(-10px);\r\n        box-shadow: 20px 20px 0px white, 0 10px 30px rgba(255, 0, 127, 0.5);\r\n    }\r\n\r\n    \/* 4. ANIMASI MASUK (BOUNCE & SPIN) *\/\r\n    .animate-pop-in {\r\n        opacity: 0;\r\n        animation: bounceSpinIn 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;\r\n    }\r\n\r\n    @keyframes bounceSpinIn {\r\n        0% { transform: translateY(100px) scale(0.3) rotate(-10deg); opacity: 0; }\r\n        60% { transform: translateY(-10px) scale(1.05) rotate(2deg); opacity: 1; }\r\n        100% { transform: translateY(0) scale(1) rotate(0deg); opacity: 1; }\r\n    }\r\n\r\n    \/* 5. GRID & TEXT STYLING (DISESUAIKAN UNTUK BG PINK) *\/\r\n    .about-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 0.8fr;\r\n        gap: 40px;\r\n        align-items: center;\r\n    }\r\n\r\n    .about-title-white {\r\n        font-family: 'Cherry Bomb One', cursive;\r\n        font-size: 3.5rem;\r\n        color: white; \/* Teks Putih *\/\r\n        line-height: 1;\r\n        margin-bottom: 30px;\r\n        text-shadow: 4px 4px 0px #121212; \/* Shadow Gelap agar kontras *\/\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .about-description-white {\r\n        font-family: 'Happy Monkey', cursive;\r\n        color: white; \/* Teks Putih *\/\r\n        font-size: 1.1rem;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .desc-highlight-white {\r\n        font-size: 1.4rem;\r\n        color: white;\r\n        font-weight: bold;\r\n        background: rgba(0,0,0,0.2); \/* Highlight transparan gelap *\/\r\n        padding: 5px 10px;\r\n        border-radius: 10px;\r\n        display: inline-block;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .desc-main-white p {\r\n        margin-bottom: 15px;\r\n        color: white;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    .desc-footer-white {\r\n        margin-top: 25px;\r\n        padding-top: 20px;\r\n        border-top: 2px dashed rgba(255, 255, 255, 0.4);\r\n    }\r\n\r\n    .white-bold-text {\r\n        color: white;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        margin-top: 10px;\r\n        font-size: 1.2rem;\r\n        text-shadow: 2px 2px 0px #121212;\r\n    }\r\n\r\n    \/* 6. IMAGE STYLING (KONTEN TETAP SAMA) *\/\r\n    .about-image-wrapper {\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .about-img {\r\n        width: 100%;\r\n        max-width: 400px;\r\n        height: auto;\r\n        z-index: 2;\r\n        filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.4)); \/* Glow Putih *\/\r\n        animation: floatImg 4s ease-in-out infinite;\r\n    }\r\n\r\n    .image-bg-glow-white {\r\n        position: absolute;\r\n        width: 250px;\r\n        height: 250px;\r\n        background: white; \/* Glow Belakang Putih agar kontras di BG Pink *\/\r\n        filter: blur(80px);\r\n        opacity: 0.3;\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n    }\r\n\r\n    @keyframes floatImg {\r\n        0%, 100% { transform: translateY(0) rotate(0deg); }\r\n        50% { transform: translateY(-20px) rotate(3deg); }\r\n    }\r\n\r\n    \/* 7. RESPONSIVE (TETAP SAMA) *\/\r\n    @media (max-width: 991px) {\r\n        .about-grid { grid-template-columns: 1fr; text-align: center; }\r\n        .about-title-white { font-size: 2.5rem; }\r\n        .about-card-pink { padding: 30px; }\r\n        .about-image-wrapper { order: -1; }\r\n        .desc-footer-white { border-top: none; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .about-title-white { font-size: 2rem; }\r\n        .about-card-pink { border-radius: 30px; box-shadow: 8px 8px 0px white; }\r\n    }\r\n<\/style>\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-a49dc3f e-flex e-con-boxed e-con e-parent\" data-id=\"a49dc3f\" 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-7569806 e-con-full e-flex e-con e-child\" data-id=\"7569806\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc49a73 elementor-widget elementor-widget-html\" data-id=\"bc49a73\" 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=Cherry+Bomb+One&family=Happy+Monkey&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"gallery-section\">\r\n    <div class=\"gallery-container\">\r\n        \r\n        <div class=\"gallery-header\">\r\n            <h2 class=\"gallery-title-huge\">Life of a Hippo Bean<\/h2>\r\n            <p class=\"gallery-intro-bold\">From baby steps to big splashes \u2014 here\u2019s our journey.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"gallery-grid-strict\">\r\n            \r\n            <div class=\"strict-row\">\r\n                <div class=\"gallery-item tilt-low-left\" onclick=\"openPreview('http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H1.png')\">\r\n                    <div class=\"card-wrap\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H1.png\" class=\"main-img\"><div class=\"label-box-big\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/HIPPO-LOGO1-scaled.png\"><\/div><\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item tilt-low-right\" onclick=\"openPreview('http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H2.png')\">\r\n                    <div class=\"card-wrap pink-bg\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H2.png\" class=\"main-img\"><div class=\"label-box-big\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/HIPPO-LOGO1-scaled.png\"><\/div><\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item tilt-low-left\" onclick=\"openPreview('http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H3.png')\">\r\n                    <div class=\"card-wrap\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H3.png\" class=\"main-img\"><div class=\"label-box-big\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/HIPPO-LOGO1-scaled.png\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"strict-row\">\r\n                <div class=\"gallery-item tilt-low-right\" onclick=\"openPreview('http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H4.png')\">\r\n                    <div class=\"card-wrap\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H4.png\" class=\"main-img\"><div class=\"label-box-big\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/HIPPO-LOGO1-scaled.png\"><\/div><\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item tilt-low-left\" onclick=\"openPreview('http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H5.png')\">\r\n                    <div class=\"card-wrap pink-bg\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H5.png\" class=\"main-img\"><div class=\"label-box-big\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/HIPPO-LOGO1-scaled.png\"><\/div><\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item tilt-low-right\" onclick=\"openPreview('http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H6.png')\">\r\n                    <div class=\"card-wrap\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H6.png\" class=\"main-img\"><div class=\"label-box-big\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/HIPPO-LOGO1-scaled.png\"><\/div><\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item tilt-low-left\" onclick=\"openPreview('http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H7.png')\">\r\n                    <div class=\"card-wrap pink-bg\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H7.png\" class=\"main-img\"><div class=\"label-box-big\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/HIPPO-LOGO1-scaled.png\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"strict-row\">\r\n                <div class=\"gallery-item tilt-low-right\" onclick=\"openPreview('http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H8.png')\">\r\n                    <div class=\"card-wrap pink-bg\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H8.png\" class=\"main-img\"><div class=\"label-box-big\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/HIPPO-LOGO1-scaled.png\"><\/div><\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item tilt-low-left\" onclick=\"openPreview('http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H9.png')\">\r\n                    <div class=\"card-wrap\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H9.png\" class=\"main-img\"><div class=\"label-box-big\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/HIPPO-LOGO1-scaled.png\"><\/div><\/div>\r\n                <\/div>\r\n                <div class=\"gallery-item tilt-low-right\" onclick=\"openPreview('http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H10.png')\">\r\n                    <div class=\"card-wrap pink-bg\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/H10.png\" class=\"main-img\"><div class=\"label-box-big\"><img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/HIPPO-LOGO1-scaled.png\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"lightbox\" class=\"lightbox\" onclick=\"closePreview()\">\r\n        <img id=\"lightbox-img\" class=\"lightbox-content\">\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .gallery-section { padding: 80px 20px; text-align: center; }\r\n    \r\n    \/* JUDUL SUPER BESAR *\/\r\n    .gallery-title-huge { \r\n        font-family: 'Cherry Bomb One', cursive; \r\n        font-size: clamp(3.5rem, 10vw, 6rem); \r\n        color: white; \r\n        text-shadow: 8px 8px 0px #FF007F; \r\n        margin-bottom: 20px;\r\n        line-height: 1;\r\n    }\r\n\r\n    .gallery-intro-bold { \r\n        font-family: 'Happy Monkey', cursive; \r\n        color: #FF007F; \r\n        font-size: 1.6rem; \r\n        font-weight: bold; \r\n        margin-bottom: 60px; \r\n    }\r\n\r\n    \/* GRID STRICT 3-4-3 *\/\r\n    .gallery-grid-strict { \r\n        display: flex; \r\n        flex-direction: column; \r\n        gap: 35px; \r\n        max-width: 1200px; \r\n        margin: 0 auto;\r\n    }\r\n    \r\n    .strict-row { \r\n        display: flex; \r\n        justify-content: center; \r\n        gap: 20px; \r\n    }\r\n\r\n    \/* CARD STYLING *\/\r\n    .gallery-item { cursor: pointer; transition: 0.3s; perspective: 1000px; }\r\n    \r\n    .card-wrap { \r\n        background: white; \r\n        padding: 18px; \r\n        border-radius: 25px; \r\n        border: 5px solid #121212; \r\n        box-shadow: 12px 12px 0px #FF007F;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n    \r\n    .card-wrap.pink-bg { background: #FF007F; }\r\n    .main-img { width: 100%; max-width: 200px; border-radius: 18px; display: block; border: 3px solid #121212; }\r\n    \r\n    \/* LABEL LOGO BESAR *\/\r\n    .label-box-big { \r\n        margin-top: 15px; \r\n        display: flex; \r\n        justify-content: center; \r\n        padding-top: 12px; \r\n        border-top: 4px dashed rgba(0,0,0,0.15); \r\n    }\r\n    .label-box-big img { width: 75px !important; height: auto; }\r\n\r\n    \/* ANIMASI GOYANG TIPIS (HALUS) *\/\r\n    @keyframes wobbleSmooth {\r\n        0%, 100% { transform: rotate(-0.5deg) translateY(0); }\r\n        50% { transform: rotate(0.5deg) translateY(-4px); }\r\n    }\r\n    \r\n    .tilt-low-left { animation: wobbleSmooth 4.5s ease-in-out infinite; }\r\n    .tilt-low-right { animation: wobbleSmooth 4s ease-in-out infinite; animation-delay: 0.3s; }\r\n\r\n    \/* HOVER INTERACTION *\/\r\n    .gallery-item:hover { z-index: 100; animation-play-state: paused; }\r\n    .gallery-item:hover .card-wrap { \r\n        transform: scale(1.1) rotate(0deg) translateY(-8px); \r\n        box-shadow: 15px 15px 0px white;\r\n        background: white; \r\n    }\r\n\r\n    \/* LIGHTBOX PREVIEW *\/\r\n    .lightbox {\r\n        display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%;\r\n        background: rgba(0,0,0,0.95); backdrop-filter: blur(10px); justify-content: center; align-items: center;\r\n    }\r\n    .lightbox-content {\r\n        max-width: 85%; max-height: 85%; border: 10px solid white; border-radius: 40px;\r\n        animation: zoomBounce 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;\r\n    }\r\n    @keyframes zoomBounce { \r\n        0% { transform: scale(0.4); opacity: 0; } \r\n        100% { transform: scale(1); opacity: 1; } \r\n    }\r\n\r\n    \/* MOBILE SETUP *\/\r\n    @media (max-width: 768px) {\r\n        .strict-row { gap: 8px; }\r\n        .main-img { max-width: 90px; }\r\n        .label-box-big img { width: 35px !important; }\r\n        .card-wrap { padding: 8px; border-width: 3px; }\r\n        .gallery-title-huge { font-size: 2.5rem; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    function openPreview(src) {\r\n        document.getElementById(\"lightbox-img\").src = src;\r\n        document.getElementById(\"lightbox\").style.display = \"flex\";\r\n    }\r\n    function closePreview() {\r\n        document.getElementById(\"lightbox\").style.display = \"none\";\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-fea0dc5 e-flex e-con-boxed e-con e-parent\" data-id=\"fea0dc5\" 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-d8949fb e-con-full e-flex e-con e-child\" data-id=\"d8949fb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75cb11b elementor-widget elementor-widget-html\" data-id=\"75cb11b\" 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=Cherry+Bomb+One&family=Happy+Monkey&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"chart-section\">\r\n    <div class=\"chart-container\">\r\n        <div class=\"chart-card-pink\">\r\n            \r\n            <div class=\"chart-header\">\r\n                <h2 class=\"chart-title\">Watch The Splash Live<\/h2>\r\n                <p class=\"chart-subtitle\">Real-time movement. No drama. Just growth.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"iframe-wrapper\">\r\n                <iframe \r\n                    src=\"https:\/\/dexscreener.com\/solana\/6murkK5nH9rCv1N2hafPuEey2Pj8W1iw8LRvzZS1pump?embed=1&theme=dark&trades=0&info=0\" \r\n                    class=\"dex-iframe\">\r\n                <\/iframe>\r\n            <\/div>\r\n\r\n            <div class=\"chart-footer\">\r\n                <a href=\"https:\/\/dexscreener.com\/solana\/6murkK5nH9rCv1N2hafPuEey2Pj8W1iw8LRvzZS1pump\" target=\"_blank\" class=\"view-dex-btn\">\r\n                    VIEW ON DEXSCREENER\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* Reset & Base *\/\r\n    .chart-section {\r\n        padding: 60px 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n        background: transparent;\r\n    }\r\n\r\n    .chart-container {\r\n        max-width: 900px; \/* Slim Layout *\/\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Card Pink dengan Animasi Gradien *\/\r\n    .chart-card-pink {\r\n        background: linear-gradient(-45deg, #FF007F, #ff4da6, #FF007F, #ff80bf);\r\n        background-size: 400% 400%;\r\n        animation: gradientBG 10s ease infinite;\r\n        border: 4px solid white;\r\n        border-radius: 40px;\r\n        padding: 45px 30px;\r\n        box-shadow: 15px 15px 0px white;\r\n        text-align: center;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    \/* Typography *\/\r\n    .chart-title {\r\n        font-family: 'Cherry Bomb One', cursive;\r\n        font-size: clamp(2.2rem, 6vw, 3.8rem);\r\n        color: white;\r\n        text-shadow: 5px 5px 0px #121212;\r\n        margin-bottom: 10px;\r\n        text-transform: uppercase;\r\n        line-height: 1;\r\n    }\r\n\r\n    .chart-subtitle {\r\n        font-family: 'Happy Monkey', cursive;\r\n        color: white;\r\n        font-size: 1.3rem;\r\n        margin-bottom: 35px;\r\n        font-weight: bold;\r\n    }\r\n\r\n    \/* Iframe Styling *\/\r\n    .iframe-wrapper {\r\n        background: #121212;\r\n        border: 5px solid #121212;\r\n        border-radius: 25px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        height: 550px;\r\n        box-shadow: 0px 10px 30px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .dex-iframe {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: none;\r\n    }\r\n\r\n    \/* Button View on Dex *\/\r\n    .chart-footer {\r\n        margin-top: 35px;\r\n    }\r\n\r\n    .view-dex-btn {\r\n        display: inline-block;\r\n        background: white;\r\n        color: #FF007F;\r\n        font-family: 'Cherry Bomb One', cursive;\r\n        padding: 18px 40px;\r\n        border-radius: 20px;\r\n        text-decoration: none;\r\n        font-size: 1.3rem;\r\n        border: 4px solid #121212;\r\n        box-shadow: 8px 8px 0px #121212;\r\n        transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .view-dex-btn:hover {\r\n        transform: scale(1.05) translateY(-5px);\r\n        box-shadow: 12px 12px 0px #121212;\r\n        background: #121212;\r\n        color: white;\r\n    }\r\n\r\n    \/* Animasi Gradien Background *\/\r\n    @keyframes gradientBG {\r\n        0% { background-position: 0% 50%; }\r\n        50% { background-position: 100% 50%; }\r\n        100% { background-position: 0% 50%; }\r\n    }\r\n\r\n    \/* Responsif Mobile *\/\r\n    @media (max-width: 768px) {\r\n        .chart-card-pink { padding: 25px 15px; border-radius: 30px; }\r\n        .iframe-wrapper { height: 450px; }\r\n        .chart-title { font-size: 2.2rem; }\r\n        .chart-subtitle { font-size: 1rem; }\r\n        .view-dex-btn { font-size: 1.1rem; padding: 15px 25px; }\r\n    }\r\n<\/style>\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-e23e310 e-flex e-con-boxed e-con e-parent\" data-id=\"e23e310\" 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-bd3838e e-con-full e-flex e-con e-child\" data-id=\"bd3838e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc312e6 elementor-widget elementor-widget-html\" data-id=\"cc312e6\" 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=Cherry+Bomb+One&family=Happy+Monkey&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"faq-clean-section\">\r\n    <div class=\"faq-slim-wrapper\">\r\n        \r\n        <div class=\"faq-image-column\">\r\n            <img decoding=\"async\" src=\"http:\/\/hippobean.fun\/wp-content\/uploads\/2026\/02\/HIPPO3A-scaled.png\" alt=\"Hippo\" class=\"hippo-clean-img\">\r\n        <\/div>\r\n\r\n        <div class=\"faq-content-column\">\r\n            <div class=\"faq-text-header\">\r\n                <h2 class=\"faq-title-main\">Got Questions?<\/h2>\r\n                <p class=\"faq-desc-sub\">Everything you need to know about the herd.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"faq-accordion-list\">\r\n                <div class=\"faq-card\" onclick=\"toggleFaqClean(this)\">\r\n                    <div class=\"faq-header\">\r\n                        <span class=\"faq-num\">01.<\/span> What is HIPPO BEAN?\r\n                        <span class=\"faq-arrow\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\">\r\n                        <p>A chill hippo-powered meme project focused on community and long-term vibes.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-card\" onclick=\"toggleFaqClean(this)\">\r\n                    <div class=\"faq-header\">\r\n                        <span class=\"faq-num\">02.<\/span> Is it safe?\r\n                        <span class=\"faq-arrow\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\">\r\n                        <p>Liquidity locked. Ownership renounced. Transparent from day one.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-card\" onclick=\"toggleFaqClean(this)\">\r\n                    <div class=\"faq-header\">\r\n                        <span class=\"faq-num\">03.<\/span> Why hippo?\r\n                        <span class=\"faq-arrow\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\">\r\n                        <p>Because hippos are calm\u2026 until they move. And when they move \u2014 everyone notices.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-header-spacer\"><\/div> <div class=\"faq-card\" onclick=\"toggleFaqClean(this)\">\r\n                    <div class=\"faq-header\">\r\n                        <span class=\"faq-num\">04.<\/span> How do I join?\r\n                        <span class=\"faq-arrow\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\">\r\n                        <p>Get a wallet, grab some tokens on Solana, and become part of the herd.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-card\" onclick=\"toggleFaqClean(this)\">\r\n                    <div class=\"faq-header\">\r\n                        <span class=\"faq-num\">05.<\/span> What's the next goal?\r\n                        <span class=\"faq-arrow\">+<\/span>\r\n                    <\/div>\r\n                    <div class=\"faq-body\">\r\n                        <p>Total world domination through chill vibes, big splashes, and community power.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* Container Utama *\/\r\n    .faq-clean-section {\r\n        padding: 80px 20px;\r\n        background: transparent;\r\n        font-family: 'Happy Monkey', cursive;\r\n    }\r\n\r\n    .faq-slim-wrapper {\r\n        max-width: 950px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 60px; \/* Jarak antar kolom *\/\r\n    }\r\n\r\n    \/* Kolom Gambar *\/\r\n    .faq-image-column {\r\n        flex: 0 0 35%; \/* Ukuran kolom gambar lebih ramping *\/\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .hippo-clean-img {\r\n        width: 100%;\r\n        max-width: 280px;\r\n        height: auto;\r\n        animation: smoothFloat 4s ease-in-out infinite;\r\n    }\r\n\r\n    \/* Kolom Konten *\/\r\n    .faq-content-column {\r\n        flex: 1;\r\n    }\r\n\r\n    .faq-text-header {\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .faq-title-main {\r\n        font-family: 'Cherry Bomb One', cursive;\r\n        font-size: 3.5rem;\r\n        color: white;\r\n        text-shadow: 4px 4px 0px #FF007F;\r\n        margin: 0 0 10px 0;\r\n    }\r\n\r\n    .faq-desc-sub {\r\n        color: #FF007F;\r\n        font-weight: bold;\r\n        font-size: 1.1rem;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Accordion List Rapi *\/\r\n    .faq-accordion-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .faq-card {\r\n        background: white;\r\n        border: 3px solid #121212;\r\n        border-radius: 15px;\r\n        box-shadow: 5px 5px 0px #FF007F;\r\n        cursor: pointer;\r\n        transition: 0.2s ease-in-out;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .faq-card:hover {\r\n        transform: translate(-2px, -2px);\r\n        box-shadow: 7px 7px 0px #121212;\r\n    }\r\n\r\n    .faq-header {\r\n        padding: 15px 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: 'Cherry Bomb One', cursive;\r\n        font-size: 1.1rem;\r\n        color: #121212;\r\n    }\r\n\r\n    .faq-num {\r\n        color: #FF007F;\r\n        margin-right: 12px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .faq-arrow {\r\n        margin-left: auto;\r\n        font-size: 1.5rem;\r\n        color: #FF007F;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .faq-body {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n        background: #fdfdfd;\r\n    }\r\n\r\n    .faq-body p {\r\n        padding: 0 20px 15px 45px; \/* Indentasi teks jawaban sejajar angka *\/\r\n        margin: 0;\r\n        color: #444;\r\n        font-size: 1rem;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* Active Logic *\/\r\n    .faq-card.active {\r\n        box-shadow: 5px 5px 0px #121212;\r\n    }\r\n\r\n    .faq-card.active .faq-arrow {\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    .faq-card.active .faq-body {\r\n        max-height: 200px;\r\n        padding-top: 5px;\r\n    }\r\n\r\n    \/* Animasi Floating *\/\r\n    @keyframes smoothFloat {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-15px); }\r\n    }\r\n\r\n    \/* Responsive Mobile *\/\r\n    @media (max-width: 800px) {\r\n        .faq-slim-wrapper {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            gap: 30px;\r\n        }\r\n        .faq-text-header { text-align: center; }\r\n        .faq-body p { padding: 0 20px 15px 20px; }\r\n        .hippo-clean-img { max-width: 200px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    function toggleFaqClean(element) {\r\n        \/\/ Ambil status saat ini\r\n        const isActive = element.classList.contains('active');\r\n        \r\n        \/\/ Tutup semua yang lain\r\n        document.querySelectorAll('.faq-card').forEach(card => {\r\n            card.classList.remove('active');\r\n        });\r\n\r\n        \/\/ Jika sebelumnya tidak aktif, sekarang buka\r\n        if (!isActive) {\r\n            element.classList.add('active');\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-5c17593 e-flex e-con-boxed e-con e-parent\" data-id=\"5c17593\" 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-d0ad951 e-con-full e-flex e-con e-child\" data-id=\"d0ad951\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e975b1 elementor-widget elementor-widget-html\" data-id=\"0e975b1\" 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=Cherry+Bomb+One&family=Happy+Monkey&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"join-herd-slim\">\r\n    <div class=\"join-container-compact\">\r\n        \r\n        <div class=\"join-content\">\r\n            <h2 class=\"join-title-compact\">Join The Herd<\/h2>\r\n            \r\n            <div class=\"join-text-compact\">\r\n                <p>The river is open. The beans are floating.<\/p>\r\n                <p>The herd is growing. <span class=\"pink-text\">Are you in?<\/span><\/p>\r\n            <\/div>\r\n\r\n            <div class=\"join-btns-uniform\">\r\n                <a href=\"https:\/\/x.com\/hipp0bean\" target=\"_blank\" class=\"hippo-btn\">Twitter<\/a>\r\n                <a href=\"https:\/\/t.me\/hipp0beanrget=\"_blank\" class=\"hippo-btn\">Telegram<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .join-herd-slim {\r\n        padding: 40px 20px; \/* Padding atas-bawah diperkecil agar tidak terlalu lebar *\/\r\n        text-align: center;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .join-container-compact {\r\n        max-width: 700px;\r\n        width: 100%;\r\n    }\r\n\r\n    .join-title-compact {\r\n        font-family: 'Cherry Bomb One', cursive;\r\n        font-size: clamp(2.5rem, 6vw, 4rem);\r\n        color: white;\r\n        text-shadow: 5px 5px 0px #FF007F;\r\n        margin-bottom: 15px; \/* Jarak ke bawah lebih rapat *\/\r\n        line-height: 1;\r\n    }\r\n\r\n    .join-text-compact {\r\n        font-family: 'Happy Monkey', cursive;\r\n        color: white;\r\n        font-size: 1.2rem;\r\n        line-height: 1.4;\r\n        margin-bottom: 25px; \/* Jarak ke tombol dipersempit *\/\r\n    }\r\n\r\n    .join-text-compact p { margin: 5px 0; }\r\n\r\n    .pink-text {\r\n        color: #FF007F;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* TOMBOL SERAGAM (UNIFORM) *\/\r\n    .join-btns-uniform {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .hippo-btn {\r\n        display: inline-block;\r\n        background: #FF007F;\r\n        color: white;\r\n        font-family: 'Cherry Bomb One', cursive;\r\n        padding: 12px 28px;\r\n        border-radius: 15px;\r\n        text-decoration: none;\r\n        font-size: 1.1rem;\r\n        border: 3px solid #121212;\r\n        box-shadow: 4px 4px 0px #121212;\r\n        transition: all 0.2s ease-in-out;\r\n    }\r\n\r\n    .hippo-btn:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 6px 6px 0px white;\r\n        background: #121212;\r\n    }\r\n\r\n    \/* Mobile Responsive *\/\r\n    @media (max-width: 600px) {\r\n        .join-herd-slim { padding: 30px 10px; }\r\n        .join-title-compact { font-size: 2.2rem; }\r\n        .hippo-btn { width: 100%; max-width: 250px; }\r\n    }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86033b2 elementor-widget elementor-widget-spacer\" data-id=\"86033b2\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\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-4a304ad e-flex e-con-boxed e-con e-parent\" data-id=\"4a304ad\" 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-1580064 elementor-widget elementor-widget-html\" data-id=\"1580064\" 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=Happy+Monkey&display=swap\" rel=\"stylesheet\">\r\n\r\n<footer class=\"hippo-footer\">\r\n    <div class=\"footer-line\"><\/div>\r\n    <p class=\"copyright-text\">\r\n        \u00a9 2026 **HIPPO BEAN**. Built with calm. Powered by the herd.\r\n    <\/p>\r\n<\/footer>\r\n\r\n<style>\r\n    .hippo-footer {\r\n        padding: 30px 20px 50px 20px; \/* Jarak bawah sedikit lebih besar untuk estetika *\/\r\n        text-align: center;\r\n        background: transparent;\r\n    }\r\n\r\n    \/* Garis tipis pemisah di atas teks *\/\r\n    .footer-line {\r\n        max-width: 200px;\r\n        height: 4px;\r\n        background: #FF007F;\r\n        margin: 0 auto 20px auto;\r\n        border-radius: 10px;\r\n        opacity: 0.3;\r\n    }\r\n\r\n    .copyright-text {\r\n        font-family: 'Happy Monkey', cursive;\r\n        color: rgba(255, 255, 255, 0.7); \/* Putih transparan agar elegan *\/\r\n        font-size: 0.95rem;\r\n        letter-spacing: 0.5px;\r\n        margin: 0;\r\n    }\r\n\r\n    .copyright-text strong {\r\n        color: #FF007F; \/* Nama brand tetap Pink *\/\r\n        font-weight: bold;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .copyright-text {\r\n            font-size: 0.85rem;\r\n            line-height: 1.5;\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>Twitter Telegram Chart BUY $HIPPO BUY NOW \u2728 $HIPPOBEAN \u2728 6murkK5nH9rCv1N2hafPuEey2Pj8W1iw8LRvzZS1pump COPY Built Different.Built to Last. HIPPO BEAN moves with calm confidence. No rush. No noise. Just steady growth. In a world that\u2019s loud and chaotic, we choose patience and community. Strong together, grounded always. Small splash today. Bigger wave tomorrow. Life of a Hippo [&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:\/\/hippobean.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hippobean.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hippobean.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hippobean.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hippobean.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":19,"href":"https:\/\/hippobean.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/hippobean.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/59"}],"wp:attachment":[{"href":"https:\/\/hippobean.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}