{"id":9,"date":"2026-07-31T17:02:45","date_gmt":"2026-07-31T17:02:45","guid":{"rendered":"https:\/\/iamnibbo.fun\/?page_id=9"},"modified":"2026-07-31T19:40:10","modified_gmt":"2026-07-31T19:40:10","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/iamnibbo.fun\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6de8c52 e-flex e-con-boxed e-con e-parent\" data-id=\"6de8c52\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/iamnibbo.fun\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HERO-NIBBO1.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-adb95d9 e-con-full e-flex e-con e-child\" data-id=\"adb95d9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-146d47f elementor-widget elementor-widget-html\" data-id=\"146d47f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- LINK FONT & ICON (Tambahkan di bagian <head> website Anda) -->\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=Bowlby+One&family=Short+Stack&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<!-- CSS HEADER FIXED & NAV MENU -->\r\n<style>\r\n  \/* Fixed Container di Atas Layar *\/\r\n  .nibbo-header-container {\r\n    position: fixed;\r\n    top: 10px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 95%;\r\n    max-width: 1200px;\r\n    z-index: 9999;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Header Box Solid Cartoon Premium *\/\r\n  .nibbo-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 10px 20px;\r\n    background: rgba(255, 252, 245, 0.95);\r\n    backdrop-filter: blur(8px);\r\n    border: 3.5px solid #1e1e1e;\r\n    border-radius: 50px;\r\n    box-shadow: 0px 6px 0px #1e1e1e;\r\n    transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n  }\r\n\r\n  \/* Logo NIBBO *\/\r\n  .nibbo-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .nibbo-logo-text {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 1.7rem;\r\n    color: #1e1e1e;\r\n    text-shadow: 2px 2px 0px #FFD000;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  \/* Nav Links Desktop *\/\r\n  .nibbo-nav-menu {\r\n    display: flex;\r\n    gap: 10px;\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .nibbo-nav-link {\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    font-size: 0.95rem;\r\n    font-weight: bold;\r\n    color: #1e1e1e;\r\n    text-decoration: none;\r\n    padding: 6px 14px;\r\n    border-radius: 20px;\r\n    border: 2px solid transparent;\r\n    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  \/* Hover Mantul *\/\r\n  .nibbo-nav-link:hover {\r\n    background-color: #00D2FF;\r\n    border-color: #1e1e1e;\r\n    box-shadow: 2.5px 2.5px 0px #1e1e1e;\r\n    transform: translateY(-2px) rotate(-1deg);\r\n  }\r\n\r\n  \/* CTA Button: Buy $NIBBO *\/\r\n  .btn-swap-nibbo {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.85rem;\r\n    color: #1e1e1e;\r\n    background-color: #FFD000;\r\n    text-decoration: none;\r\n    padding: 8px 18px;\r\n    border-radius: 50px;\r\n    border: 3px solid #1e1e1e;\r\n    box-shadow: 3.5px 3.5px 0px #1e1e1e;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    cursor: pointer;\r\n    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .btn-swap-nibbo:hover {\r\n    transform: translate(-2px, -3px) rotate(1.5deg) scale(1.05);\r\n    box-shadow: 5px 5px 0px #1e1e1e;\r\n    background-color: #FF4B82;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .btn-swap-nibbo:active {\r\n    transform: translate(2px, 2px) scale(0.95);\r\n    box-shadow: 1px 1px 0px #1e1e1e;\r\n  }\r\n\r\n  \/* Hamburger Toggle (Mobile) *\/\r\n  .nibbo-nav-toggle {\r\n    display: none;\r\n    font-size: 1.2rem;\r\n    color: #1e1e1e;\r\n    background: #00D2FF;\r\n    border: 2.5px solid #1e1e1e;\r\n    padding: 5px 12px;\r\n    border-radius: 12px;\r\n    box-shadow: 2.5px 2.5px 0px #1e1e1e;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .nibbo-nav-toggle:active {\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN (Tampilan Mobile) *\/\r\n  @media (max-width: 900px) {\r\n    .nibbo-header-container {\r\n      top: 8px;\r\n      width: 96%;\r\n    }\r\n\r\n    .nibbo-header {\r\n      padding: 8px 14px;\r\n      border-radius: 30px;\r\n    }\r\n\r\n    .nibbo-nav-toggle {\r\n      display: block;\r\n    }\r\n\r\n    .nibbo-nav-menu {\r\n      display: none;\r\n      flex-direction: column;\r\n      width: 100%;\r\n      position: absolute;\r\n      top: 65px;\r\n      left: 0;\r\n      background: #FFFCF5;\r\n      border: 3px solid #1e1e1e;\r\n      border-radius: 20px;\r\n      padding: 12px;\r\n      box-shadow: 5px 5px 0px #1e1e1e;\r\n      gap: 8px;\r\n    }\r\n\r\n    .nibbo-nav-menu.active {\r\n      display: flex;\r\n    }\r\n\r\n    .nibbo-nav-link {\r\n      display: block;\r\n      text-align: center;\r\n      padding: 8px;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .btn-swap-nibbo {\r\n      font-size: 0.75rem;\r\n      padding: 6px 12px;\r\n      border-width: 2.5px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .nibbo-logo-text {\r\n      font-size: 1.3rem;\r\n    }\r\n    .btn-swap-nibbo {\r\n      padding: 6px 10px;\r\n      font-size: 0.7rem;\r\n      gap: 4px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- HTML SECTION HEADER & NAV (FIXED TOP) -->\r\n<div class=\"nibbo-header-container\">\r\n  <header class=\"nibbo-header\">\r\n    \r\n    <!-- Logo -->\r\n    <a href=\"#\" class=\"nibbo-logo\">\r\n      <span class=\"nibbo-logo-text\">NIBBO<\/span>\r\n    <\/a>\r\n\r\n    <!-- Hamburger Menu Toggle (Mobile) -->\r\n    <button class=\"nibbo-nav-toggle\" id=\"nibboNavToggle\" aria-label=\"Toggle Navigation\">\r\n      <i class=\"fa-solid fa-bars\"><\/i>\r\n    <\/button>\r\n\r\n    <!-- Navigation Menu Links -->\r\n    <ul class=\"nibbo-nav-menu\" id=\"nibboNavMenu\">\r\n      <li><a href=\"#about\" class=\"nibbo-nav-link\">About NIBBO<\/a><\/li>\r\n      <li><a href=\"#lifestyle\" class=\"nibbo-nav-link\">Lifestyle<\/a><\/li>\r\n      <li><a href=\"#how-to-buy\" class=\"nibbo-nav-link\">How to Buy<\/a><\/li>\r\n      <li><a href=\"#tokenomics\" class=\"nibbo-nav-link\">Tokenomics<\/a><\/li>\r\n      <li><a href=\"#community\" class=\"nibbo-nav-link\">Community<\/a><\/li>\r\n    <\/ul>\r\n\r\n    <!-- Main CTA Button -->\r\n    <a href=\"YOUR-LINK\" class=\"btn-swap-nibbo\">\r\n      <i class=\"fa-solid fa-cart-shopping\"><\/i> Buy $NIBBO\r\n    <\/a>\r\n\r\n  <\/header>\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT FOR MOBILE TOGGLE & AUTO CLOSE -->\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    const navToggle = document.getElementById('nibboNavToggle');\r\n    const navMenu = document.getElementById('nibboNavMenu');\r\n\r\n    if (navToggle && navMenu) {\r\n      \/\/ Toggle menu di mobile\r\n      navToggle.addEventListener('click', function(e) {\r\n        e.stopPropagation();\r\n        navMenu.classList.toggle('active');\r\n      });\r\n\r\n      \/\/ Close menu saat link diklik\r\n      document.querySelectorAll('.nibbo-nav-link').forEach(link => {\r\n        link.addEventListener('click', () => {\r\n          navMenu.classList.remove('active');\r\n        });\r\n      });\r\n\r\n      \/\/ Close menu saat klik di luar navbar\r\n      document.addEventListener('click', function(e) {\r\n        if (!navMenu.contains(e.target) && !navToggle.contains(e.target)) {\r\n          navMenu.classList.remove('active');\r\n        }\r\n      });\r\n    }\r\n  });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f45d11 e-con-full e-flex e-con e-child\" data-id=\"6f45d11\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a65c117 elementor-widget elementor-widget-html\" data-id=\"a65c117\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- HERO SECTION (RATA KANAN, NO CARD, SHADOW HITAM SOLID) -->\r\n<style>\r\n  \/* Base Hero Container Transparan (Tanpa Card) *\/\r\n  .nibbo-hero-section {\r\n    width: 92%;\r\n    max-width: 1140px;\r\n    margin: 30px auto 40px auto;\r\n    padding: 20px 0;\r\n    background: transparent;\r\n    border: none;\r\n    box-shadow: none;\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.85fr;\r\n    gap: 40px;\r\n    align-items: center;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Content Wrapper (RATA KANAN) *\/\r\n  .hero-content-right {\r\n    text-align: right;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-end;\r\n  }\r\n\r\n  \/* Tag Badge Kartun *\/\r\n  .hero-badge {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.8rem;\r\n    color: #ffffff;\r\n    background-color: #FF4B82;\r\n    padding: 6px 14px;\r\n    border-radius: 20px;\r\n    border: 2.5px solid #1e1e1e;\r\n    box-shadow: 3px 3px 0px #1e1e1e;\r\n    display: inline-block;\r\n    margin-bottom: 18px;\r\n    text-transform: uppercase;\r\n    transform: rotate(2deg);\r\n  }\r\n\r\n  \/* Judul Utama (Warna Kuning + Shadow Hitam Solid) *\/\r\n  .hero-title-2lines {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 2.5rem;\r\n    line-height: 1.2;\r\n    color: #FFD000;\r\n    text-shadow: 3.5px 3.5px 0px #1e1e1e;\r\n    margin: 0 0 20px 0;\r\n    text-transform: uppercase;\r\n    word-wrap: break-word;\r\n  }\r\n\r\n  .hero-title-2lines span {\r\n    display: block;\r\n  }\r\n\r\n  \/* Deskripsi \/ Subtitle (Warna Putih + Shadow Gelap) *\/\r\n  .hero-description {\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    font-size: 1.15rem;\r\n    line-height: 1.6;\r\n    color: #ffffff;\r\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8), 1.5px 1.5px 0px #1e1e1e;\r\n    margin-bottom: 25px;\r\n    max-width: 540px;\r\n  }\r\n\r\n  \/* CA (Contract Address) Box *\/\r\n  .hero-ca-box {\r\n    width: 100%;\r\n    max-width: 520px;\r\n    background: #00D2FF;\r\n    border: 3px solid #1e1e1e;\r\n    border-radius: 20px;\r\n    padding: 12px 18px;\r\n    box-shadow: 4px 4px 0px #1e1e1e;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    margin-bottom: 25px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ca-text-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    text-align: right;\r\n    width: 100%;\r\n  }\r\n\r\n  .ca-label {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.75rem;\r\n    color: #1e1e1e;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ca-address {\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    font-weight: bold;\r\n    font-size: 0.9rem;\r\n    color: #1e1e1e;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  \/* Tombol Copy CA *\/\r\n  .btn-copy-ca {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.8rem;\r\n    color: #ffffff;\r\n    background-color: #FF4B82;\r\n    border: 2.5px solid #1e1e1e;\r\n    padding: 8px 16px;\r\n    border-radius: 14px;\r\n    box-shadow: 2.5px 2.5px 0px #1e1e1e;\r\n    cursor: pointer;\r\n    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    white-space: nowrap;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n\r\n  .btn-copy-ca:hover {\r\n    transform: translate(-2px, -2px) scale(1.05);\r\n    box-shadow: 4px 4px 0px #1e1e1e;\r\n    background-color: #FF1744;\r\n  }\r\n\r\n  \/* Quick Action Buttons Group (Aligned Right) *\/\r\n  .hero-buttons-group {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: flex-end;\r\n    gap: 12px;\r\n  }\r\n\r\n  .btn-hero {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.85rem;\r\n    padding: 12px 22px;\r\n    border-radius: 50px;\r\n    border: 3px solid #1e1e1e;\r\n    box-shadow: 4px 4px 0px #1e1e1e;\r\n    text-decoration: none;\r\n    color: #1e1e1e;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    cursor: pointer;\r\n    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .btn-pink { background-color: #FF4B82; color: #ffffff; }\r\n  .btn-purple { background-color: #8C52FF; color: #ffffff; }\r\n\r\n  \/* Hover Mantul *\/\r\n  .btn-hero:hover {\r\n    transform: translate(-3px, -3px) rotate(-1.5deg) scale(1.04);\r\n    box-shadow: 6px 6px 0px #1e1e1e;\r\n  }\r\n\r\n  .btn-hero:active {\r\n    transform: translate(2px, 2px) scale(0.96);\r\n    box-shadow: 1px 1px 0px #1e1e1e;\r\n  }\r\n\r\n  \/* Area Gambar *\/\r\n  .hero-image-left {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .hero-main-img {\r\n    width: 100%;\r\n    max-width: 380px;\r\n    height: auto;\r\n    border: 3.5px solid #1e1e1e;\r\n    border-radius: 25px;\r\n    box-shadow: 6px 6px 0px #1e1e1e;\r\n    background-color: #FFD000;\r\n    transform: rotate(-2deg);\r\n    object-fit: cover;\r\n  }\r\n\r\n  \/* Toast Notification untuk Copy CA *\/\r\n  .ca-toast {\r\n    position: fixed;\r\n    bottom: 30px;\r\n    right: 30px;\r\n    background: #00E676;\r\n    color: #1e1e1e;\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.85rem;\r\n    padding: 12px 20px;\r\n    border: 3px solid #1e1e1e;\r\n    border-radius: 16px;\r\n    box-shadow: 4px 4px 0px #1e1e1e;\r\n    display: none;\r\n    z-index: 10000;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN (MOBILE & TABLET) *\/\r\n  @media (max-width: 900px) {\r\n    .nibbo-hero-section {\r\n      grid-template-columns: 1fr;\r\n      gap: 30px;\r\n    }\r\n\r\n    .hero-image-left {\r\n      order: 1;\r\n    }\r\n\r\n    .hero-content-right {\r\n      order: 2;\r\n      text-align: right;\r\n      align-items: flex-end;\r\n    }\r\n\r\n    .hero-title-2lines {\r\n      font-size: 2.1rem;\r\n    }\r\n\r\n    .hero-description {\r\n      font-size: 1rem;\r\n    }\r\n\r\n    .hero-ca-box {\r\n      flex-direction: column;\r\n      align-items: flex-end;\r\n      gap: 10px;\r\n    }\r\n\r\n    .btn-copy-ca {\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n\r\n    .hero-buttons-group {\r\n      width: 100%;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .btn-hero {\r\n      width: 100%;\r\n      justify-content: center;\r\n      box-sizing: border-box;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .hero-title-2lines {\r\n      font-size: 1.65rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- HTML HERO SECTION -->\r\n<section class=\"nibbo-hero-section\">\r\n  \r\n  <!-- Sisi Kiri: Visual Gambar Hero -->\r\n  <div class=\"hero-image-left\">\r\n    <img decoding=\"async\" src=\"HERO1.jpg\" alt=\"NIBBO Hero Visual\" class=\"hero-main-img\" onerror=\"this.src='ASET1.jpg'\">\r\n  <\/div>\r\n\r\n  <!-- Sisi Kanan: Konten & Teks (RATA KANAN) -->\r\n  <div class=\"hero-content-right\">\r\n    <span class=\"hero-badge\">Welcome to the World of NIBBO<\/span>\r\n    \r\n    <!-- Judul Utama -->\r\n    <h1 class=\"hero-title-2lines\">\r\n      <span>A Unique Icon Spreading<\/span>\r\n      <span>Positive Energy on Solana.<\/span>\r\n    <\/h1>\r\n\r\n    <!-- Deskripsi Baru -->\r\n    <p class=\"hero-description\">\r\n      Meet NIBBO\u2014an iconic character ready to color the Web3 space. Combining effortless style, a laid-back attitude, and a joyful spirit, NIBBO is here to unite the community through creativity and togetherness.\r\n    <\/p>\r\n\r\n    <!-- Contract Address Box -->\r\n    <div class=\"hero-ca-box\">\r\n      <div class=\"ca-text-wrapper\">\r\n        <span class=\"ca-label\">Contract Address:<\/span>\r\n        <span class=\"ca-address\" id=\"heroCaAddress\">NULL<\/span>\r\n      <\/div>\r\n      <button class=\"btn-copy-ca\" onclick=\"copyHeroCA()\">\r\n        <i class=\"fa-solid fa-copy\"><\/i> COPY CA\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- Action Buttons -->\r\n    <div class=\"hero-buttons-group\">\r\n      <a href=\"YOUR-LINK\" class=\"btn-hero btn-pink\">\r\n        <i class=\"fa-solid fa-rocket\"><\/i> Buy on Pump.fun\r\n      <\/a>\r\n      <a href=\"YOUR-LINK\" class=\"btn-hero btn-purple\">\r\n        <i class=\"fa-solid fa-chart-line\"><\/i> Track on Dexscreener\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- Toast Notifikasi Copy -->\r\n<div id=\"heroToast\" class=\"ca-toast\">\r\n  <i class=\"fa-solid fa-circle-check\"><\/i> CA COPIED TO CLIPBOARD!\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT COPY CA -->\r\n<script>\r\n  function copyHeroCA() {\r\n    const caText = document.getElementById('heroCaAddress').innerText;\r\n    navigator.clipboard.writeText(caText).then(() => {\r\n      showHeroToast();\r\n    }).catch(() => {\r\n      const textarea = document.createElement('textarea');\r\n      textarea.value = caText;\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\r\n  function showHeroToast() {\r\n    const toast = document.getElementById('heroToast');\r\n    toast.style.display = 'block';\r\n    setTimeout(() => {\r\n      toast.style.display = 'none';\r\n    }, 2200);\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-974c35d e-flex e-con-boxed e-con e-parent\" data-id=\"974c35d\" 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-a26cce4 e-con-full e-flex e-con e-child\" data-id=\"a26cce4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92ae4e4 elementor-widget elementor-widget-html\" data-id=\"92ae4e4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- SECTION ABOUT US (THE NIBBO STORY) - WITH MINI CARDS FOR POINTS -->\r\n<style>\r\n  \/* Base Section Container Transparan \/ Floating Grid *\/\r\n  .nibbo-about-section {\r\n    width: 92%;\r\n    max-width: 1140px;\r\n    margin: 40px auto;\r\n    padding: 0;\r\n    background: transparent;\r\n    border: none;\r\n    box-shadow: none;\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 1fr; \/* Kiri: Teks Konten, Kanan: Gambar GIF *\/\r\n    gap: 30px;\r\n    align-items: stretch;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Card Kiri: Balutan Card Kartun Teks Konten *\/\r\n  .about-card-left {\r\n    background: #FFF0F5;\r\n    border: 3.5px solid #1e1e1e;\r\n    border-radius: 35px;\r\n    box-shadow: 8px 8px 0px #1e1e1e;\r\n    padding: 35px 30px;\r\n    text-align: left;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    box-sizing: border-box;\r\n    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.25s ease;\r\n  }\r\n\r\n  .about-card-left:hover {\r\n    transform: translateY(-4px) rotate(-1deg);\r\n    box-shadow: 10px 10px 0px #1e1e1e;\r\n  }\r\n\r\n  \/* Tag Badge Kartun *\/\r\n  .about-badge {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.8rem;\r\n    color: #1e1e1e;\r\n    background-color: #FFD000;\r\n    padding: 6px 14px;\r\n    border-radius: 20px;\r\n    border: 2.5px solid #1e1e1e;\r\n    box-shadow: 3px 3px 0px #1e1e1e;\r\n    display: inline-block;\r\n    margin-bottom: 15px;\r\n    text-transform: uppercase;\r\n    transform: rotate(-1.5deg);\r\n  }\r\n\r\n  \/* Judul Section Utama *\/\r\n  .about-title {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 2rem;\r\n    line-height: 1.25;\r\n    color: #FF4B82;\r\n    text-shadow: 3px 3px 0px #1e1e1e;\r\n    margin: 0 0 16px 0;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Subtitle Narrative *\/\r\n  .about-subtitle {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 1.1rem;\r\n    color: #1e1e1e;\r\n    margin: 0 0 12px 0;\r\n  }\r\n\r\n  \/* Paragraf Narasi (Short Stack) *\/\r\n  .about-text-p {\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    font-size: 1rem;\r\n    line-height: 1.6;\r\n    color: #1e1e1e;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  \/* Container khusus Mini Cards di dalam Poin Penting *\/\r\n  .about-mini-cards-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    width: 100%;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  \/* Desain Mini Card untuk setiap Poin *\/\r\n  .about-mini-card {\r\n    background: #ffffff;\r\n    border: 2.5px solid #1e1e1e;\r\n    border-radius: 20px;\r\n    padding: 14px 18px;\r\n    box-shadow: 4px 4px 0px #1e1e1e;\r\n    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  .about-mini-card:hover {\r\n    transform: translateX(4px) scale(1.01);\r\n  }\r\n\r\n  .about-mini-card-title {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.95rem;\r\n    color: #FF4B82;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .about-mini-card-text {\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    font-size: 0.92rem;\r\n    line-height: 1.5;\r\n    color: #1e1e1e;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Card Kanan: Card Khusus Aset GIF *\/\r\n  .about-card-right {\r\n    background: #00D2FF;\r\n    border: 3.5px solid #1e1e1e;\r\n    border-radius: 35px;\r\n    box-shadow: 8px 8px 0px #1e1e1e;\r\n    padding: 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.25s ease;\r\n  }\r\n\r\n  .about-card-right:hover {\r\n    transform: translateY(-4px) rotate(1deg);\r\n    box-shadow: 10px 10px 0px #1e1e1e;\r\n  }\r\n\r\n  \/* Image\/GIF Full 100% Mengisi Card *\/\r\n  .about-gif-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 100%;\r\n    border: none;\r\n    box-shadow: none;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN (MOBILE & TABLET) *\/\r\n  @media (max-width: 900px) {\r\n    .nibbo-about-section {\r\n      grid-template-columns: 1fr;\r\n      gap: 25px;\r\n    }\r\n\r\n    .about-card-right {\r\n      order: 1;\r\n      height: 320px;\r\n    }\r\n\r\n    .about-card-left {\r\n      order: 2;\r\n      padding: 25px 20px;\r\n    }\r\n\r\n    .about-title {\r\n      font-size: 1.6rem;\r\n    }\r\n\r\n    .about-subtitle {\r\n      font-size: 1rem;\r\n    }\r\n\r\n    .about-text-p, .about-mini-card-text {\r\n      font-size: 0.9rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .about-card-right {\r\n      height: 260px;\r\n    }\r\n\r\n    .about-title {\r\n      font-size: 1.4rem;\r\n    }\r\n\r\n    .about-mini-card {\r\n      padding: 12px 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- HTML ABOUT SECTION -->\r\n<section id=\"about\" class=\"nibbo-about-section\">\r\n  \r\n  <!-- Sisi Kiri: Card Teks Konten -->\r\n  <div class=\"about-card-left\">\r\n    <span class=\"about-badge\">The NIBBO Story<\/span>\r\n    \r\n    <h2 class=\"about-title\">A Character Defined by Charm and Unfiltered Self-Expression<\/h2>\r\n\r\n    <h3 class=\"about-subtitle\">The Two Sides of NIBBO: Sophistication Meets Simplicity<\/h3>\r\n\r\n    <p class=\"about-text-p\">\r\n      NIBBO embodies the true freedom of enjoying life. Designed with a versatile personality, NIBBO always carries himself with effortless confidence:\r\n    <\/p>\r\n\r\n    <!-- Mini Cards untuk Poin-Poin Penting -->\r\n    <div class=\"about-mini-cards-container\">\r\n      \r\n      <!-- Mini Card 1 -->\r\n      <div class=\"about-mini-card\">\r\n        <div class=\"about-mini-card-title\">\r\n          <i class=\"fa-solid fa-star\" style=\"color: #FFD000;\"><\/i> Center Stage Charm\r\n        <\/div>\r\n        <p class=\"about-mini-card-text\">\r\n          Under the spotlight, NIBBO steps up in a sleek black suit with a microphone in hand, showing off his sharp, charismatic, and professional side.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Mini Card 2 -->\r\n      <div class=\"about-mini-card\">\r\n        <div class=\"about-mini-card-title\">\r\n          <i class=\"fa-solid fa-heart\" style=\"color: #FF4B82;\"><\/i> Everyday Joy\r\n        <\/div>\r\n        <p class=\"about-mini-card-text\">\r\n          Off the stage, NIBBO is approachable and warm. He enjoys the simple things\u2014listening to his favorite tunes while traveling or chilling around a BBQ grill with good friends.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"about-text-p\" style=\"margin-bottom: 0;\">\r\n      The launch of the <strong>$NIBBO<\/strong> token celebrates this exact spirit\u2014a meme token project built on happiness, creativity, and a genuine, positive community connection.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- Sisi Kanan: Aset GIF Full Tanpa Space Kosong -->\r\n  <div class=\"about-card-right\">\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/iamnibbo.fun\/wp-content\/uploads\/2026\/07\/ASET5.gif\" \r\n      alt=\"NIBBO Character GIF\" \r\n      class=\"about-gif-img\"\r\n    >\r\n  <\/div>\r\n\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd35291 e-flex e-con-boxed e-con e-parent\" data-id=\"cd35291\" 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-22a5b75 e-con-full e-flex e-con e-child\" data-id=\"22a5b75\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-437f271 elementor-widget elementor-widget-html\" data-id=\"437f271\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- SECTION STAGE ACTION (NIBBO'S LIFESTYLE) -->\r\n<style>\r\n  \/* Section Wrapper Transparan *\/\r\n  .nibbo-stage-section {\r\n    width: 100%;\r\n    max-width: 1140px;\r\n    margin: 40px auto;\r\n    padding: 20px 10px;\r\n    background: transparent;\r\n    border: none;\r\n    box-shadow: none;\r\n    text-align: center;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Tag Badge Kartun Header Section *\/\r\n  .stage-badge {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.85rem;\r\n    color: #1e1e1e;\r\n    background-color: #00E676; \/* Mint Green Solid *\/\r\n    padding: 6px 18px;\r\n    border-radius: 20px;\r\n    border: 2.5px solid #1e1e1e;\r\n    box-shadow: 3px 3px 0px #1e1e1e;\r\n    display: inline-block;\r\n    margin-bottom: 12px;\r\n    text-transform: uppercase;\r\n    transform: rotate(1.5deg);\r\n  }\r\n\r\n  \/* Judul Sesuai NIBBO's Lifestyle *\/\r\n  .stage-title {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 2.8rem;\r\n    line-height: 1.1;\r\n    color: #FFD000; \/* Yellow Solid *\/\r\n    text-shadow: 3.5px 3.5px 0px #1e1e1e; \/* Shadow Hitam Solid *\/\r\n    margin: 0 0 12px 0;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Deskripsi Sesuai NIBBO's Lifestyle *\/\r\n  .stage-description {\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    font-size: 1.1rem;\r\n    line-height: 1.6;\r\n    color: #ffffff;\r\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8), 1.5px 1.5px 0px #1e1e1e;\r\n    max-width: 680px;\r\n    margin: 0 auto 30px auto;\r\n  }\r\n\r\n  \/* Video Player Container Landscape (16:9) *\/\r\n  .stage-video-card {\r\n    width: 100%;\r\n    max-width: 950px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    border-radius: 35px;\r\n    border: 4.5px solid #1e1e1e;\r\n    box-shadow: 10px 10px 0px #1e1e1e;\r\n    background: #000000;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    aspect-ratio: 16 \/ 9; \r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.25s ease;\r\n  }\r\n\r\n  .stage-video-card:hover {\r\n    transform: translateY(-5px) scale(1.015);\r\n    box-shadow: 12px 12px 0px #1e1e1e;\r\n  }\r\n\r\n  \/* Element Video Inline Landscape *\/\r\n  .stage-main-video {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover;\r\n    display: block;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Hover Overlay Hint \"CLICK TO PREVIEW\" *\/\r\n  .video-preview-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.35);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    opacity: 0;\r\n    transition: opacity 0.25s ease;\r\n    z-index: 3;\r\n  }\r\n\r\n  .stage-video-card:hover .video-preview-overlay {\r\n    opacity: 1;\r\n  }\r\n\r\n  .preview-play-icon {\r\n    width: 75px;\r\n    height: 75px;\r\n    background: #FFD000;\r\n    color: #1e1e1e;\r\n    border: 3.5px solid #1e1e1e;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 2rem;\r\n    box-shadow: 4px 4px 0px #1e1e1e;\r\n    transform: scale(0.9);\r\n    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    padding-left: 5px;\r\n  }\r\n\r\n  .stage-video-card:hover .preview-play-icon {\r\n    transform: scale(1.1) rotate(10deg);\r\n    background: #FF4B82;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .preview-text {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.95rem;\r\n    color: #ffffff;\r\n    background: #FF4B82;\r\n    padding: 6px 16px;\r\n    border-radius: 20px;\r\n    border: 2px solid #1e1e1e;\r\n    box-shadow: 3px 3px 0px #1e1e1e;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Tag Indicator Live Stage *\/\r\n  .video-live-tag {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 18px;\r\n    background: #FF1744;\r\n    color: #ffffff;\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.8rem;\r\n    padding: 5px 14px;\r\n    border-radius: 14px;\r\n    border: 2.5px solid #1e1e1e;\r\n    box-shadow: 3px 3px 0px #1e1e1e;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    z-index: 2;\r\n  }\r\n\r\n  .live-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background-color: #ffffff;\r\n    border-radius: 50%;\r\n    animation: blink 1.2s infinite ease-in-out;\r\n  }\r\n\r\n  @keyframes blink {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0.3; }\r\n  }\r\n\r\n  \/* MODAL LIGHTBOX FULLSCREEN PREVIEW *\/\r\n  .video-modal-lightbox {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.85);\r\n    backdrop-filter: blur(8px);\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 99999;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .video-modal-lightbox.active {\r\n    display: flex;\r\n    animation: zoomInCartoon 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  @keyframes zoomInCartoon {\r\n    from { opacity: 0; transform: scale(0.7); }\r\n    to { opacity: 1; transform: scale(1); }\r\n  }\r\n\r\n  .modal-video-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 900px;\r\n    max-height: 85vh;\r\n    border-radius: 30px;\r\n    border: 4.5px solid #1e1e1e;\r\n    box-shadow: 12px 12px 0px #1e1e1e;\r\n    background: #000;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .modal-video-element {\r\n    width: 100%;\r\n    height: 100%;\r\n    max-height: 85vh;\r\n    object-fit: contain;\r\n    display: block;\r\n  }\r\n\r\n  \/* Tombol Close (X) Kartun *\/\r\n  .btn-close-modal {\r\n    position: absolute;\r\n    top: -15px;\r\n    right: -15px;\r\n    width: 45px;\r\n    height: 45px;\r\n    background: #FF1744;\r\n    color: #ffffff;\r\n    border: 3px solid #1e1e1e;\r\n    border-radius: 50%;\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 1.3rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    box-shadow: 3px 3px 0px #1e1e1e;\r\n    z-index: 100000;\r\n    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  .btn-close-modal:hover {\r\n    transform: scale(1.15) rotate(90deg);\r\n    background: #FFD000;\r\n    color: #1e1e1e;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN (MOBILE & TABLET) *\/\r\n  @media (max-width: 900px) {\r\n    .stage-title { font-size: 2.2rem; }\r\n    .stage-description { font-size: 0.95rem; }\r\n    .stage-video-card { max-width: 100%; border-radius: 25px; border-width: 3.5px; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .stage-title { font-size: 1.75rem; }\r\n    .video-live-tag { font-size: 0.7rem; padding: 4px 10px; top: 12px; left: 12px; }\r\n    .preview-play-icon { width: 60px; height: 60px; font-size: 1.6rem; }\r\n  }\r\n<\/style>\r\n\r\n<!-- HTML SECTION STAGE ACTION -->\r\n<section id=\"lifestyle\" class=\"nibbo-stage-section\">\r\n  \r\n  <!-- Sub-heading Header Section -->\r\n  <span class=\"stage-badge\">Core Values & Spirit<\/span>\r\n  \r\n  <!-- Heading Utama -->\r\n  <h2 class=\"stage-title\">Living Life with Confidence<\/h2>\r\n  \r\n  <!-- Description -->\r\n  <p class=\"stage-description\">\r\n    NIBBO inspires us to stay optimistic and enjoy every step of the journey. Whether chasing big milestones or kicking back to unwind, NIBBO proves that a positive mindset is the ultimate key to success.\r\n  <\/p>\r\n\r\n  <!-- Landscape Video Container -->\r\n  <div class=\"stage-video-card\" id=\"openVideoPreview\">\r\n    \r\n    <!-- Indicator Live -->\r\n    <div class=\"video-live-tag\">\r\n      <span class=\"live-dot\"><\/span> CHILL TIME\r\n    <\/div>\r\n\r\n    <!-- Hover Hint Overlay -->\r\n    <div class=\"video-preview-overlay\">\r\n      <div class=\"preview-play-icon\">\r\n        <i class=\"fa-solid fa-play\"><\/i>\r\n      <\/div>\r\n      <span class=\"preview-text\">CLICK TO PREVIEW<\/span>\r\n    <\/div>\r\n\r\n    <!-- Element Video Background Native MP4 -->\r\n    <video class=\"stage-main-video\" autoplay loop muted playsinline>\r\n      <source src=\"https:\/\/iamnibbo.fun\/wp-content\/uploads\/2026\/07\/NIBBO-1.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- MODAL PREVIEW LIGHTBOX FULLSCREEN -->\r\n<div class=\"video-modal-lightbox\" id=\"videoModal\">\r\n  <div class=\"modal-video-wrapper\">\r\n    <!-- Tombol Close X Kartun -->\r\n    <button class=\"btn-close-modal\" id=\"closeVideoModal\" aria-label=\"Close Preview\">&times;<\/button>\r\n    \r\n    <!-- Video Player Preview Full Controls + Audio -->\r\n    <video class=\"modal-video-element\" id=\"modalVideoPlayer\" controls playsinline>\r\n      <source src=\"https:\/\/iamnibbo.fun\/wp-content\/uploads\/2026\/07\/NIBBO-1.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT MODAL INTERACTIVITY -->\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    const openBtn = document.getElementById('openVideoPreview');\r\n    const closeBtn = document.getElementById('closeVideoModal');\r\n    const modal = document.getElementById('videoModal');\r\n    const modalVideo = document.getElementById('modalVideoPlayer');\r\n\r\n    if (openBtn && modal && modalVideo) {\r\n      openBtn.addEventListener('click', function() {\r\n        modal.classList.add('active');\r\n        modalVideo.currentTime = 0;\r\n        modalVideo.muted = false;\r\n        modalVideo.play();\r\n      });\r\n    }\r\n\r\n    function closeModal() {\r\n      modal.classList.remove('active');\r\n      modalVideo.pause();\r\n      modalVideo.currentTime = 0;\r\n    }\r\n\r\n    if (closeBtn) {\r\n      closeBtn.addEventListener('click', closeModal);\r\n    }\r\n\r\n    if (modal) {\r\n      modal.addEventListener('click', function(e) {\r\n        if (e.target === modal) {\r\n          closeModal();\r\n        }\r\n      });\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-155fbb1 e-flex e-con-boxed e-con e-parent\" data-id=\"155fbb1\" 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-3f0b054 e-con-full e-flex e-con e-child\" data-id=\"3f0b054\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c398acd elementor-widget elementor-widget-html\" data-id=\"c398acd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- SECTION THE JOURNEY (HOW TO BUY $NIBBO) -->\r\n<style>\r\n  \/* Base Container Section Journey Transparan *\/\r\n  .nibbo-journey-section {\r\n    width: 95%;\r\n    max-width: 1140px;\r\n    margin: 40px auto;\r\n    padding: 10px;\r\n    background: transparent;\r\n    border: none;\r\n    box-shadow: none;\r\n    text-align: center;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Tag Badge Header Section *\/\r\n  .journey-badge {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.85rem;\r\n    color: #ffffff;\r\n    background-color: #8C52FF;\r\n    padding: 6px 18px;\r\n    border-radius: 20px;\r\n    border: 3px solid #1e1e1e;\r\n    box-shadow: 3.5px 3.5px 0px #1e1e1e;\r\n    display: inline-block;\r\n    margin-bottom: 12px;\r\n    text-transform: uppercase;\r\n    transform: rotate(-1.5deg);\r\n  }\r\n\r\n  \/* Judul Utama (Kuning Solid + Shadow Hitam Tebal) *\/\r\n  .journey-title {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 2.6rem;\r\n    line-height: 1.15;\r\n    color: #FFD000;\r\n    text-shadow: 4px 4px 0px #1e1e1e;\r\n    margin: 0 0 25px 0;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Grid Layout 4 Langkah (How To Buy Cards) *\/\r\n  .journey-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n    gap: 25px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Step Card Solid Cartoon Premium *\/\r\n  .journey-card {\r\n    border: 3.5px solid #1e1e1e;\r\n    border-radius: 28px;\r\n    padding: 30px 20px 25px 20px;\r\n    box-shadow: 6px 6px 0px #1e1e1e;\r\n    text-align: center;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    box-sizing: border-box;\r\n    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.25s ease;\r\n  }\r\n\r\n  \/* Hover Mantul pada Setiap Step Card *\/\r\n  .journey-card:hover {\r\n    transform: translateY(-6px) rotate(-1deg) scale(1.02);\r\n    box-shadow: 10px 10px 0px #1e1e1e;\r\n  }\r\n\r\n  \/* Variasi Warna Solid Kartun Kontras *\/\r\n  .card-step-1 { background-color: #00D2FF; color: #1e1e1e; }\r\n  .card-step-2 { background-color: #FFD000; color: #1e1e1e; }\r\n  .card-step-3 { background-color: #FF4B82; color: #ffffff; }\r\n  .card-step-4 { background-color: #00E676; color: #1e1e1e; }\r\n\r\n  \/* Badge Angka Step 1, 2, 3, 4 *\/\r\n  .step-number-badge {\r\n    position: absolute;\r\n    top: -18px;\r\n    background-color: #ffffff;\r\n    color: #1e1e1e;\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 1.15rem;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    border: 3px solid #1e1e1e;\r\n    box-shadow: 3px 3px 0px #1e1e1e;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* Icon Kartun Di Dalam Card *\/\r\n  .step-icon {\r\n    font-size: 2.4rem;\r\n    margin-top: 10px;\r\n    margin-bottom: 12px;\r\n    filter: drop-shadow(2px 2px 0px #1e1e1e);\r\n  }\r\n\r\n  \/* Judul Step *\/\r\n  .step-title {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 1.15rem;\r\n    line-height: 1.25;\r\n    margin-bottom: 10px;\r\n    text-transform: uppercase;\r\n    color: #1e1e1e;\r\n  }\r\n\r\n  .card-step-3 .step-title {\r\n    color: #ffffff;\r\n    text-shadow: 2px 2px 0px #1e1e1e;\r\n  }\r\n\r\n  \/* Deskripsi Teks Step *\/\r\n  .step-text {\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    font-size: 0.95rem;\r\n    font-weight: bold;\r\n    line-height: 1.5;\r\n    color: #1e1e1e;\r\n  }\r\n\r\n  .card-step-3 .step-text {\r\n    color: #ffffff;\r\n    text-shadow: 1px 1px 0px #1e1e1e;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN (MOBILE & TABLET) *\/\r\n  @media (max-width: 900px) {\r\n    .journey-title {\r\n      font-size: 2.1rem;\r\n    }\r\n\r\n    .journey-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 580px) {\r\n    .journey-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 25px;\r\n    }\r\n\r\n    .journey-title {\r\n      font-size: 1.7rem;\r\n    }\r\n\r\n    .journey-card {\r\n      padding: 25px 15px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- HTML SECTION THE JOURNEY -->\r\n<section id=\"how-to-buy\" class=\"nibbo-journey-section\">\r\n  \r\n  <!-- Header Info Section -->\r\n  <span class=\"journey-badge\">How to Buy<\/span>\r\n  \r\n  <h2 class=\"journey-title\">4 Simple Steps to Join NIBBO's Journey<\/h2>\r\n\r\n  <!-- 4 Step How To Buy Grid -->\r\n  <div class=\"journey-grid\">\r\n    \r\n    <!-- Step 1 -->\r\n    <div class=\"journey-card card-step-1\">\r\n      <div class=\"step-number-badge\">1<\/div>\r\n      <div class=\"step-icon\"><i class=\"fa-solid fa-wallet\"><\/i><\/div>\r\n      <h3 class=\"step-title\">Set Up a Solana Wallet<\/h3>\r\n      <p class=\"step-text\">Download a trusted crypto wallet like Phantom or Solflare.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Step 2 -->\r\n    <div class=\"journey-card card-step-2\">\r\n      <div class=\"step-number-badge\">2<\/div>\r\n      <div class=\"step-icon\"><i class=\"fa-solid fa-coins\"><\/i><\/div>\r\n      <h3 class=\"step-title\">Get SOL<\/h3>\r\n      <p class=\"step-text\">Purchase SOL from your preferred exchange and transfer it to your wallet address.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Step 3 -->\r\n    <div class=\"journey-card card-step-3\">\r\n      <div class=\"step-number-badge\">3<\/div>\r\n      <div class=\"step-icon\"><i class=\"fa-solid fa-right-left\"><\/i><\/div>\r\n      <h3 class=\"step-title\">Swap for $NIBBO<\/h3>\r\n      <p class=\"step-text\">Connect your wallet to Pump.fun or PumpSwap, then swap your SOL for $NIBBO.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Step 4 -->\r\n    <div class=\"journey-card card-step-4\">\r\n      <div class=\"step-number-badge\">4<\/div>\r\n      <div class=\"step-icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\r\n      <h3 class=\"step-title\">HODL & Track<\/h3>\r\n      <p class=\"step-text\">Monitor price action in real-time on Dexscreener and enjoy the ride with the community!<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97e75ef e-con-full e-flex e-con e-child\" data-id=\"97e75ef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a9ccdf elementor-widget elementor-widget-html\" data-id=\"1a9ccdf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- SECTION TOKENOMICS (NO EMOJI & LARGE ANIMATED CHARACTERS) -->\r\n<style>\r\n  \/* Base Container Section Tokenomics Transparan *\/\r\n  .nibbo-tokenomics-section {\r\n    width: 95%;\r\n    max-width: 1140px;\r\n    margin: 80px auto 50px auto;\r\n    padding: 20px 10px;\r\n    background: transparent;\r\n    border: none;\r\n    box-shadow: none;\r\n    text-align: center;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Tag Badge Header Section *\/\r\n  .tokenomics-badge {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.85rem;\r\n    color: #1e1e1e;\r\n    background-color: #00E676; \/* Mint Solid *\/\r\n    padding: 6px 18px;\r\n    border-radius: 20px;\r\n    border: 3px solid #1e1e1e;\r\n    box-shadow: 3.5px 3.5px 0px #1e1e1e;\r\n    display: inline-block;\r\n    margin-bottom: 12px;\r\n    text-transform: uppercase;\r\n    transform: rotate(1.5deg);\r\n  }\r\n\r\n  \/* Judul Utama (Kuning Solid + Shadow Hitam Solid) *\/\r\n  .tokenomics-title {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 2.6rem;\r\n    line-height: 1.15;\r\n    color: #FFD000; \/* Yellow Solid *\/\r\n    text-shadow: 4px 4px 0px #1e1e1e; \/* Shadow Hitam Solid *\/\r\n    margin: 0 0 40px 0;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Grid Layout 4 Card Tokenomics *\/\r\n  .tokenomics-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n    gap: 25px;\r\n    position: relative;\r\n    z-index: 2;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Tokenomics Card Solid Cartoon Premium *\/\r\n  .token-card {\r\n    border: 3.5px solid #1e1e1e;\r\n    border-radius: 28px;\r\n    padding: 35px 20px;\r\n    box-shadow: 7px 7px 0px #1e1e1e;\r\n    text-align: center;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-sizing: border-box;\r\n    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.25s ease;\r\n  }\r\n\r\n  \/* Hover Mantul pada Setiap Card *\/\r\n  .token-card:hover {\r\n    transform: translateY(-6px) rotate(-1.5deg) scale(1.02);\r\n    box-shadow: 11px 11px 0px #1e1e1e;\r\n  }\r\n\r\n  \/* Variasi Warna Solid Kartun Kontras *\/\r\n  .token-card-1 { background-color: #FFE082; } \/* Soft Yellow *\/\r\n  .token-card-2 { background-color: #80DEEA; } \/* Soft Cyan *\/\r\n  .token-card-3 { background-color: #F48FB1; } \/* Soft Pink *\/\r\n  .token-card-4 { background-color: #C5E1A5; } \/* Soft Green *\/\r\n\r\n  \/* Label Judul Tokenomics (Font Bowlby One) *\/\r\n  .token-label {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 1.1rem;\r\n    color: #1e1e1e;\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Nilai Utama Tokenomics (Font Bowlby One) *\/\r\n  .token-value {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 1.35rem;\r\n    color: #1e1e1e;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  \/* Keterangan Detail (Font Short Stack) *\/\r\n  .token-detail {\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    font-size: 0.95rem;\r\n    font-weight: bold;\r\n    color: #333333;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  \/* ====================================================\r\n     KARAKTER ACAK DENGAN UKURAN LEBIH BESAR & GERAK CONTINUOUS\r\n     ==================================================== *\/\r\n  .random-char-sticker {\r\n    position: absolute;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n    filter: drop-shadow(5px 5px 0px #1e1e1e);\r\n  }\r\n\r\n  \/* Karakter 1 (ASET1.png - Kiri Atas) *\/\r\n  .char-sticker-1 {\r\n    top: -75px;\r\n    left: -20px;\r\n    width: 140px;\r\n    height: auto;\r\n    animation: randomContinuous1 4s infinite ease-in-out;\r\n  }\r\n\r\n  \/* Karakter 2 (ASET2.png - Kanan Atas\/Tengah) *\/\r\n  .char-sticker-2 {\r\n    top: -65px;\r\n    right: -15px;\r\n    width: 135px;\r\n    height: auto;\r\n    animation: randomContinuous2 5s infinite ease-in-out;\r\n  }\r\n\r\n  \/* Karakter 3 (ASET3.png - Bawah Tengah) *\/\r\n  .char-sticker-3 {\r\n    bottom: -60px;\r\n    left: 42%;\r\n    width: 150px;\r\n    height: auto;\r\n    animation: randomContinuous3 4.5s infinite ease-in-out;\r\n  }\r\n\r\n  \/* Keyframes Animasi Gerak Lucu & Random Tanpa Henti *\/\r\n  @keyframes randomContinuous1 {\r\n    0%   { transform: translate(0, 0) rotate(-10deg); }\r\n    25%  { transform: translate(10px, -18px) rotate(-2deg); }\r\n    50%  { transform: translate(-8px, -8px) rotate(-16deg); }\r\n    75%  { transform: translate(6px, -22px) rotate(-6deg); }\r\n    100% { transform: translate(0, 0) rotate(-10deg); }\r\n  }\r\n\r\n  @keyframes randomContinuous2 {\r\n    0%   { transform: translate(0, 0) rotate(8deg); }\r\n    30%  { transform: translate(-12px, -20px) rotate(18deg); }\r\n    60%  { transform: translate(8px, -10px) rotate(2deg); }\r\n    80%  { transform: translate(-6px, -25px) rotate(14deg); }\r\n    100% { transform: translate(0, 0) rotate(8deg); }\r\n  }\r\n\r\n  @keyframes randomContinuous3 {\r\n    0%   { transform: translate(0, 0) rotate(-4deg); }\r\n    35%  { transform: translate(15px, -15px) rotate(8deg); }\r\n    65%  { transform: translate(-15px, -22px) rotate(-12deg); }\r\n    100% { transform: translate(0, 0) rotate(-4deg); }\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN (MOBILE & TABLET) *\/\r\n  @media (max-width: 900px) {\r\n    .tokenomics-title {\r\n      font-size: 2.1rem;\r\n    }\r\n\r\n    .tokenomics-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px;\r\n    }\r\n\r\n    .char-sticker-1 { width: 95px; top: -50px; left: -10px; }\r\n    .char-sticker-2 { width: 90px; top: -45px; right: -10px; }\r\n    .char-sticker-3 { width: 100px; bottom: -45px; left: 38%; }\r\n  }\r\n\r\n  @media (max-width: 580px) {\r\n    .tokenomics-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 25px;\r\n    }\r\n\r\n    .tokenomics-title {\r\n      font-size: 1.7rem;\r\n    }\r\n\r\n    .token-card {\r\n      padding: 25px 15px;\r\n    }\r\n\r\n    .char-sticker-1 { width: 80px; top: -40px; left: -5px; }\r\n    .char-sticker-2 { width: 75px; top: -35px; right: -5px; }\r\n    .char-sticker-3 { width: 85px; bottom: -35px; left: 70%; }\r\n  }\r\n<\/style>\r\n\r\n<!-- HTML SECTION TOKENOMICS -->\r\n<section id=\"tokenomics\" class=\"nibbo-tokenomics-section\">\r\n  \r\n  <!-- KARAKTER STIKER ACAK 1 -->\r\n  <img decoding=\"async\" \r\n    src=\"https:\/\/iamnibbo.fun\/wp-content\/uploads\/2026\/07\/ASET1.png\" \r\n    alt=\"NIBBO Character 1\" \r\n    class=\"random-char-sticker char-sticker-1\"\r\n  >\r\n\r\n  <!-- KARAKTER STIKER ACAK 2 -->\r\n  <img decoding=\"async\" \r\n    src=\"https:\/\/iamnibbo.fun\/wp-content\/uploads\/2026\/07\/ASET2.png\" \r\n    alt=\"NIBBO Character 2\" \r\n    class=\"random-char-sticker char-sticker-2\"\r\n  >\r\n\r\n  <!-- KARAKTER STIKER ACAK 3 -->\r\n  <img decoding=\"async\" \r\n    src=\"https:\/\/iamnibbo.fun\/wp-content\/uploads\/2026\/07\/ASET3.png\" \r\n    alt=\"NIBBO Character 3\" \r\n    class=\"random-char-sticker char-sticker-3\"\r\n  >\r\n\r\n  <!-- Header Info Section -->\r\n  <span class=\"tokenomics-badge\">Tokenomics<\/span>\r\n  \r\n  <h2 class=\"tokenomics-title\">A Fair and Transparent Token Structure<\/h2>\r\n\r\n  <!-- 4 Grid Tokenomics Card -->\r\n  <div class=\"tokenomics-grid\">\r\n    \r\n    <!-- Card 1: Network -->\r\n    <div class=\"token-card token-card-1\">\r\n      <div class=\"token-label\">Network<\/div>\r\n      <div class=\"token-value\">SOLANA<\/div>\r\n      <p class=\"token-detail\">Lightning-fast transactions with extremely low fees<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 2: Total Supply -->\r\n    <div class=\"token-card token-card-2\">\r\n      <div class=\"token-label\">Total Supply<\/div>\r\n      <div class=\"token-value\">1,000,000,000 $NIBBO<\/div>\r\n      <p class=\"token-detail\">Fixed supply with zero minting<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 3: Distribution -->\r\n    <div class=\"token-card token-card-3\">\r\n      <div class=\"token-label\">Distribution<\/div>\r\n      <div class=\"token-value\">100% PUBLIC<\/div>\r\n      <p class=\"token-detail\">Fully open and fair launch from day one<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 4: Trading Tax -->\r\n    <div class=\"token-card token-card-4\">\r\n      <div class=\"token-label\">Trading Tax<\/div>\r\n      <div class=\"token-value\">0% Buy \/ 0% Sell<\/div>\r\n      <p class=\"token-detail\">Frictionless trading experience with zero tax<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27f7e22 e-flex e-con-boxed e-con e-parent\" data-id=\"27f7e22\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/iamnibbo.fun\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HERO-NIBBO2.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-1a9a87b e-con-full e-flex e-con e-child\" data-id=\"1a9a87b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7f7353 elementor-widget elementor-widget-html\" data-id=\"d7f7353\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- SECTION JOIN THE CREW (COMMUNITY & FOOTER) -->\r\n<style>\r\n  \/* Base Container Section Crew Transparan Rata Kiri *\/\r\n  .nibbo-crew-section {\r\n    width: 95%;\r\n    max-width: 1140px;\r\n    margin: 50px auto 60px auto;\r\n    padding: 20px 10px;\r\n    background: transparent;\r\n    border: none;\r\n    box-shadow: none;\r\n    text-align: left;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Inner Wrapper Flex Rata Kiri *\/\r\n  .crew-content-left {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* Tag Badge Header Section *\/\r\n  .crew-badge {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.85rem;\r\n    color: #ffffff;\r\n    background-color: #FF4B82;\r\n    padding: 6px 18px;\r\n    border-radius: 20px;\r\n    border: 3px solid #1e1e1e;\r\n    box-shadow: 3.5px 3.5px 0px #1e1e1e;\r\n    display: inline-block;\r\n    margin-bottom: 12px;\r\n    text-transform: uppercase;\r\n    transform: rotate(-1.5deg);\r\n  }\r\n\r\n  \/* Judul Utama 2 Baris Presisi (Rata Kiri) *\/\r\n  .crew-title-2lines {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 2.6rem;\r\n    line-height: 1.15;\r\n    color: #FFD000;\r\n    text-shadow: 4px 4px 0px #1e1e1e;\r\n    margin: 0 0 16px 0;\r\n    text-transform: uppercase;\r\n    word-wrap: break-word;\r\n  }\r\n\r\n  .crew-title-2lines span {\r\n    display: block;\r\n  }\r\n\r\n  \/* Deskripsi Teks Closing Message *\/\r\n  .crew-description {\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    font-size: 1.15rem;\r\n    line-height: 1.6;\r\n    color: #ffffff;\r\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8), 1.5px 1.5px 0px #1e1e1e;\r\n    max-width: 680px;\r\n    margin: 0 0 30px 0;\r\n  }\r\n\r\n  \/* Social Buttons Group Rata Kiri *\/\r\n  .crew-buttons-group {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: flex-start;\r\n    gap: 16px;\r\n  }\r\n\r\n  \/* Tombol Kartun Solid *\/\r\n  .btn-crew {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.95rem;\r\n    padding: 10px 24px 10px 12px;\r\n    border-radius: 50px;\r\n    border: 3.5px solid #1e1e1e;\r\n    box-shadow: 5px 5px 0px #1e1e1e;\r\n    text-decoration: none;\r\n    color: #1e1e1e;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    cursor: pointer;\r\n    transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* BALUTAN CARD LINGKARAN KHUSUS ICON SVG *\/\r\n  .icon-circle-card {\r\n    width: 42px;\r\n    height: 42px;\r\n    background-color: #ffffff;\r\n    border: 2.5px solid #1e1e1e;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 2px 2px 0px #1e1e1e;\r\n    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Svg Styling Inside Circle *\/\r\n  .icon-circle-card svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: #1e1e1e;\r\n    display: block;\r\n  }\r\n\r\n  \/* Warna Tombol Telegram & X *\/\r\n  .btn-telegram {\r\n    background-color: #00D2FF;\r\n    color: #1e1e1e;\r\n  }\r\n\r\n  .btn-twitter {\r\n    background-color: #FFD000;\r\n    color: #1e1e1e;\r\n  }\r\n\r\n  \/* Hover Mantul Bouncy Effect *\/\r\n  .btn-crew:hover {\r\n    transform: translate(-3px, -3px) rotate(1.5deg) scale(1.04);\r\n    box-shadow: 8px 8px 0px #1e1e1e;\r\n  }\r\n\r\n  .btn-crew:hover .icon-circle-card {\r\n    transform: rotate(-15deg) scale(1.1);\r\n    background-color: #FF4B82;\r\n  }\r\n\r\n  .btn-crew:hover .icon-circle-card svg {\r\n    fill: #ffffff;\r\n  }\r\n\r\n  .btn-telegram:hover {\r\n    background-color: #33E0FF;\r\n  }\r\n\r\n  .btn-twitter:hover {\r\n    background-color: #FFDC33;\r\n  }\r\n\r\n  .btn-crew:active {\r\n    transform: translate(2px, 2px) scale(0.96);\r\n    box-shadow: 2px 2px 0px #1e1e1e;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN (MOBILE & TABLET) *\/\r\n  @media (max-width: 900px) {\r\n    .crew-title-2lines {\r\n      font-size: 2.1rem;\r\n    }\r\n\r\n    .crew-description {\r\n      font-size: 1rem;\r\n    }\r\n\r\n    .btn-crew {\r\n      font-size: 0.85rem;\r\n      padding: 8px 20px 8px 10px;\r\n    }\r\n\r\n    .icon-circle-card {\r\n      width: 36px;\r\n      height: 36px;\r\n    }\r\n\r\n    .icon-circle-card svg {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 580px) {\r\n    .crew-title-2lines {\r\n      font-size: 1.7rem;\r\n    }\r\n\r\n    .crew-buttons-group {\r\n      width: 100%;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .btn-crew {\r\n      width: 100%;\r\n      justify-content: flex-start;\r\n      box-sizing: border-box;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- HTML SECTION JOIN THE CREW -->\r\n<section id=\"community\" class=\"nibbo-crew-section\">\r\n  \r\n  <div class=\"crew-content-left\">\r\n    <!-- Badge Section -->\r\n    <span class=\"crew-badge\">Official Community<\/span>\r\n    \r\n    <!-- Judul Section 2 Baris -->\r\n    <h2 class=\"crew-title-2lines\">\r\n      <span>Grow and Chill<\/span>\r\n      <span>with the NIBBO Crew<\/span>\r\n    <\/h2>\r\n    \r\n    <!-- Closing Message Deskripsi -->\r\n    <p class=\"crew-description\">\r\n      This space was built for you. Whether you love NIBBO\u2019s character art, enjoy positive community vibes, or want to be part of the next big movement on Solana\u2014our doors are always open. Join us and grow alongside NIBBO!\r\n    <\/p>\r\n\r\n    <!-- Tombol Sosial Media -->\r\n    <div class=\"crew-buttons-group\">\r\n      \r\n      <!-- Link Telegram -->\r\n      <a href=\"YOUR-LINK\" class=\"btn-crew btn-telegram\" target=\"_blank\" rel=\"noopener\">\r\n        <div class=\"icon-circle-card\">\r\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0zm5.56 8.16l-1.97 9.28c-.15.67-.54.83-1.1.52l-3.02-2.23-1.46 1.4c-.16.16-.3.3-.61.3l.21-3.05 5.56-5.02c.24-.22-.05-.34-.37-.13l-6.87 4.32-2.96-.93c-.64-.2-.65-.64.13-.95l11.57-4.46c.53-.2 1 .15.89.95z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span>Join NIBBO Telegram<\/span>\r\n      <\/a>\r\n\r\n      <!-- Link X (Twitter) -->\r\n      <a href=\"YOUR-LINK\" class=\"btn-crew btn-twitter\" target=\"_blank\" rel=\"noopener\">\r\n        <div class=\"icon-circle-card\">\r\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span>Follow NIBBO on X \/ Twitter<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-78e2a4f e-flex e-con-boxed e-con e-parent\" data-id=\"78e2a4f\" 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-9e8b317 elementor-widget elementor-widget-html\" data-id=\"9e8b317\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- SECTION COPYRIGHT \/ FOOTER (CARD PILL SIMPLE) -->\r\n<style>\r\n  \/* Base Container Footer *\/\r\n  .nibbo-footer-container {\r\n    width: 95%;\r\n    max-width: 1140px;\r\n    margin: 40px auto 30px auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Card Pill Solid Cartoon Premium *\/\r\n  .footer-pill-card {\r\n    background-color: #FFD000; \/* Yellow Solid Kartun *\/\r\n    border: 3.5px solid #1e1e1e;\r\n    border-radius: 50px; \/* Bentuk Kapsul \/ Pill *\/\r\n    padding: 12px 30px;\r\n    box-shadow: 5px 5px 0px #1e1e1e;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.25s ease;\r\n  }\r\n\r\n  \/* Hover Mantul *\/\r\n  .footer-pill-card:hover {\r\n    transform: translateY(-3px) rotate(-1deg);\r\n    box-shadow: 7px 7px 0px #1e1e1e;\r\n  }\r\n\r\n  \/* Teks Copyright (Font Short Stack \/ Bowlby One) *\/\r\n  .footer-copyright-text {\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    font-size: 0.95rem;\r\n    font-weight: bold;\r\n    color: #1e1e1e;\r\n    margin: 0;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .footer-copyright-text span {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN (MOBILE) *\/\r\n  @media (max-width: 580px) {\r\n    .footer-pill-card {\r\n      padding: 10px 20px;\r\n      width: 100%;\r\n      border-radius: 30px;\r\n    }\r\n\r\n    .footer-copyright-text {\r\n      font-size: 0.82rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- HTML FOOTER COPYRIGHT -->\r\n<footer class=\"nibbo-footer-container\">\r\n  <div class=\"footer-pill-card\">\r\n    <p class=\"footer-copyright-text\">\r\n      \u00a9 2026 <span>NIBBO<\/span> Project. Crafted with dedication for the community.\r\n    <\/p>\r\n  <\/div>\r\n<\/footer>\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>NIBBO About NIBBO Lifestyle How to Buy Tokenomics Community Buy $NIBBO Welcome to the World of NIBBO A Unique Icon Spreading Positive Energy on Solana. Meet NIBBO\u2014an iconic character ready to color the Web3 space. Combining effortless style, a laid-back attitude, and a joyful spirit, NIBBO is here to unite the community through creativity and [&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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iamnibbo.fun\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iamnibbo.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iamnibbo.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iamnibbo.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iamnibbo.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":31,"href":"https:\/\/iamnibbo.fun\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/iamnibbo.fun\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/iamnibbo.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}