{"id":8,"date":"2026-07-29T11:13:29","date_gmt":"2026-07-29T11:13:29","guid":{"rendered":"https:\/\/brontosaurus.fun\/?page_id=8"},"modified":"2026-07-29T13:14:30","modified_gmt":"2026-07-29T13:14:30","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/brontosaurus.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-180e21e e-flex e-con-boxed e-con e-parent\" data-id=\"180e21e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/brontosaurus.fun\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HERO-BRONTOSAURUS1.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-ad726b0 e-con-full e-flex e-con e-child\" data-id=\"ad726b0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d0a0d1 elementor-widget elementor-widget-html\" data-id=\"7d0a0d1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- NAV MENU WITH POP-UP MODAL FOR ROADMAP ONLY -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Bowlby+One&family=Short+Stack&display=swap');\r\n\r\n  .bro-nav-only * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .bro-nav-only {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 10px;\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n  }\r\n\r\n  .nav-container {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 14px 25px;\r\n    background: #a7f3d0;\r\n    border: 4px solid #000000;\r\n    border-radius: 40px;\r\n    box-shadow: 6px 6px 0px #000000;\r\n    transform: rotate(-0.8deg);\r\n    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  \/* LOGO TULISAN *\/\r\n  .brand-text-logo {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 1.5rem;\r\n    color: #15803d;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    text-shadow: 2px 2px 0px #000000;\r\n    letter-spacing: 1px;\r\n    transform: rotate(1deg);\r\n    display: inline-block;\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  .brand-text-logo:hover {\r\n    transform: scale(1.06) rotate(-3deg);\r\n    color: #16a34a;\r\n  }\r\n\r\n  .nav-links-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    list-style: none;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n  }\r\n\r\n  .nav-links-wrapper li a {\r\n    text-decoration: none;\r\n    color: #000000;\r\n    font-weight: bold;\r\n    font-size: 1rem;\r\n    padding: 6px 14px;\r\n    border-radius: 12px;\r\n    background: #ffffff;\r\n    border: 2.5px solid #000000;\r\n    box-shadow: 3px 3px 0px #000000;\r\n    display: inline-block;\r\n    cursor: pointer;\r\n    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  \/* ROTASI & WARNA INDIVIDUAL MENU (5 TOMBOL) *\/\r\n  .nav-links-wrapper li:nth-child(1) a { transform: rotate(1.2deg); background: #fef08a; }\r\n  .nav-links-wrapper li:nth-child(2) a { transform: rotate(-1.5deg); background: #60a5fa; color: #fff; text-shadow: 1px 1px 0 #000; }\r\n  .nav-links-wrapper li:nth-child(3) a { transform: rotate(0.8deg); background: #c084fc; color: #fff; text-shadow: 1px 1px 0 #000; }\r\n  .nav-links-wrapper li:nth-child(4) a { transform: rotate(-1.2deg); background: #fdba74; }\r\n\r\n  \/* TOMBOL CTA KHUSUS *\/\r\n  .nav-cta-btn {\r\n    background: #f472b6 !important;\r\n    color: #000000 !important;\r\n    text-shadow: none !important;\r\n    transform: rotate(1.5deg) !important;\r\n    border-radius: 20px !important;\r\n  }\r\n\r\n  \/* EFEK HOVER MANTUL \/ BOUNCE *\/\r\n  .nav-links-wrapper li a:hover {\r\n    background: #facc15 !important;\r\n    color: #000000 !important;\r\n    text-shadow: none !important;\r\n    box-shadow: 5px 5px 0px #000000 !important;\r\n    transform: translateY(-5px) scale(1.08) rotate(0deg) !important;\r\n  }\r\n\r\n  .nav-links-wrapper li a:active {\r\n    transform: translateY(2px) scale(0.96) rotate(0deg) !important;\r\n    box-shadow: 1px 1px 0px #000000 !important;\r\n  }\r\n\r\n  \/* STYLING POP-UP MODAL (KARTUN NEUBRUTALISM) *\/\r\n  .bro-modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(0, 0, 0, 0.75);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 99999;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.25s ease-in-out;\r\n    padding: 15px;\r\n  }\r\n\r\n  .bro-modal-overlay.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  .bro-modal-card {\r\n    background: #ffffff;\r\n    border: 4px solid #000000;\r\n    border-radius: 30px;\r\n    box-shadow: 8px 8px 0px #000000;\r\n    width: 100%;\r\n    max-width: 550px;\r\n    padding: 30px 25px;\r\n    position: relative;\r\n    transform: scale(0.8) rotate(-2deg);\r\n    transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    max-height: 85vh;\r\n    overflow-y: auto;\r\n  }\r\n\r\n  .bro-modal-overlay.active .bro-modal-card {\r\n    transform: scale(1) rotate(0deg);\r\n  }\r\n\r\n  .close-modal-btn {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 15px;\r\n    background: #f472b6;\r\n    border: 2.5px solid #000000;\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    font-family: 'Bowlby One', cursive;\r\n    font-size: 1.1rem;\r\n    cursor: pointer;\r\n    box-shadow: 2.5px 2.5px 0px #000000;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  .close-modal-btn:hover {\r\n    transform: scale(1.15) rotate(90deg);\r\n    background: #e11d48;\r\n    color: #fff;\r\n  }\r\n\r\n  .modal-title {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 1.8rem;\r\n    color: #c084fc;\r\n    text-transform: uppercase;\r\n    margin-bottom: 20px;\r\n    text-shadow: 2px 2px 0px #000000;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* ISI MODAL ROADMAP *\/\r\n  .modal-step-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n\r\n  .modal-step-item {\r\n    border: 2.5px solid #000000;\r\n    border-radius: 16px;\r\n    padding: 12px 16px;\r\n    box-shadow: 3px 3px 0px #000000;\r\n  }\r\n\r\n  .modal-step-num {\r\n    font-family: 'Bowlby One', cursive;\r\n    font-size: 0.95rem;\r\n    color: #000000;\r\n    margin-bottom: 4px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .modal-step-desc {\r\n    font-size: 0.95rem;\r\n    font-weight: bold;\r\n    color: #000000;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN FOR MOBILE *\/\r\n  @media (max-width: 768px) {\r\n    .nav-container {\r\n      flex-direction: column;\r\n      gap: 15px;\r\n      border-radius: 20px;\r\n      transform: none;\r\n      padding: 15px;\r\n      text-align: center;\r\n    }\r\n\r\n    .brand-text-logo {\r\n      font-size: 1.3rem;\r\n      transform: none;\r\n    }\r\n\r\n    .nav-links-wrapper {\r\n      gap: 8px;\r\n    }\r\n\r\n    .nav-links-wrapper li a {\r\n      font-size: 0.85rem;\r\n      padding: 5px 8px;\r\n      transform: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- MAIN NAV BAR -->\r\n<div class=\"bro-nav-only\">\r\n  <nav class=\"nav-container\">\r\n    <!-- LOGO TULISAN -->\r\n    <a href=\"#\" class=\"brand-text-logo\">BRONTOSAURUS<\/a>\r\n\r\n    <!-- MENU LINKS -->\r\n    <ul class=\"nav-links-wrapper\">\r\n      <li><a href=\"#about\">About Us<\/a><\/li>\r\n      <li><a href=\"#tokenomics\">Tokenomics<\/a><\/li>\r\n      <li><a onclick=\"openModal('roadmap-modal')\">Roadmap<\/a><\/li>\r\n      <li><a href=\"#community\">Community<\/a><\/li>\r\n      <li><a href=\"YOUR-LINK\" target=\"_blank\" class=\"nav-cta-btn\">Buy $Bro<\/a><\/li>\r\n    <\/ul>\r\n  <\/nav>\r\n<\/div>\r\n\r\n<!-- ================= POP-UP MODAL: ROADMAP ================= -->\r\n<div class=\"bro-modal-overlay\" id=\"roadmap-modal\">\r\n  <div class=\"bro-modal-card\">\r\n    <button class=\"close-modal-btn\" onclick=\"closeModal('roadmap-modal')\">X<\/button>\r\n    <h3 class=\"modal-title\">$Bro Roadmap<\/h3>\r\n    \r\n    <div class=\"modal-step-list\">\r\n      <div class=\"modal-step-item\" style=\"background: #a7f3d0;\">\r\n        <div class=\"modal-step-num\">Phase 1: The Awakening<\/div>\r\n        <div class=\"modal-step-desc\">Token Launch on Solana, Community Formation, and Initial DEX Listing.<\/div>\r\n      <\/div>\r\n      <div class=\"modal-step-item\" style=\"background: #38bdf8;\">\r\n        <div class=\"modal-step-num\">Phase 2: Gentle Expansion<\/div>\r\n        <div class=\"modal-step-desc\">Coingecko & CMC Listings, Community Contests, and Strategic Marketing.<\/div>\r\n      <\/div>\r\n      <div class=\"modal-step-item\" style=\"background: #fdba74;\">\r\n        <div class=\"modal-step-num\">Phase 3: Massive Stride<\/div>\r\n        <div class=\"modal-step-desc\">Ecosystem Partnerships, Merchandise Release, and Global Community Events.<\/div>\r\n      <\/div>\r\n      <div class=\"modal-step-item\" style=\"background: #f472b6;\">\r\n        <div class=\"modal-step-num\">Phase 4: Conquer the Moon<\/div>\r\n        <div class=\"modal-step-desc\">CEX Listings, Major Web3 Integration, and Unstoppable Giant Growth.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT KONTROL POP-UP MODAL -->\r\n<script>\r\n  function openModal(modalId) {\r\n    document.getElementById(modalId).classList.add('active');\r\n  }\r\n\r\n  function closeModal(modalId) {\r\n    document.getElementById(modalId).classList.remove('active');\r\n  }\r\n\r\n  \/\/ Tutup Modal jika pengguna mengklik area luar modal (overlay)\r\n  window.onclick = function(event) {\r\n    if (event.target.classList.contains('bro-modal-overlay')) {\r\n      event.target.classList.remove('active');\r\n    }\r\n  }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e4399f e-con-full e-flex e-con e-child\" data-id=\"9e4399f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05e8e39 elementor-widget elementor-widget-html\" data-id=\"05e8e39\" 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 - ANIMATED GRADIENT & SHINE TITLE -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Bowlby+One&family=Short+Stack&display=swap');\r\n\r\n  .bro-hero-wrapper * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .bro-hero-wrapper {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 40px auto;\r\n    padding: 10px;\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    background: transparent;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* HEADLINE DENGAN GRADIENT HIJAU & ANIMASI KILAUAN *\/\r\n  .hero-title {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 3.2rem;\r\n    line-height: 1.15;\r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n    word-break: break-word;\r\n    max-width: 850px;\r\n    \r\n    \/* Gradien Hijau Gelap ke Hijau Muda Cerah *\/\r\n    background: linear-gradient(\r\n      110deg, \r\n      #15803d 0%, \r\n      #22c55e 25%, \r\n      #86efac 50%, \r\n      #22c55e 75%, \r\n      #15803d 100%\r\n    );\r\n    background-size: 200% auto;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    \r\n    \/* Efek Stroke\/Garis Tepi & Shadow Solid Hitam *\/\r\n    -webkit-text-stroke: 2px #000000;\r\n    filter: drop-shadow(4px 4px 0px #000000);\r\n    \r\n    \/* Jalankan Animasi Kilauan *\/\r\n    animation: shineGlow 3s linear infinite;\r\n  }\r\n\r\n  \/* KEYFRAMES ANIMASI KILAUAN *\/\r\n  @keyframes shineGlow {\r\n    0% {\r\n      background-position: 0% center;\r\n    }\r\n    100% {\r\n      background-position: 200% center;\r\n    }\r\n  }\r\n\r\n  \/* SUB-HEADLINE - TEKS PUTIH SHADOW SOLID HITAM *\/\r\n  .hero-sub {\r\n    font-size: 1.25rem;\r\n    color: #FFFFFF;\r\n    line-height: 1.6;\r\n    max-width: 850px;\r\n    margin-bottom: 35px;\r\n    font-weight: bold;\r\n    text-shadow: 2.5px 2.5px 0px #000000;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  \/* TOMBOL HERO *\/\r\n  .hero-action-btns {\r\n    display: flex;\r\n    gap: 15px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  .hero-btn {\r\n    display: inline-block;\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    font-weight: bold;\r\n    font-size: 1.1rem;\r\n    text-decoration: none;\r\n    color: #000000;\r\n    border: 3px solid #000000;\r\n    padding: 12px 28px;\r\n    border-radius: 20px;\r\n    box-shadow: 4px 4px 0px #000000;\r\n    cursor: pointer;\r\n    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  .btn-community {\r\n    background: #4ade80;\r\n    transform: rotate(-1.5deg);\r\n  }\r\n\r\n  .btn-chart {\r\n    background: #38bdf8;\r\n    color: #000000;\r\n    transform: rotate(1.2deg);\r\n  }\r\n\r\n  .hero-btn:hover {\r\n    background: #facc15 !important;\r\n    color: #000000 !important;\r\n    transform: translateY(-5px) scale(1.08) rotate(0deg) !important;\r\n    box-shadow: 6px 6px 0px #000000 !important;\r\n  }\r\n\r\n  .hero-btn:active {\r\n    transform: translateY(2px) scale(0.96) rotate(0deg) !important;\r\n    box-shadow: 2px 2px 0px #000000 !important;\r\n  }\r\n\r\n  \/* CA BOX CONTAINER *\/\r\n  .ca-wrapper {\r\n    background: #a7f3d0;\r\n    border: 4px solid #000000;\r\n    border-radius: 25px;\r\n    padding: 16px 22px;\r\n    box-shadow: 5px 5px 0px #000000;\r\n    display: inline-flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    max-width: 100%;\r\n    transform: rotate(-0.8deg);\r\n  }\r\n\r\n  .ca-label {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.95rem;\r\n    color: #000000;\r\n    letter-spacing: 0.5px;\r\n    text-shadow: 1px 1px 0px #ffffff;\r\n  }\r\n\r\n  .ca-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ca-address {\r\n    font-size: 1.05rem;\r\n    font-weight: bold;\r\n    color: #000000;\r\n    background: #ffffff;\r\n    padding: 8px 16px;\r\n    border: 2.5px solid #000000;\r\n    border-radius: 14px;\r\n    box-shadow: 3px 3px 0px #000000;\r\n    word-break: break-all;\r\n  }\r\n\r\n  .copy-btn {\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    font-weight: bold;\r\n    font-size: 1rem;\r\n    background: #f472b6;\r\n    color: #000000;\r\n    border: 2.5px solid #000000;\r\n    padding: 8px 20px;\r\n    border-radius: 14px;\r\n    box-shadow: 3px 3px 0px #000000;\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    transform: rotate(1deg);\r\n  }\r\n\r\n  .copy-btn:hover {\r\n    background: #facc15;\r\n    transform: translateY(-3px) scale(1.08) rotate(0deg);\r\n    box-shadow: 5px 5px 0px #000000;\r\n  }\r\n\r\n  .copy-btn:active {\r\n    transform: translateY(1px) scale(0.95);\r\n    box-shadow: 1px 1px 0px #000000;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN FOR MOBILE *\/\r\n  @media (max-width: 768px) {\r\n    .bro-hero-wrapper {\r\n      margin: 20px auto;\r\n    }\r\n\r\n    .hero-title {\r\n      font-size: 2.1rem;\r\n      max-width: 100%;\r\n      -webkit-text-stroke: 1.5px #000000;\r\n      filter: drop-shadow(3px 3px 0px #000000);\r\n    }\r\n\r\n    .hero-sub {\r\n      font-size: 1rem;\r\n      text-shadow: 2px 2px 0px #000000;\r\n    }\r\n\r\n    .ca-wrapper {\r\n      transform: none;\r\n      width: 100%;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .ca-content {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .copy-btn {\r\n      width: 100%;\r\n      text-align: center;\r\n      transform: none;\r\n    }\r\n\r\n    .hero-btn {\r\n      transform: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bro-hero-wrapper\">\r\n  \r\n  <!-- HEADLINE DENGAN ANIMASI KILAUAN HIJAU -->\r\n  <h1 class=\"hero-title\">\r\n    The Gentle Giant<br>of Blockchain.\r\n  <\/h1>\r\n  \r\n  <!-- SUB-HEADLINE -->\r\n  <p class=\"hero-sub\">\r\n    Millions of years ago, they ruled the Earth. Today, Brontosaurus returns on the Solana network\u2014bringing people together and leveraging community strength to reach new heights.\r\n  <\/p>\r\n\r\n  <!-- TOMBOL AKSI -->\r\n  <div class=\"hero-action-btns\">\r\n    <a href=\"YOUR-LINK\" target=\"_blank\" class=\"hero-btn btn-community\">Join Community<\/a>\r\n    <a href=\"YOUR-LINK\" target=\"_blank\" class=\"hero-btn btn-chart\">View Chart<\/a>\r\n  <\/div>\r\n\r\n  <!-- CA BOX INTERAKTIF -->\r\n  <div class=\"ca-wrapper\">\r\n    <span class=\"ca-label\">OFFICIAL CONTRACT ADDRESS:<\/span>\r\n    <div class=\"ca-content\">\r\n      <span class=\"ca-address\" id=\"hero-ca-text\">Broxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxpump<\/span>\r\n      <button class=\"copy-btn\" onclick=\"copyHeroCA()\">COPY CA<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT SALIN CA -->\r\n<script>\r\n  function copyHeroCA() {\r\n    const caText = document.getElementById(\"hero-ca-text\").innerText;\r\n    navigator.clipboard.writeText(caText).then(() => {\r\n      const btn = document.querySelector(\".copy-btn\");\r\n      const originalText = btn.innerText;\r\n      \r\n      btn.innerText = \"COPIED! \ud83e\udd96\";\r\n      btn.style.background = \"#4ade80\";\r\n      \r\n      setTimeout(() => {\r\n        btn.innerText = originalText;\r\n        btn.style.background = \"#f472b6\";\r\n      }, 2000);\r\n    }).catch(err => {\r\n      console.error('Failed to copy CA: ', err);\r\n    });\r\n  }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6cde33 e-flex e-con-boxed e-con e-parent\" data-id=\"c6cde33\" 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-902a288 e-con-full e-flex e-con e-child\" data-id=\"902a288\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b4002d elementor-widget elementor-widget-html\" data-id=\"4b4002d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ABOUT SECTION ONLY (NO GIF & NO TOKENOMICS) -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Bowlby+One&family=Short+Stack&display=swap');\r\n\r\n  .bro-about-wrapper * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .bro-about-wrapper {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 40px auto;\r\n    padding: 10px;\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    background: transparent;\r\n  }\r\n\r\n  \/* CARD PUTIH ELEGANT DENGAN SHADOW SOLID *\/\r\n  .about-card {\r\n    background: #FFFFFF;\r\n    border: 4px solid #000000;\r\n    border-radius: 35px;\r\n    box-shadow: 7px 7px 0px #000000;\r\n    padding: 45px 35px;\r\n    text-align: center;\r\n    transform: rotate(-0.5deg);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  \/* EFEK HOVER KECIL PADA CARD ABOUT *\/\r\n  .about-card:hover {\r\n    transform: translateY(-4px) rotate(0deg);\r\n    box-shadow: 9px 9px 0px #000000;\r\n  }\r\n\r\n  \/* JUDUL SETEMA DENGAN HERO (GRADIENT & SHINE GLOW) *\/\r\n  .about-title {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 2.8rem;\r\n    line-height: 1.15;\r\n    margin-bottom: 22px;\r\n    text-transform: uppercase;\r\n    word-break: break-word;\r\n    \r\n    \/* Gradien Hijau Gelap ke Hijau Muda Cerah *\/\r\n    background: linear-gradient(\r\n      110deg, \r\n      #15803d 0%, \r\n      #22c55e 25%, \r\n      #86efac 50%, \r\n      #22c55e 75%, \r\n      #15803d 100%\r\n    );\r\n    background-size: 200% auto;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    \r\n    \/* Efek Stroke & Shadow Hitam Solid *\/\r\n    -webkit-text-stroke: 2px #000000;\r\n    filter: drop-shadow(4px 4px 0px #000000);\r\n    \r\n    \/* Animasi Kilauan *\/\r\n    animation: shineGlowAbout 3s linear infinite;\r\n  }\r\n\r\n  @keyframes shineGlowAbout {\r\n    0% { background-position: 0% center; }\r\n    100% { background-position: 200% center; }\r\n  }\r\n\r\n  \/* TEKS DESKRIPSI DALAM CARD *\/\r\n  .about-text {\r\n    font-size: 1.2rem;\r\n    color: #000000;\r\n    line-height: 1.75;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    font-weight: bold;\r\n    letter-spacing: 0.3px;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN FOR MOBILE *\/\r\n  @media (max-width: 768px) {\r\n    .bro-about-wrapper {\r\n      margin: 25px auto;\r\n    }\r\n\r\n    .about-card {\r\n      padding: 30px 20px;\r\n      transform: none !important;\r\n      border-radius: 25px;\r\n    }\r\n\r\n    .about-title {\r\n      font-size: 1.8rem;\r\n      -webkit-text-stroke: 1.5px #000000;\r\n      filter: drop-shadow(3px 3px 0px #000000);\r\n    }\r\n\r\n    .about-text {\r\n      font-size: 1rem;\r\n      line-height: 1.6;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bro-about-wrapper\" id=\"about\">\r\n  \r\n  <!-- CARD PUTIH KHUSUS ABOUT US -->\r\n  <section class=\"about-card\">\r\n    \r\n    <!-- JUDUL ABOUT -->\r\n    <h2 class=\"about-title\">\r\n      The Return of a Gentle Legend\r\n    <\/h2>\r\n    \r\n    <!-- DESKRIPSI -->\r\n    <p class=\"about-text\">\r\n      The Brontosaurus is remembered as one of the largest creatures to ever walk the Earth\u2014massive in presence, yet calm and peaceful by nature.<br><br>\r\n      We bring this exact ethos to the Web3 space with $Bro. We believe a project's true strength isn't built on hollow hype, but on a grounded and united community. When holders stand together, every small step becomes a giant stride forward.\r\n    <\/p>\r\n\r\n  <\/section>\r\n\r\n<\/div>`\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ba2ae4 e-con-full e-flex e-con e-child\" data-id=\"6ba2ae4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-511cc4c elementor-widget elementor-widget-image\" data-id=\"511cc4c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/brontosaurus.fun\/wp-content\/uploads\/2026\/07\/ASET-BRONTOSAURUS.gif\" class=\"attachment-large size-large wp-image-24\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d0934c e-con-full e-flex e-con e-child\" data-id=\"4d0934c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fbf1e0 elementor-widget elementor-widget-html\" data-id=\"3fbf1e0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- TOKENOMICS SECTION (NO GIF) -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Bowlby+One&family=Short+Stack&display=swap');\r\n\r\n  .bro-tokenomics-wrapper * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .bro-tokenomics-wrapper {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 40px auto;\r\n    padding: 10px;\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    background: transparent;\r\n  }\r\n\r\n  \/* CARD PUTIH CONTAINING TOKENOMICS *\/\r\n  .tokenomics-card {\r\n    background: #FFFFFF;\r\n    border: 4px solid #000000;\r\n    border-radius: 35px;\r\n    box-shadow: 7px 7px 0px #000000;\r\n    padding: 45px 30px;\r\n    text-align: center;\r\n    transform: rotate(0.5deg);\r\n    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  .tokenomics-card:hover {\r\n    transform: translateY(-4px) rotate(0deg);\r\n    box-shadow: 9px 9px 0px #000000;\r\n  }\r\n\r\n  \/* JUDUL SETEMA DENGAN HERO (GRADIENT & SHINE GLOW) *\/\r\n  .tokenomics-title {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 2.8rem;\r\n    line-height: 1.15;\r\n    margin-bottom: 30px;\r\n    text-transform: uppercase;\r\n    word-break: break-word;\r\n    \r\n    \/* Gradien Hijau Gelap ke Hijau Muda Cerah *\/\r\n    background: linear-gradient(\r\n      110deg, \r\n      #15803d 0%, \r\n      #22c55e 25%, \r\n      #86efac 50%, \r\n      #22c55e 75%, \r\n      #15803d 100%\r\n    );\r\n    background-size: 200% auto;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    \r\n    \/* Efek Stroke & Shadow Hitam Solid *\/\r\n    -webkit-text-stroke: 2px #000000;\r\n    filter: drop-shadow(4px 4px 0px #000000);\r\n    \r\n    \/* Animasi Kilauan *\/\r\n    animation: shineGlowTokenomics 3s linear infinite;\r\n  }\r\n\r\n  @keyframes shineGlowTokenomics {\r\n    0% { background-position: 0% center; }\r\n    100% { background-position: 200% center; }\r\n  }\r\n\r\n  \/* GRID KARTU POIN TOKENOMICS *\/\r\n  .tokenomics-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n    gap: 20px;\r\n    justify-content: center;\r\n    max-width: 950px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .token-item {\r\n    border: 3px solid #000000;\r\n    border-radius: 20px;\r\n    padding: 16px;\r\n    box-shadow: 4px 4px 0px #000000;\r\n    text-align: center;\r\n    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  \/* ROTASI & WARNA RANDOM PADA POIN TOKENOMICS *\/\r\n  .token-item:nth-child(1) { background: #fef08a; transform: rotate(-1.5deg); }\r\n  .token-item:nth-child(2) { background: #a7f3d0; transform: rotate(1.8deg); }\r\n  .token-item:nth-child(3) { background: #38bdf8; transform: rotate(-1.2deg); }\r\n  .token-item:nth-child(4) { background: #fdba74; transform: rotate(1.5deg); }\r\n  .token-item:nth-child(5) { background: #f472b6; transform: rotate(-1.8deg); }\r\n  .token-item:nth-child(6) { background: #c084fc; transform: rotate(1.2deg); }\r\n\r\n  .token-item:hover {\r\n    transform: translateY(-5px) scale(1.05) rotate(0deg) !important;\r\n    box-shadow: 6px 6px 0px #000000 !important;\r\n    background: #facc15 !important;\r\n  }\r\n\r\n  .token-label {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.85rem;\r\n    color: #000000;\r\n    text-transform: uppercase;\r\n    margin-bottom: 5px;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .token-value {\r\n    font-size: 1.15rem;\r\n    font-weight: bold;\r\n    color: #000000;\r\n    word-break: break-all;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN FOR MOBILE *\/\r\n  @media (max-width: 768px) {\r\n    .bro-tokenomics-wrapper {\r\n      margin: 25px auto;\r\n    }\r\n\r\n    .tokenomics-card {\r\n      padding: 30px 15px;\r\n      transform: none !important;\r\n      border-radius: 25px;\r\n    }\r\n\r\n    .tokenomics-title {\r\n      font-size: 1.8rem;\r\n      -webkit-text-stroke: 1.5px #000000;\r\n      filter: drop-shadow(3px 3px 0px #000000);\r\n    }\r\n\r\n    .tokenomics-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .token-item {\r\n      transform: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bro-tokenomics-wrapper\" id=\"tokenomics\">\r\n  \r\n  <!-- CARD PUTIH TOKENOMICS -->\r\n  <section class=\"tokenomics-card\">\r\n    \r\n    <!-- JUDUL SECTION -->\r\n    <h2 class=\"tokenomics-title\">\r\n      Tokenomics\r\n    <\/h2>\r\n\r\n    <!-- GRID POIN TOKENOMICS -->\r\n    <div class=\"tokenomics-grid\">\r\n      \r\n      <div class=\"token-item\">\r\n        <div class=\"token-label\">Token Name<\/div>\r\n        <div class=\"token-value\">Brontosaurus<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"token-item\">\r\n        <div class=\"token-label\">Ticker<\/div>\r\n        <div class=\"token-value\">$Bro<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"token-item\">\r\n        <div class=\"token-label\">Network<\/div>\r\n        <div class=\"token-value\">Solana (SOL)<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"token-item\">\r\n        <div class=\"token-label\">Total Supply<\/div>\r\n        <div class=\"token-value\">1,000,000,000<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"token-item\">\r\n        <div class=\"token-label\">Tax<\/div>\r\n        <div class=\"token-value\">0% Buy \/ 0% Sell<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"token-item\">\r\n        <div class=\"token-label\">Liquidity<\/div>\r\n        <div class=\"token-value\">Securely Managed<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\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-7b08af0 e-flex e-con-boxed e-con e-parent\" data-id=\"7b08af0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/brontosaurus.fun\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HERO-BRONTOSAURUS.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-808a379 e-con-full e-flex e-con e-child\" data-id=\"808a379\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-724298d elementor-widget elementor-widget-html\" data-id=\"724298d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- JOIN US \/ COMMUNITY SECTION - NO CARD & BOTTOM ALIGNED -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Bowlby+One&family=Short+Stack&display=swap');\r\n\r\n  .bro-community-wrapper * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .bro-community-wrapper {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 60px auto 20px auto;\r\n    padding: 10px;\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    background: transparent; \/* Latar Belakang Transparan (Tanpa Card) *\/\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end; \/* Rata Bawah *\/\r\n    align-items: center;\r\n  }\r\n\r\n  \/* JUDUL SETEMA DENGAN HERO (GRADIENT & SHINE GLOW) *\/\r\n  .community-title {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 3.2rem;\r\n    line-height: 1.15;\r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n    word-break: break-word;\r\n    \r\n    \/* Gradien Hijau Gelap ke Hijau Muda Cerah *\/\r\n    background: linear-gradient(\r\n      110deg, \r\n      #15803d 0%, \r\n      #22c55e 25%, \r\n      #86efac 50%, \r\n      #22c55e 75%, \r\n      #15803d 100%\r\n    );\r\n    background-size: 200% auto;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    \r\n    \/* Efek Stroke & Shadow Hitam Solid *\/\r\n    -webkit-text-stroke: 2px #000000;\r\n    filter: drop-shadow(4px 4px 0px #000000);\r\n    \r\n    \/* Animasi Kilauan *\/\r\n    animation: shineGlowCommunity 3s linear infinite;\r\n  }\r\n\r\n  @keyframes shineGlowCommunity {\r\n    0% { background-position: 0% center; }\r\n    100% { background-position: 200% center; }\r\n  }\r\n\r\n  \/* TEKS DESKRIPSI - WARNA PUTIH SHADOW SOLID HITAM *\/\r\n  .community-text {\r\n    font-size: 1.25rem;\r\n    color: #FFFFFF; \/* Warna Putih agar kontras tanpa card *\/\r\n    line-height: 1.6;\r\n    max-width: 800px;\r\n    margin: 0 auto 35px auto;\r\n    font-weight: bold;\r\n    text-shadow: 2.5px 2.5px 0px #000000; \/* Shadow Solid Hitam *\/\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  \/* WRAPPER TOMBOL SOSIAL MEDIA (CONTROLLED CHAOS) *\/\r\n  .social-buttons-wrapper {\r\n    display: flex;\r\n    gap: 18px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n  }\r\n\r\n  .community-btn {\r\n    display: inline-block;\r\n    font-family: 'Short Stack', cursive, sans-serif;\r\n    font-weight: bold;\r\n    font-size: 1.15rem;\r\n    text-decoration: none;\r\n    color: #000000;\r\n    border: 3px solid #000000;\r\n    padding: 14px 32px;\r\n    border-radius: 20px;\r\n    box-shadow: 4px 4px 0px #000000;\r\n    cursor: pointer;\r\n    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  \/* ROTASI & WARNA INDIVIDUAL TOMBOL *\/\r\n  .btn-x {\r\n    background: #38bdf8;\r\n    transform: rotate(-1.5deg);\r\n  }\r\n\r\n  .btn-telegram {\r\n    background: #4ade80;\r\n    transform: rotate(1.2deg);\r\n  }\r\n\r\n  .btn-dex {\r\n    background: #facc15;\r\n    transform: rotate(-1deg);\r\n  }\r\n\r\n  \/* EFEK HOVER MANTUL \/ BOUNCE *\/\r\n  .community-btn:hover {\r\n    background: #f472b6 !important;\r\n    color: #000000 !important;\r\n    transform: translateY(-5px) scale(1.08) rotate(0deg) !important;\r\n    box-shadow: 6px 6px 0px #000000 !important;\r\n  }\r\n\r\n  .community-btn:active {\r\n    transform: translateY(2px) scale(0.96) rotate(0deg) !important;\r\n    box-shadow: 2px 2px 0px #000000 !important;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN FOR MOBILE *\/\r\n  @media (max-width: 768px) {\r\n    .bro-community-wrapper {\r\n      margin: 30px auto 10px auto;\r\n      padding: 15px;\r\n    }\r\n\r\n    .community-title {\r\n      font-size: 2.1rem;\r\n      -webkit-text-stroke: 1.5px #000000;\r\n      filter: drop-shadow(3px 3px 0px #000000);\r\n    }\r\n\r\n    .community-text {\r\n      font-size: 1rem;\r\n      text-shadow: 2px 2px 0px #000000;\r\n    }\r\n\r\n    .social-buttons-wrapper {\r\n      flex-direction: column;\r\n      width: 100%;\r\n    }\r\n\r\n    .community-btn {\r\n      width: 100%;\r\n      text-align: center;\r\n      transform: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bro-community-wrapper\" id=\"community\">\r\n  \r\n  <!-- JUDUL SECTION -->\r\n  <h2 class=\"community-title\">\r\n    Walk with Us\r\n  <\/h2>\r\n\r\n  <!-- DESKRIPSI -->\r\n  <p class=\"community-text\">\r\n    The journey has just begun. Join our official channels to connect with the community and stay updated on our latest developments.\r\n  <\/p>\r\n\r\n  <!-- TOMBOL MEDIA SOSIAL RATA BAWAH -->\r\n  <div class=\"social-buttons-wrapper\">\r\n    <a href=\"YOUR-LINK\" target=\"_blank\" class=\"community-btn btn-x\">Twitter \/ X<\/a>\r\n    <a href=\"YOUR-LINK\" target=\"_blank\" class=\"community-btn btn-telegram\">Telegram<\/a>\r\n    <a href=\"YOUR-LINK\" target=\"_blank\" class=\"community-btn btn-dex\">DexScreener<\/a>\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-ae89a46 e-flex e-con-boxed e-con e-parent\" data-id=\"ae89a46\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac12023 elementor-widget elementor-widget-html\" data-id=\"ac12023\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- SLIM FULL-WIDTH RUNNING TEXT (GREEN BACKGROUND) -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Bowlby+One&family=Short+Stack&display=swap');\r\n\r\n  \/* MENHILANGKAN MARGIN BAWAAN TERKADANG DARI THEME WORDPRESS *\/\r\n  .bro-marquee-wrapper {\r\n    width: 100vw; \/* Membentang penuh dari layar kiri ke kanan *\/\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    overflow: hidden;\r\n    background: #4ade80; \/* Background Hijau Cerah *\/\r\n    border-top: 3px solid #000000;\r\n    border-bottom: 3px solid #000000;\r\n    padding: 8px 0; \/* Desain Tipis (Slim) *\/\r\n    box-shadow: 0px 4px 0px #000000;\r\n    user-select: none;\r\n  }\r\n\r\n  \/* TRACK RUNNING TEXT *\/\r\n  .marquee-track {\r\n    display: flex;\r\n    white-space: nowrap;\r\n    will-change: transform;\r\n    animation: marqueeScroll 18s linear infinite;\r\n  }\r\n\r\n  \/* ISI KONTEN MARQUEE *\/\r\n  .marquee-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 25px;\r\n    padding-right: 25px;\r\n  }\r\n\r\n  .marquee-item {\r\n    font-family: 'Bowlby One', cursive, sans-serif;\r\n    font-size: 0.95rem;\r\n    color: #000000;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n  }\r\n\r\n  \/* IKON SEPARATORS DINO\/STAR *\/\r\n  .marquee-star {\r\n    font-size: 1.1rem;\r\n    color: #000000;\r\n  }\r\n\r\n  \/* ANIMASI RUNNING TEXT BERPUTAR TANPA PUTUS *\/\r\n  @keyframes marqueeScroll {\r\n    0% {\r\n      transform: translateX(0%);\r\n    }\r\n    100% {\r\n      transform: translateX(-50%);\r\n    }\r\n  }\r\n\r\n  \/* PAUSE PADA HOVER JIKA DITUNJUK MOUSE *\/\r\n  .bro-marquee-wrapper:hover .marquee-track {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  \/* RESPONSIVE DESIGN FOR MOBILE *\/\r\n  @media (max-width: 768px) {\r\n    .bro-marquee-wrapper {\r\n      padding: 6px 0;\r\n    }\r\n    .marquee-item {\r\n      font-size: 0.85rem;\r\n      gap: 10px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bro-marquee-wrapper\">\r\n  <div class=\"marquee-track\">\r\n    \r\n    <!-- BLOCK KONTEN 1 -->\r\n    <div class=\"marquee-content\">\r\n      <div class=\"marquee-item\">\ud83e\udd96 BRONTOSAURUS ($BRO) <span class=\"marquee-star\">\u2605<\/span><\/div>\r\n      <div class=\"marquee-item\">THE GENTLE GIANT OF BLOCKCHAIN <span class=\"marquee-star\">\u2605<\/span><\/div>\r\n      <div class=\"marquee-item\">POWERED BY SOLANA <span class=\"marquee-star\">\u2605<\/span><\/div>\r\n      <div class=\"marquee-item\">0% TAX BUY \/ SELL <span class=\"marquee-star\">\u2605<\/span><\/div>\r\n      <div class=\"marquee-item\">UNSTOPPABLE COMMUNITY <span class=\"marquee-star\">\u2605<\/span><\/div>\r\n      <div class=\"marquee-item\">JOIN THE HERD TODAY <span class=\"marquee-star\">\u2605<\/span><\/div>\r\n    <\/div>\r\n\r\n    <!-- BLOCK KONTEN 2 (DUPLIKAT AGAR LOOPING HALUS TANPA SELA) -->\r\n    <div class=\"marquee-content\">\r\n      <div class=\"marquee-item\">\ud83e\udd96 BRONTOSAURUS ($BRO) <span class=\"marquee-star\">\u2605<\/span><\/div>\r\n      <div class=\"marquee-item\">THE GENTLE GIANT OF BLOCKCHAIN <span class=\"marquee-star\">\u2605<\/span><\/div>\r\n      <div class=\"marquee-item\">POWERED BY SOLANA <span class=\"marquee-star\">\u2605<\/span><\/div>\r\n      <div class=\"marquee-item\">0% TAX BUY \/ SELL <span class=\"marquee-star\">\u2605<\/span><\/div>\r\n      <div class=\"marquee-item\">UNSTOPPABLE COMMUNITY <span class=\"marquee-star\">\u2605<\/span><\/div>\r\n      <div class=\"marquee-item\">JOIN THE HERD TODAY <span class=\"marquee-star\">\u2605<\/span><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\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>BRONTOSAURUS About Us Tokenomics Roadmap Community Buy $Bro X $Bro Roadmap Phase 1: The Awakening Token Launch on Solana, Community Formation, and Initial DEX Listing. Phase 2: Gentle Expansion Coingecko &#038; CMC Listings, Community Contests, and Strategic Marketing. Phase 3: Massive Stride Ecosystem Partnerships, Merchandise Release, and Global Community Events. Phase 4: Conquer the Moon [&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:\/\/brontosaurus.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brontosaurus.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brontosaurus.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brontosaurus.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brontosaurus.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":23,"href":"https:\/\/brontosaurus.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/brontosaurus.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/brontosaurus.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}