{"id":8,"date":"2026-07-28T15:27:34","date_gmt":"2026-07-28T15:27:34","guid":{"rendered":"https:\/\/hippi.lol\/?page_id=8"},"modified":"2026-07-28T16:12:38","modified_gmt":"2026-07-28T16:12:38","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/hippi.lol\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e340102 e-flex e-con-boxed e-con e-parent\" data-id=\"e340102\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/hippi.lol\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HERO-HIPPI.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-b1fa76d e-con-full e-flex e-con e-child\" data-id=\"b1fa76d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a621466 elementor-widget elementor-widget-html\" data-id=\"a621466\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Galindo&family=Grandstander:wght@300;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* RESET & VARS UNTUK NAV MENU *\/\r\n  .hippi-nav-wrapper * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .hippi-nav-wrapper {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 15px auto;\r\n    padding: 0 15px;\r\n    background: transparent;\r\n  }\r\n\r\n  \/* CONTAINER NAVBAR - ULTRA ROUNDED & CARTOON PREMIUM *\/\r\n  .hippi-navbar {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 14px 28px;\r\n    background: rgba(255, 255, 255, 0.92);\r\n    backdrop-filter: blur(12px);\r\n    border: 4px solid #1d3557;\r\n    \/* Rounded kapsul kartun yang lembut & mewah *\/\r\n    border-radius: 60px;\r\n    box-shadow: 0px 8px 0px #1d3557, 0px 15px 25px rgba(29, 53, 87, 0.15);\r\n    position: relative;\r\n    z-index: 100;\r\n  }\r\n\r\n  \/* LOGO *\/\r\n  .hippi-logo {\r\n    font-family: 'Galindo', cursive;\r\n    font-size: 1.5rem;\r\n    color: #1d3557;\r\n    text-shadow: 2px 2px 0px #ffd166;\r\n    text-decoration: none;\r\n    white-space: nowrap;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  \/* NAV LINKS CONTAINER *\/\r\n  .hippi-nav-links {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* BUTTON ROUNDED KARTUN PREMIUM & HOVER MANTUL (BOUNCY) *\/\r\n  .hippi-nav-btn {\r\n    font-family: 'Grandstander', cursive;\r\n    font-weight: 600;\r\n    font-size: 0.98rem;\r\n    text-decoration: none;\r\n    color: #1d3557;\r\n    background: #ffd166;\r\n    padding: 10px 24px;\r\n    \/* Soft Pill Shape - Super Rounded *\/\r\n    border-radius: 50px;\r\n    border: 3.5px solid #1d3557;\r\n    box-shadow: 0px 5px 0px #1d3557;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease, background 0.3s ease;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Efek Kilau\/Highlight Kartun di Dalam Tombol *\/\r\n  .hippi-nav-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 3px;\r\n    left: 12px;\r\n    right: 12px;\r\n    height: 6px;\r\n    background: rgba(255, 255, 255, 0.65);\r\n    border-radius: 20px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .hippi-nav-btn:hover {\r\n    transform: translateY(-6px) scale(1.06) rotate(-1.5deg);\r\n    box-shadow: 0px 9px 0px #1d3557;\r\n  }\r\n\r\n  .hippi-nav-btn:active {\r\n    transform: translateY(-1px) scale(0.97);\r\n    box-shadow: 0px 2px 0px #1d3557;\r\n  }\r\n\r\n  \/* AKSEN WARNA SWAP NOW *\/\r\n  .hippi-nav-btn.hippi-swap-btn {\r\n    background: #06d6a0;\r\n    color: #ffffff;\r\n    text-shadow: 1px 1.5px 0px #1d3557;\r\n  }\r\n\r\n  .hippi-nav-btn.hippi-swap-btn:hover {\r\n    background: #05c08f;\r\n    transform: translateY(-6px) scale(1.06) rotate(1.5deg);\r\n  }\r\n\r\n  \/* MOBILE RESPONSIVE *\/\r\n  @media (max-width: 650px) {\r\n    .hippi-navbar {\r\n      flex-direction: column;\r\n      gap: 12px;\r\n      padding: 16px 20px;\r\n      border-radius: 35px; \/* Tetap rounded di HP *\/\r\n    }\r\n\r\n    .hippi-nav-links {\r\n      width: 100%;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .hippi-nav-btn {\r\n      flex: 1 1 auto;\r\n      padding: 9px 16px;\r\n      font-size: 0.9rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- HTML SECTION NAV MENU ONLY -->\r\n<div class=\"hippi-nav-wrapper\">\r\n  <nav class=\"hippi-navbar\">\r\n    <!-- Logo -->\r\n    <a href=\"#\" class=\"hippi-logo\">HIPPI ($HIPPI)<\/a>\r\n    \r\n    <!-- Menu Links -->\r\n    <div class=\"hippi-nav-links\">\r\n      <a href=\"YOUR-LINK\" target=\"_blank\" class=\"hippi-nav-btn\">Twitter<\/a>\r\n      <a href=\"YOUR-LINK\" target=\"_blank\" class=\"hippi-nav-btn\">Telegram<\/a>\r\n      <a href=\"YOUR-LINK\" target=\"_blank\" class=\"hippi-nav-btn hippi-swap-btn\">Swap Now<\/a>\r\n    <\/div>\r\n  <\/nav>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fcf588 e-con-full e-flex e-con e-child\" data-id=\"7fcf588\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64f1993 elementor-widget elementor-widget-html\" data-id=\"64f1993\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Galindo&family=Grandstander:wght@300;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* RESET & VARS FOR HERO SECTION *\/\r\n  .hippi-hero-wrapper * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .hippi-hero-wrapper {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 40px auto;\r\n    padding: 0 20px;\r\n    background: transparent;\r\n  }\r\n\r\n  \/* HERO CONTAINER - NO CARD \/ FULL TRANSPARENT *\/\r\n  .hippi-hero-content {\r\n    text-align: left; \/* Alignment Rata Kiri *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start; \/* Elemen rata kiri *\/\r\n    position: relative;\r\n    background: transparent;\r\n  }\r\n\r\n  \/* MAIN HEADLINE - WHITE WITH CARTOON SHADOW & OUTLINE *\/\r\n  .hippi-hero-content h1 {\r\n    font-family: 'Galindo', cursive;\r\n    font-size: clamp(2.2rem, 5vw, 3.8rem);\r\n    color: #ffffff; \/* Warna Font Putih *\/\r\n    \/* Effect Outline Gelap & Drop Shadow Kartun yang Kuat *\/\r\n    text-shadow: \r\n      -2px -2px 0 #1d3557,  \r\n       2px -2px 0 #1d3557,\r\n      -2px  2px 0 #1d3557,\r\n       2px  2px 0 #1d3557,\r\n       4px  5px 0px #1d3557;\r\n    line-height: 1.25;\r\n    margin-bottom: 20px;\r\n    max-width: 850px;\r\n  }\r\n\r\n  \/* SUB-HEADLINE \/ DESCRIPTION - WHITE WITH CARTOON SHADOW *\/\r\n  .hippi-hero-content p.hippi-subheadline {\r\n    font-family: 'Grandstander', cursive;\r\n    font-weight: 300; \/* Light Font *\/\r\n    font-size: clamp(1.1rem, 2.2vw, 1.35rem);\r\n    color: #ffffff; \/* Warna Font Putih *\/\r\n    line-height: 1.6;\r\n    margin-bottom: 32px;\r\n    max-width: 720px;\r\n    \/* Effect Outline Halus & Shadow Keterbacaan Tinggi *\/\r\n    text-shadow: \r\n      -1.5px -1.5px 0 #1d3557,  \r\n       1.5px -1.5px 0 #1d3557,\r\n      -1.5px  1.5px 0 #1d3557,\r\n       1.5px  1.5px 0 #1d3557,\r\n       3px 3px 0px #1d3557;\r\n  }\r\n\r\n  \/* HERO BUTTONS GROUP *\/\r\n  .hippi-hero-buttons {\r\n    display: flex;\r\n    gap: 15px;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  \/* BUTTON ROUNDED CARTOON WITH HIGHLIGHT EFEK *\/\r\n  .hippi-btn {\r\n    font-family: 'Grandstander', cursive;\r\n    font-weight: 600;\r\n    font-size: 1.05rem;\r\n    text-decoration: none;\r\n    color: #1d3557;\r\n    background: #ffd166;\r\n    padding: 12px 30px;\r\n    border-radius: 50px; \/* Ultra Rounded \/ Pill Shape *\/\r\n    border: 3.5px solid #1d3557;\r\n    box-shadow: 0px 6px 0px #1d3557;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;\r\n  }\r\n\r\n  \/* Efek Kilau \/ Soft Highlight Kartun *\/\r\n  .hippi-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 3px;\r\n    left: 14px;\r\n    right: 14px;\r\n    height: 6px;\r\n    background: rgba(255, 255, 255, 0.65);\r\n    border-radius: 20px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .hippi-btn:hover {\r\n    transform: translateY(-5px) scale(1.04) rotate(-1deg);\r\n    box-shadow: 0px 9px 0px #1d3557;\r\n  }\r\n\r\n  .hippi-btn:active {\r\n    transform: translateY(-1px) scale(0.98);\r\n    box-shadow: 0px 2px 0px #1d3557;\r\n  }\r\n\r\n  \/* SWAP BUTTON ACCENT *\/\r\n  .hippi-btn.hippi-btn-pop {\r\n    background: #06d6a0;\r\n    color: #ffffff;\r\n    text-shadow: 1px 1px 0px #1d3557;\r\n  }\r\n\r\n  \/* CONTRACT ADDRESS (CA) BOX *\/\r\n  .hippi-ca-container {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: rgba(255, 255, 255, 0.92);\r\n    backdrop-filter: blur(8px);\r\n    border: 3.5px solid #1d3557;\r\n    padding: 8px 12px 8px 22px;\r\n    border-radius: 50px;\r\n    box-shadow: 0px 5px 0px #1d3557;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .hippi-ca-text {\r\n    font-family: 'Grandstander', cursive;\r\n    font-weight: 300; \/* Light Font *\/\r\n    font-size: 0.95rem;\r\n    color: #1d3557;\r\n    word-break: break-all;\r\n    user-select: all;\r\n  }\r\n\r\n  .hippi-btn-copy {\r\n    padding: 7px 18px;\r\n    font-size: 0.85rem;\r\n    border-radius: 30px;\r\n    box-shadow: 0px 4px 0px #1d3557;\r\n  }\r\n\r\n  \/* TOAST NOTIFICATION COPY *\/\r\n  .hippi-toast {\r\n    position: fixed;\r\n    bottom: -100px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: #06d6a0;\r\n    color: #ffffff;\r\n    padding: 12px 28px;\r\n    border: 3.5px solid #1d3557;\r\n    border-radius: 50px;\r\n    font-family: 'Grandstander', cursive;\r\n    font-weight: 600;\r\n    box-shadow: 0px 6px 0px #1d3557;\r\n    transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    z-index: 9999;\r\n  }\r\n\r\n  .hippi-toast.show {\r\n    bottom: 30px;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN FOR MOBILE *\/\r\n  @media (max-width: 768px) {\r\n    .hippi-hero-wrapper {\r\n      margin: 20px auto;\r\n      padding: 0 15px;\r\n    }\r\n\r\n    .hippi-hero-buttons {\r\n      width: 100%;\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .hippi-btn {\r\n      width: 100%;\r\n    }\r\n\r\n    .hippi-ca-container {\r\n      width: 100%;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      text-align: center;\r\n      border-radius: 25px;\r\n      padding: 15px;\r\n    }\r\n\r\n    .hippi-btn-copy {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- HERO SECTION HTML (WHITE TEXT & SHADOW) -->\r\n<div class=\"hippi-hero-wrapper\">\r\n  <section class=\"hippi-hero-content\">\r\n    <!-- Main Headline -->\r\n    <h1>A Calm Haven in the Digital Noise.<\/h1>\r\n\r\n    <!-- Sub-headline -->\r\n    <p class=\"hippi-subheadline\">\r\n      A unique hippo-seal hybrid bringing peace, genuine connection, and simple joys to the crypto space.\r\n    <\/p>\r\n\r\n    <!-- Action Buttons -->\r\n    <div class=\"hippi-hero-buttons\">\r\n      <a href=\"YOUR-LINK\" target=\"_blank\" class=\"hippi-btn hippi-btn-pop\">Swap Now<\/a>\r\n      <a href=\"YOUR-LINK\" target=\"_blank\" class=\"hippi-btn\">View Live Chart<\/a>\r\n    <\/div>\r\n\r\n    <!-- CA Box (Interactive & Precise Copy) -->\r\n    <div class=\"hippi-ca-container\">\r\n      <span class=\"hippi-ca-text\" id=\"hippi-hero-ca\">NULL<\/span>\r\n      <button class=\"hippi-btn hippi-btn-copy\" onclick=\"copyHeroCA()\">Copy<\/button>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- Toast Popup Notification -->\r\n<div id=\"hippi-hero-toast\" class=\"hippi-toast\">Address Copied! \ud83d\udc3e<\/div>\r\n\r\n<!-- JavaScript Copy Logic -->\r\n<script>\r\n  function copyHeroCA() {\r\n    const caText = document.getElementById(\"hippi-hero-ca\").innerText;\r\n    \r\n    if (navigator.clipboard && navigator.clipboard.writeText) {\r\n      navigator.clipboard.writeText(caText).then(() => {\r\n        showHeroToast();\r\n      }).catch(() => {\r\n        fallbackCopyHeroCA(caText);\r\n      });\r\n    } else {\r\n      fallbackCopyHeroCA(caText);\r\n    }\r\n  }\r\n\r\n  function fallbackCopyHeroCA(text) {\r\n    const textArea = document.createElement(\"textarea\");\r\n    textArea.value = text;\r\n    document.body.appendChild(textArea);\r\n    textArea.select();\r\n    document.execCommand(\"copy\");\r\n    document.body.removeChild(textArea);\r\n    showHeroToast();\r\n  }\r\n\r\n  function showHeroToast() {\r\n    const toast = document.getElementById(\"hippi-hero-toast\");\r\n    toast.classList.add(\"show\");\r\n    setTimeout(() => {\r\n      toast.classList.remove(\"show\");\r\n    }, 2500);\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-e185d74 e-flex e-con-boxed e-con e-parent\" data-id=\"e185d74\" 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-5297935 e-con-full e-flex e-con e-child\" data-id=\"5297935\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f37741 elementor-widget elementor-widget-html\" data-id=\"1f37741\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Galindo&family=Grandstander:wght@300;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* RESET & VARS FOR ABOUT & TOKENOMICS *\/\r\n  .hippi-section-wrapper * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .hippi-section-wrapper {\r\n    width: 100%;\r\n    max-width: 1050px;\r\n    margin: 80px auto;\r\n    padding: 0 20px;\r\n    background: transparent;\r\n    position: relative;\r\n  }\r\n\r\n  \/* ABOUT CONTAINER DENGAN RELATIVE ORBIT *\/\r\n  .hippi-about-container {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    margin-bottom: 70px;\r\n  }\r\n\r\n  \/* ABOUT CARD - CENTERED & CARTOON PREMIUM *\/\r\n  .hippi-about-card {\r\n    background: rgba(255, 255, 255, 0.92);\r\n    backdrop-filter: blur(12px);\r\n    border: 4px solid #1d3557;\r\n    border-radius: 40px;\r\n    padding: 50px 40px;\r\n    box-shadow: 0px 10px 0px #1d3557, 0px 20px 30px rgba(29, 53, 87, 0.15);\r\n    text-align: center;\r\n    max-width: 750px;\r\n    width: 100%;\r\n    z-index: 2;\r\n    position: relative;\r\n  }\r\n\r\n  .hippi-about-card h2 {\r\n    font-family: 'Galindo', cursive;\r\n    font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n    color: #1d3557;\r\n    text-shadow: 2px 2px 0px #ffd166;\r\n    margin-bottom: 20px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .hippi-about-card p {\r\n    font-family: 'Grandstander', cursive;\r\n    font-weight: 300;\r\n    font-size: clamp(1rem, 1.8vw, 1.15rem);\r\n    color: #2b2d42;\r\n    line-height: 1.7;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .hippi-about-card p:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  \/* ORBIT WRAPPER UNTUK KARAKTER LEBIH BESAR *\/\r\n  .hippi-orbit-wrapper {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 110%;\r\n    height: 120%;\r\n    transform: translate(-50%, -50%);\r\n    pointer-events: none;\r\n    z-index: 3;\r\n    animation: orbitRotate 16s linear infinite;\r\n  }\r\n\r\n  \/* ELEMEN GAMBAR HIPPI (DI PERBESAR) *\/\r\n  .hippi-orbit-img {\r\n    position: absolute;\r\n    top: -80px;\r\n    left: 50%;\r\n    width: 180px; \/* Ukuran Lebih Besar *\/\r\n    height: auto;\r\n    transform: translateX(-50%);\r\n    filter: drop-shadow(0px 8px 0px #1d3557);\r\n    animation: counterRotate 16s linear infinite;\r\n  }\r\n\r\n  \/* KEYFRAMES ORBIT CIRCULAR *\/\r\n  @keyframes orbitRotate {\r\n    0% { transform: translate(-50%, -50%) rotate(0deg); }\r\n    100% { transform: translate(-50%, -50%) rotate(360deg); }\r\n  }\r\n\r\n  @keyframes counterRotate {\r\n    0% { transform: translateX(-50%) rotate(0deg); }\r\n    100% { transform: translateX(-50%) rotate(-360deg); }\r\n  }\r\n\r\n  \/* =====================================\r\n     TOKENOMICS SECTION (HORIZONTAL 4 POINT)\r\n     ===================================== *\/\r\n  .hippi-tokenomics-container {\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  .hippi-tokenomics-title {\r\n    font-family: 'Galindo', cursive;\r\n    font-size: clamp(2rem, 4vw, 3rem);\r\n    color: #ffffff;\r\n    text-shadow: \r\n      -2px -2px 0 #1d3557,  \r\n       2px -2px 0 #1d3557,\r\n      -2px  2px 0 #1d3557,\r\n       2px  2px 0 #1d3557,\r\n       4px  5px 0px #1d3557;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  \/* GRID HORIZONAL 4 KOLOM *\/\r\n  .hippi-tokenomics-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  .hippi-tokenomics-card {\r\n    background: rgba(255, 255, 255, 0.92);\r\n    backdrop-filter: blur(8px);\r\n    border: 3.5px solid #1d3557;\r\n    border-radius: 28px;\r\n    padding: 25px 15px;\r\n    box-shadow: 0px 7px 0px #1d3557;\r\n    text-align: center;\r\n    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;\r\n  }\r\n\r\n  .hippi-tokenomics-card:hover {\r\n    transform: translateY(-8px) scale(1.03) rotate(-1deg);\r\n    box-shadow: 0px 12px 0px #1d3557;\r\n  }\r\n\r\n  .hippi-tokenomics-card .label {\r\n    font-family: 'Grandstander', cursive;\r\n    font-weight: 600;\r\n    font-size: 0.95rem;\r\n    color: #1d3557;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .hippi-tokenomics-card .value {\r\n    font-family: 'Galindo', cursive;\r\n    font-size: clamp(1.2rem, 2vw, 1.6rem);\r\n    color: #06d6a0;\r\n    text-shadow: 1.5px 1.5px 0px #1d3557;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN MOBILE & TABLET *\/\r\n  @media (max-width: 900px) {\r\n    .hippi-tokenomics-grid {\r\n      grid-template-columns: repeat(2, 1fr); \/* 2x2 Layout di Tablet\/HP *\/\r\n      gap: 15px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .hippi-section-wrapper {\r\n      margin: 50px auto;\r\n      padding: 0 15px;\r\n    }\r\n\r\n    .hippi-about-card {\r\n      padding: 35px 20px;\r\n      border-radius: 30px;\r\n    }\r\n\r\n    .hippi-orbit-wrapper {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    .hippi-orbit-img {\r\n      width: 120px; \/* Diatur pas untuk layar HP *\/\r\n      top: -55px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .hippi-tokenomics-grid {\r\n      grid-template-columns: 1fr; \/* 1 Kolom Full di HP Kecil *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- SECTION ABOUT & TOKENOMICS HTML -->\r\n<div class=\"hippi-section-wrapper\">\r\n  \r\n  <!-- ABOUT SECTION WITH ORBITING CHARACTER -->\r\n  <div class=\"hippi-about-container\">\r\n    <section class=\"hippi-about-card\">\r\n      <h2>A Calm Path in Crypto<\/h2>\r\n      <p>\r\n        Hippi is a cheerful hippo-seal hybrid living on a peaceful tropical island where every day feels like a relaxing getaway.\r\n      <\/p>\r\n      <p>\r\n        While the crypto world often rushes from one trend to another under high pressure, Hippi takes a different path\u2014focusing on positive vibes, solid friendships, and sustainable growth. Hippi believes that the best journeys are the ones shared together with a strong, grounded community.\r\n      <\/p>\r\n    <\/section>\r\n\r\n    <!-- WRAPPER GAMBAR ORBIT PERBESAR -->\r\n    <div class=\"hippi-orbit-wrapper\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/hippi.lol\/wp-content\/uploads\/2026\/07\/ASET1.png\" \r\n        alt=\"Hippi Character\" \r\n        class=\"hippi-orbit-img\"\r\n      \/>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- TOKENOMICS SECTION (HORIZONTAL 4 POINTS) -->\r\n  <div class=\"hippi-tokenomics-container\">\r\n    <h2 class=\"hippi-tokenomics-title\">Tokenomics<\/h2>\r\n    <div class=\"hippi-tokenomics-grid\">\r\n      \r\n      <div class=\"hippi-tokenomics-card\">\r\n        <div class=\"label\">Total Supply<\/div>\r\n        <div class=\"value\">1B $HIPPI<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hippi-tokenomics-card\">\r\n        <div class=\"label\">Buy \/ Sell Tax<\/div>\r\n        <div class=\"value\">0% \/ 0%<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hippi-tokenomics-card\">\r\n        <div class=\"label\">Liquidity<\/div>\r\n        <div class=\"value\">Burned<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hippi-tokenomics-card\">\r\n        <div class=\"label\">Ownership<\/div>\r\n        <div class=\"value\">Renounced<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\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-8c61924 e-flex e-con-boxed e-con e-parent\" data-id=\"8c61924\" 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-b6333ef e-con-full e-flex e-con e-child\" data-id=\"b6333ef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c3df42 elementor-widget elementor-widget-html\" data-id=\"7c3df42\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Galindo&family=Grandstander:wght@300;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* RESET & VARS FOR VALUES & COMMUNITY SECTIONS *\/\r\n  .hippi-content-wrapper * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .hippi-content-wrapper {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 80px auto;\r\n    padding: 0 20px;\r\n    background: transparent;\r\n    position: relative;\r\n  }\r\n\r\n  \/* SECTION TITLE (WHITE TEXT WITH OUTLINE & CARTOON SHADOW) *\/\r\n  .hippi-section-title {\r\n    font-family: 'Galindo', cursive;\r\n    font-size: clamp(2rem, 4.5vw, 3.2rem);\r\n    color: #ffffff;\r\n    text-shadow: \r\n      -2px -2px 0 #1d3557,  \r\n       2px -2px 0 #1d3557,\r\n      -2px  2px 0 #1d3557,\r\n       2px  2px 0 #1d3557,\r\n       4px  5px 0px #1d3557;\r\n    text-align: center;\r\n    margin-bottom: 45px;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  \/* =====================================\r\n     1. WHAT WE STAND FOR (GRID 3 CARDS)\r\n     ===================================== *\/\r\n  .hippi-values-container {\r\n    position: relative;\r\n    margin-bottom: 120px;\r\n  }\r\n\r\n  .hippi-values-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 25px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .hippi-value-card {\r\n    background: rgba(255, 255, 255, 0.92);\r\n    backdrop-filter: blur(10px);\r\n    border: 4px solid #1d3557;\r\n    border-radius: 35px;\r\n    padding: 35px 25px;\r\n    box-shadow: 0px 8px 0px #1d3557;\r\n    text-align: center;\r\n    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;\r\n  }\r\n\r\n  \/* Hover Membal (Bouncy Effect) *\/\r\n  .hippi-value-card:hover {\r\n    transform: translateY(-8px) scale(1.03) rotate(-1deg);\r\n    box-shadow: 0px 14px 0px #1d3557;\r\n  }\r\n\r\n  .hippi-value-card h3 {\r\n    font-family: 'Galindo', cursive;\r\n    font-size: clamp(1.2rem, 2vw, 1.5rem);\r\n    color: #1d3557;\r\n    text-shadow: 1.5px 1.5px 0px #ffd166;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .hippi-value-card p {\r\n    font-family: 'Grandstander', cursive;\r\n    font-weight: 300; \/* Light Font *\/\r\n    font-size: clamp(0.95rem, 1.6vw, 1.05rem);\r\n    color: #2b2d42;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* =====================================\r\n     2. COMMUNITY SECTION (GROWING TOGETHER)\r\n     ===================================== *\/\r\n  .hippi-community-container {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    position: relative;\r\n  }\r\n\r\n  .hippi-community-card {\r\n    background: rgba(255, 255, 255, 0.92);\r\n    backdrop-filter: blur(12px);\r\n    border: 4px solid #1d3557;\r\n    border-radius: 40px;\r\n    padding: 50px 40px;\r\n    box-shadow: 0px 10px 0px #1d3557, 0px 20px 30px rgba(29, 53, 87, 0.12);\r\n    text-align: center;\r\n    max-width: 850px;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .hippi-community-card h3 {\r\n    font-family: 'Galindo', cursive;\r\n    font-size: clamp(1.8rem, 3.5vw, 2.5rem);\r\n    color: #06d6a0;\r\n    text-shadow: 2px 2px 0px #1d3557;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .hippi-community-card p {\r\n    font-family: 'Grandstander', cursive;\r\n    font-weight: 300; \/* Light Font *\/\r\n    font-size: clamp(1.05rem, 1.8vw, 1.2rem);\r\n    color: #2b2d42;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* =====================================\r\n     3. FLOATING EXTRA-BIG MIRRORED CHARACTERS\r\n     ===================================== *\/\r\n  .hippi-side-char {\r\n    position: absolute;\r\n    width: 280px; \/* Ukuran Diperbesar Lebih Nyata *\/\r\n    height: auto;\r\n    pointer-events: none; \/* Mencegah gangguan interaksi klik *\/\r\n    filter: drop-shadow(0px 10px 0px #1d3557);\r\n    z-index: 3;\r\n    will-change: transform;\r\n  }\r\n\r\n  \/* Karakter Kiri (Dimirorkan) - Mengintip dari Atas Kiri Frame *\/\r\n  .hippi-char-left {\r\n    top: -95px;\r\n    left: -110px;\r\n    animation: bigPeekLeftMirrored 7s ease-in-out infinite alternate;\r\n  }\r\n\r\n  \/* Karakter Kanan (Dimirorkan Balik) - Mengintip dari Bawah Kanan Frame *\/\r\n  .hippi-char-right {\r\n    bottom: -85px;\r\n    right: -100px;\r\n    animation: bigPeekRightMirrored 8s ease-in-out infinite alternate;\r\n  }\r\n\r\n  \/* KEYFRAMES ANIMASI MENGINTIP KIRI (MIRRORED) *\/\r\n  @keyframes bigPeekLeftMirrored {\r\n    0% {\r\n      \/* Tersembunyi jauh ke luar kiri layar dengan refleksi horizontal *\/\r\n      transform: scaleX(-1) translate(70px, 45px) rotate(-18deg);\r\n      opacity: 0.6;\r\n    }\r\n    100% {\r\n      \/* Mengintip masuk ke batas frame *\/\r\n      transform: scaleX(-1) translate(-25px, -20px) rotate(8deg);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  \/* KEYFRAMES ANIMASI MENGINTIP KANAN (MIRRORED) *\/\r\n  @keyframes bigPeekRightMirrored {\r\n    0% {\r\n      \/* Tersembunyi ke luar kanan *\/\r\n      transform: scaleX(1) translate(75px, 40px) rotate(-18deg);\r\n      opacity: 0.6;\r\n    }\r\n    100% {\r\n      \/* Mengintip masuk dari kanan ke dalam frame *\/\r\n      transform: scaleX(1) translate(-25px, -20px) rotate(10deg);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN UNTUK MOBILE & TABLET *\/\r\n  @media (max-width: 900px) {\r\n    .hippi-values-grid {\r\n      grid-template-columns: 1fr; \/* Stack 1 Kolom *\/\r\n      gap: 20px;\r\n    }\r\n\r\n    .hippi-values-container {\r\n      margin-bottom: 80px;\r\n    }\r\n\r\n    .hippi-content-wrapper {\r\n      margin: 50px auto;\r\n      padding: 0 15px;\r\n    }\r\n\r\n    .hippi-community-card {\r\n      padding: 35px 20px;\r\n      border-radius: 30px;\r\n    }\r\n\r\n    \/* Penyesuaian proporsional di HP agar tidak melimpah secara ekstrem *\/\r\n    .hippi-side-char {\r\n      width: 150px;\r\n    }\r\n    .hippi-char-left {\r\n      top: -50px;\r\n      left: -30px;\r\n    }\r\n    .hippi-char-right {\r\n      bottom: -40px;\r\n      right: -30px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- CONTENT SECTION HTML -->\r\n<div class=\"hippi-content-wrapper\">\r\n\r\n  <!-- 1. WHAT WE STAND FOR SECTION -->\r\n  <section class=\"hippi-values-container\">\r\n    \r\n    <!-- Karakter Mengintip Kiri (Dimirorkan) -->\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/hippi.lol\/wp-content\/uploads\/2026\/07\/ASET1.png\" \r\n      alt=\"Hippi Left Peeking Mirrored\" \r\n      class=\"hippi-side-char hippi-char-left\"\r\n    \/>\r\n\r\n    <h2 class=\"hippi-section-title\">What We Stand For<\/h2>\r\n    \r\n    <div class=\"hippi-values-grid\">\r\n      \r\n      <!-- Card 1 -->\r\n      <div class=\"hippi-value-card\">\r\n        <h3>Genuine Connection<\/h3>\r\n        <p>\r\n          Building a welcoming, healthy space for everyone\u2014free from artificial hype or high-stress dynamics.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"hippi-value-card\">\r\n        <h3>Positive Energy<\/h3>\r\n        <p>\r\n          Delivering thoughtful content and lighthearted memes that bring genuine smiles to your daily routine.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"hippi-value-card\">\r\n        <h3>Balance & Consistency<\/h3>\r\n        <p>\r\n          Prioritizing steady, long-term presence over short-lived trends that fade as quickly as they appear.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 2. COMMUNITY SECTION -->\r\n  <section class=\"hippi-community-container\">\r\n    \r\n    <!-- Karakter Mengintip Kanan (Dimirorkan) -->\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/hippi.lol\/wp-content\/uploads\/2026\/07\/ASET1.png\" \r\n      alt=\"Hippi Right Peeking Mirrored\" \r\n      class=\"hippi-side-char hippi-char-right\"\r\n    \/>\r\n\r\n    <div class=\"hippi-community-card\">\r\n      <h3>Growing Together<\/h3>\r\n      <p>\r\n        The heart of $HIPPI lies within its community. We believe that a lasting project is built on mutual support and authentic interaction. Through shared memes, casual conversations, and daily engagement, Hippi serves as a gathering place for those who appreciate good vibes and real togetherness.\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\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-0f66407 e-flex e-con-boxed e-con e-parent\" data-id=\"0f66407\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/hippi.lol\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HERO-HIPPI2.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-6e21471 e-con-full e-flex e-con e-child\" data-id=\"6e21471\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83cfdb8 elementor-widget elementor-widget-html\" data-id=\"83cfdb8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Galindo&family=Grandstander:wght@300;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* RESET & VARS FOR STEPS & FOOTER *\/\r\n  .hippi-bottom-wrapper * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .hippi-bottom-wrapper {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 80px auto 40px;\r\n    padding: 0 20px;\r\n    background: transparent;\r\n  }\r\n\r\n  \/* SECTION TITLE (WHITE TEXT WITH OUTLINE & CARTOON SHADOW) *\/\r\n  .hippi-section-title {\r\n    font-family: 'Galindo', cursive;\r\n    font-size: clamp(2rem, 4.5vw, 3.2rem);\r\n    color: #ffffff;\r\n    text-shadow: \r\n      -2px -2px 0 #1d3557,  \r\n       2px -2px 0 #1d3557,\r\n      -2px  2px 0 #1d3557,\r\n       2px  2px 0 #1d3557,\r\n       4px  5px 0px #1d3557;\r\n    text-align: center;\r\n    margin-bottom: 45px;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  \/* =====================================\r\n     1. HOW TO GET $HIPPI (GRID 3 STEPS)\r\n     ===================================== *\/\r\n  .hippi-steps-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 25px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .hippi-step-card {\r\n    background: rgba(255, 255, 255, 0.92);\r\n    backdrop-filter: blur(10px);\r\n    border: 4px solid #1d3557;\r\n    border-radius: 35px;\r\n    padding: 40px 25px 30px;\r\n    box-shadow: 0px 8px 0px #1d3557;\r\n    text-align: center;\r\n    position: relative;\r\n    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;\r\n  }\r\n\r\n  \/* Hover Membal (Bouncy Effect) *\/\r\n  .hippi-step-card:hover {\r\n    transform: translateY(-8px) scale(1.03) rotate(-1deg);\r\n    box-shadow: 0px 14px 0px #1d3557;\r\n  }\r\n\r\n  \/* NUMBER BADGE KARTUN MEMBAL *\/\r\n  .hippi-step-badge {\r\n    position: absolute;\r\n    top: -24px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: #ffd166;\r\n    color: #1d3557;\r\n    font-family: 'Galindo', cursive;\r\n    font-size: 1.1rem;\r\n    padding: 6px 18px;\r\n    border: 3.5px solid #1d3557;\r\n    border-radius: 30px;\r\n    box-shadow: 0px 4px 0px #1d3557;\r\n  }\r\n\r\n  .hippi-step-card h3 {\r\n    font-family: 'Galindo', cursive;\r\n    font-size: clamp(1.2rem, 2vw, 1.5rem);\r\n    color: #1d3557;\r\n    text-shadow: 1.5px 1.5px 0px #ffd166;\r\n    margin-top: 10px;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .hippi-step-card p {\r\n    font-family: 'Grandstander', cursive;\r\n    font-weight: 300; \/* Light Font *\/\r\n    font-size: clamp(0.95rem, 1.6vw, 1.05rem);\r\n    color: #2b2d42;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* =====================================\r\n     2. SLIM FOOTER (RATA BAWAH & TRANSPARENT)\r\n     ===================================== *\/\r\n  .hippi-footer-slim {\r\n    width: 100%;\r\n    background: transparent;\r\n    padding: 20px;\r\n    text-align: center;\r\n    margin-top: auto;\r\n  }\r\n\r\n  .hippi-footer-slim-inner {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    border-top: 2px dashed rgba(255, 255, 255, 0.4);\r\n    padding-top: 20px;\r\n  }\r\n\r\n  .hippi-footer-slim-title {\r\n    font-family: 'Galindo', cursive;\r\n    font-size: clamp(1.3rem, 2.5vw, 1.8rem);\r\n    color: #ffffff;\r\n    text-shadow: \r\n      -1.5px -1.5px 0 #1d3557,  \r\n       1.5px -1.5px 0 #1d3557,\r\n      -1.5px  1.5px 0 #1d3557,\r\n       1.5px  1.5px 0 #1d3557,\r\n       3px 3px 0px #1d3557;\r\n  }\r\n\r\n  .hippi-footer-slim-slogan {\r\n    font-family: 'Grandstander', cursive;\r\n    font-weight: 300;\r\n    font-size: clamp(0.9rem, 1.5vw, 1.05rem);\r\n    color: #ffffff;\r\n    text-shadow: \r\n      -1px -1px 0 #1d3557,  \r\n       1px -1px 0 #1d3557,\r\n      -1px  1px 0 #1d3557,\r\n       1px  1px 0 #1d3557;\r\n  }\r\n\r\n  .hippi-copyright-slim {\r\n    font-family: 'Grandstander', cursive;\r\n    font-weight: 300;\r\n    font-size: 0.85rem;\r\n    color: #ffffff;\r\n    text-shadow: \r\n      -1px -1px 0 #1d3557,  \r\n       1px -1px 0 #1d3557,\r\n      -1px  1px 0 #1d3557,\r\n       1px  1px 0 #1d3557;\r\n    margin-top: 4px;\r\n    opacity: 0.9;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN FOR MOBILE *\/\r\n  @media (max-width: 900px) {\r\n    .hippi-steps-grid {\r\n      grid-template-columns: 1fr; \/* Stack 1 Kolom *\/\r\n      gap: 35px;\r\n    }\r\n\r\n    .hippi-bottom-wrapper {\r\n      margin: 50px auto 20px;\r\n      padding: 0 15px;\r\n    }\r\n\r\n    .hippi-footer-slim {\r\n      padding: 15px 15px 30px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- CONTENT SECTION HTML -->\r\n<div class=\"hippi-bottom-wrapper\">\r\n\r\n  <!-- HOW TO GET $HIPPI SECTION -->\r\n  <section>\r\n    <h2 class=\"hippi-section-title\">Three Simple Steps<\/h2>\r\n\r\n    <div class=\"hippi-steps-grid\">\r\n      \r\n      <!-- Step 1 -->\r\n      <div class=\"hippi-step-card\">\r\n        <div class=\"hippi-step-badge\">01<\/div>\r\n        <h3>Set Up a Wallet<\/h3>\r\n        <p>\r\n          Prepare a compatible digital wallet that supports the host network.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 2 -->\r\n      <div class=\"hippi-step-card\">\r\n        <div class=\"hippi-step-badge\">02<\/div>\r\n        <h3>Swap for $HIPPI<\/h3>\r\n        <p>\r\n          Connect your wallet to a decentralized exchange (DEX) and swap your primary tokens for $HIPPI.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 3 -->\r\n      <div class=\"hippi-step-card\">\r\n        <div class=\"hippi-step-badge\">03<\/div>\r\n        <h3>Join the Island<\/h3>\r\n        <p>\r\n          Hop into our Telegram group or follow us on X (Twitter) to say hello and connect with the community.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- FOOTER SECTION (SLIM & RATA BAWAH) -->\r\n<footer class=\"hippi-footer-slim\">\r\n  <div class=\"hippi-footer-slim-inner\">\r\n    <h3 class=\"hippi-footer-slim-title\">HIPPI ($HIPPI)<\/h3>\r\n    <p class=\"hippi-footer-slim-slogan\">Good vibes. Strong friendships. Making waves together.<\/p>\r\n    <p class=\"hippi-copyright-slim\">Copyright: \u00a9 2026 Hippi. All rights reserved.<\/p>\r\n  <\/div>\r\n<\/footer>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HIPPI ($HIPPI) Twitter Telegram Swap Now A Calm Haven in the Digital Noise. A unique hippo-seal hybrid bringing peace, genuine connection, and simple joys to the crypto space. Swap Now View Live Chart NULL Copy Address Copied! \ud83d\udc3e A Calm Path in Crypto Hippi is a cheerful hippo-seal hybrid living on a peaceful tropical island [&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:\/\/hippi.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hippi.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hippi.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hippi.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hippi.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":22,"href":"https:\/\/hippi.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/hippi.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/hippi.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}