$NINJA Navigation<\/title>\r\n \r\n \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=Erica+One&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --primary-red: #ff3e3e;\r\n --border-cartoon: 3px solid #000000;\r\n --font-jutama: 'Erica One', sans-serif;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background-color: #1a1d24;\r\n }\r\n\r\n \/* --- SLIM SUPER SIMPLE NAVBAR --- *\/\r\n .ninja-header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 999;\r\n background: #0d0f12;\r\n border-bottom: var(--border-cartoon);\r\n padding: 12px 5%; \/* Tinggi navbar yang sangat slim *\/\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n \/* Judul \/ Logo Utama *\/\r\n .ninja-logo {\r\n font-family: var(--font-jutama);\r\n font-size: 2rem;\r\n color: #ffffff;\r\n text-decoration: none;\r\n text-shadow: 2px 2px 0px #000;\r\n -webkit-text-stroke: 1px #000;\r\n transition: transform 0.2s ease;\r\n }\r\n .ninja-logo:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Tombol CTA Swap Now Slim *\/\r\n .btn-nav-cta {\r\n font-family: var(--font-jutama);\r\n background: var(--primary-red);\r\n color: #ffffff;\r\n padding: 8px 20px;\r\n border: var(--border-cartoon);\r\n border-radius: 6px;\r\n text-decoration: none;\r\n font-size: 1rem;\r\n box-shadow: 3px 3px 0px #000;\r\n text-shadow: 1.5px 1.5px 0px #000;\r\n transition: all 0.1s ease;\r\n }\r\n .btn-nav-cta:hover {\r\n transform: translate(1px, 1px);\r\n box-shadow: 2px 2px 0px #000;\r\n background: #cc2424;\r\n }\r\n\r\n \/* Responsif Layar HP Semakin Simpel Tanpa Hamburger *\/\r\n @media (max-width: 480px) {\r\n .ninja-logo {\r\n font-size: 1.6rem;\r\n }\r\n .btn-nav-cta {\r\n padding: 6px 14px;\r\n font-size: 0.9rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"ninja-header\">\r\n \r\n <a href=\"#\" class=\"ninja-logo\">$NINJA<\/a>\r\n\r\n \r\n <a href=\"https:\/\/raydium.io\/\" target=\"_blank\" class=\"btn-nav-cta\">SWAP NOW<\/a>\r\n <\/header>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfb25e0 elementor-widget elementor-widget-html\" data-id=\"bfb25e0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\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=Erica+One&family=Jua&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n :root {\r\n --primary-red: #ff3e3e;\r\n --accent-yellow: #ffd200;\r\n --border-cartoon: 3px solid #000000;\r\n --font-jutama: 'Erica One', sans-serif;\r\n --font-geagu: 'Jua', sans-serif;\r\n }\r\n\r\n \/* --- HERO CONTAINER (MENGIKUTI BG WORDPRESS) --- *\/\r\n .ninja-hero-section {\r\n position: relative;\r\n width: 100%;\r\n min-height: 80vh; \/* Sedikit disesuaikan karena tanpa deskripsi *\/\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end; \/* Memaksa konten turun ke bawah *\/\r\n align-items: flex-start; \/* Memaksa konten rata kiri *\/\r\n padding: 60px 5% 60px 5%; \r\n text-align: left; \r\n background: transparent; \r\n }\r\n\r\n .hero-content-box {\r\n max-width: 780px; \r\n width: 100%;\r\n z-index: 2;\r\n }\r\n\r\n \/* Judul Utama (Font Jutama - Shadow Solid) *\/\r\n .hero-content-box h1 {\r\n font-family: var(--font-jutama);\r\n font-size: 4.5rem;\r\n color: #ffffff;\r\n line-height: 1;\r\n margin-bottom: 5px;\r\n text-shadow: 4px 4px 0px #000;\r\n -webkit-text-stroke: 1.5px #000;\r\n }\r\n\r\n \/* Sub-Judul (Font Jutama - Shadow Solid) *\/\r\n .hero-content-box h2 {\r\n font-family: var(--font-jutama);\r\n font-size: 2rem;\r\n color: var(--accent-yellow);\r\n margin-bottom: 30px; \/* Jarak disesuaikan langsung ke box CA *\/\r\n text-shadow: 3px 3px 0px #000;\r\n -webkit-text-stroke: 1px #000;\r\n }\r\n\r\n \/* --- BOX CONTRACT ADDRESS (CA) --- *\/\r\n .ninja-ca-container {\r\n background: #0d0f12;\r\n border: var(--border-cartoon);\r\n box-shadow: 5px 5px 0px #000;\r\n border-radius: 10px;\r\n padding: 12px 20px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 20px;\r\n max-width: 100%;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .ca-info-group {\r\n text-align: left;\r\n }\r\n\r\n \/* Label CA (MENGGUNAKAN FONT JUA) *\/\r\n .ca-label {\r\n font-family: var(--font-geagu);\r\n font-size: 1rem;\r\n color: var(--accent-yellow);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n -webkit-text-stroke: 0.5px #000000;\r\n text-shadow: 1px 1px 0px #000000;\r\n }\r\n\r\n \/* Hash Alamat CA (MENGGUNAKAN FONT JUA) *\/\r\n .ca-hash {\r\n font-family: var(--font-geagu);\r\n font-size: 1.25rem;\r\n color: #ffffff;\r\n letter-spacing: 0.5px;\r\n -webkit-text-stroke: 0.5px #000000;\r\n text-shadow: 1.5px 1.5px 0px #000000;\r\n }\r\n\r\n \/* Tombol Copy CA (MENGGUNAKAN FONT JUA) *\/\r\n .btn-ca-copy {\r\n font-family: var(--font-geagu);\r\n background: #ffffff;\r\n color: #000000;\r\n border: 2px solid #000000;\r\n padding: 4px 16px;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-size: 1.05rem;\r\n transition: all 0.1s ease;\r\n box-shadow: 2px 2px 0px #000;\r\n }\r\n\r\n .btn-ca-copy:hover {\r\n background: var(--accent-yellow);\r\n transform: scale(1.03);\r\n }\r\n\r\n \/* --- GROUP BUTTON TOMBOL AKSES --- *\/\r\n .hero-btn-group {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-start; \r\n gap: 15px;\r\n }\r\n\r\n .btn-hero-action {\r\n font-family: var(--font-jutama);\r\n background: var(--primary-red);\r\n color: #ffffff;\r\n border: var(--border-cartoon);\r\n padding: 12px 28px;\r\n font-size: 1.1rem;\r\n cursor: pointer;\r\n border-radius: 8px;\r\n box-shadow: 4px 4px 0px #000;\r\n text-shadow: 2px 2px 0px #000;\r\n text-decoration: none;\r\n transition: all 0.1s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n }\r\n\r\n .btn-hero-action:hover {\r\n transform: translate(2px, 2px);\r\n box-shadow: 2px 2px 0px #000;\r\n }\r\n\r\n .btn-action-yellow {\r\n background: var(--accent-yellow);\r\n color: #000000;\r\n text-shadow: none;\r\n }\r\n \r\n .btn-action-yellow:hover {\r\n background: #e6bd00;\r\n }\r\n\r\n \/* Responsif Layar HP (Mobile) *\/\r\n @media (max-width: 768px) {\r\n .ninja-hero-section {\r\n justify-content: center; \/* Di mobile kembali ke tengah agar seimbang *\/\r\n align-items: center;\r\n text-align: center;\r\n padding: 80px 5% 40px 5%;\r\n }\r\n .hero-content-box h1 { font-size: 2.8rem; }\r\n .hero-content-box h2 { font-size: 1.4rem; margin-bottom: 25px; }\r\n .ninja-ca-container { flex-direction: column; width: 100%; gap: 12px; }\r\n .ca-info-group { text-align: center; }\r\n .ca-hash { font-size: 1.05rem; word-break: break-all; }\r\n .hero-btn-group { flex-direction: column; width: 100%; }\r\n .btn-hero-action { width: 100%; justify-content: center; }\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"ninja-hero-section\">\r\n <div class=\"hero-content-box\">\r\n <h1>MOVE IN SILENCE.<\/h1>\r\n <h2>Lead by Action.<\/h2>\r\n\r\n \r\n <div class=\"ninja-ca-container\">\r\n <div class=\"ca-info-group\">\r\n <div class=\"ca-label\">Contract Address<\/div>\r\n <div class=\"ca-hash\" id=\"tokenCA\">NULL<\/div>\r\n <\/div>\r\n <button class=\"btn-ca-copy\" onclick=\"copyHeroCA()\">COPY CA<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-btn-group\">\r\n <a href=\"https:\/\/twitter.com\/your_twitter\" target=\"_blank\" class=\"btn-hero-action\">Twitter<\/a>\r\n <a href=\"https:\/\/t.me\/your_telegram\" target=\"_blank\" class=\"btn-hero-action\">Telegram<\/a>\r\n <a href=\"https:\/\/dexscreener.com\/\" target=\"_blank\" class=\"btn-hero-action\">Live Chart<\/a>\r\n <a href=\"https:\/\/raydium.io\/\" target=\"_blank\" class=\"btn-hero-action btn-action-yellow\">Swap Now<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n function copyHeroCA() {\r\n const caText = document.getElementById(\"tokenCA\").innerText;\r\n navigator.clipboard.writeText(caText).then(() => {\r\n const targetBtn = document.querySelector('.btn-ca-copy');\r\n targetBtn.innerText = \"COPIED!\";\r\n targetBtn.style.background = \"#ffd200\";\r\n setTimeout(() => {\r\n targetBtn.innerText = \"COPY CA\";\r\n targetBtn.style.background = \"#ffffff\";\r\n }, 2000);\r\n }).catch(err => {\r\n console.error('Gagal menyalin text: ', err);\r\n });\r\n }\r\n<\/script>\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-30de40d e-flex e-con-boxed e-con e-parent\" data-id=\"30de40d\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e2b671 elementor-widget elementor-widget-html\" data-id=\"4e2b671\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\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=Erica+One&family=Jua&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n :root {\r\n --primary-red: #ff3e3e;\r\n --accent-yellow: #ffd200;\r\n --border-cartoon: 3px solid #000000;\r\n --font-jutama: 'Erica One', sans-serif;\r\n --font-geagu: 'Jua', sans-serif;\r\n }\r\n\r\n \/* --- ARCHITECTURE GRID CONTAINER --- *\/\r\n .ninja-bento-section {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 40px auto;\r\n padding: 20px 5%;\r\n display: grid;\r\n grid-template-columns: 1.5fr 2fr; \r\n gap: 30px;\r\n background: transparent;\r\n align-items: stretch;\r\n }\r\n\r\n \/* --- SISI KIRI: BLOK GAMBAR JAUH LEBIH BESAR (TANPA CARD) --- *\/\r\n .bento-picture-side {\r\n grid-row: span 2; \r\n background: transparent; \r\n border: none; \r\n box-shadow: none; \r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 450px;\r\n }\r\n\r\n .bento-picture-side img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n animation: ninjaVanish 4s ease-in-out infinite; \r\n }\r\n\r\n \/* --- SISI KANAN ATAS: BLOK ABOUT \/ LORE (CARD RAPI & SIMETRIS) --- *\/\r\n .bento-about-block {\r\n background: rgba(13, 15, 18, 0.85);\r\n border: var(--border-cartoon);\r\n box-shadow: 6px 6px 0px #000000;\r\n border-radius: 14px;\r\n padding: 35px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n height: 100%;\r\n }\r\n\r\n .bento-about-block h2 {\r\n font-family: var(--font-jutama);\r\n font-size: 3.8rem;\r\n color: #ffffff;\r\n line-height: 1;\r\n text-shadow: 4px 4px 0px #000;\r\n -webkit-text-stroke: 1.5px #000;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .bento-about-block p {\r\n font-family: var(--font-geagu);\r\n font-size: 1.45rem;\r\n color: #ffffff;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* --- SISI KANAN BAWAH: DERETAN TOMBOL POP-UP (SIMETRIS RATIO) --- *\/\r\n .bento-action-row {\r\n display: flex;\r\n gap: 20px;\r\n width: 100%;\r\n align-items: stretch;\r\n }\r\n\r\n .bento-btn-trigger {\r\n flex: 1;\r\n background: #0d0f12; \r\n border: var(--border-cartoon);\r\n box-shadow: 5px 5px 0px #000000;\r\n border-radius: 10px;\r\n padding: 22px 10px;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 0.15s ease;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .bento-btn-trigger h3 {\r\n font-family: var(--font-jutama);\r\n font-size: 1.6rem;\r\n color: #ffffff;\r\n text-shadow: 2px 2px 0px #000;\r\n -webkit-text-stroke: 0.8px #000;\r\n line-height: 1;\r\n }\r\n\r\n .bento-btn-trigger p {\r\n font-family: var(--font-geagu);\r\n font-size: 0.95rem;\r\n color: var(--accent-yellow);\r\n margin-top: 4px;\r\n }\r\n\r\n .bento-btn-trigger:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 3px 3px 0px #000000;\r\n background: #12151c;\r\n }\r\n \r\n .bento-btn-trigger.red-hover:hover {\r\n background: var(--primary-red);\r\n }\r\n .bento-btn-trigger.red-hover:hover p {\r\n color: #ffffff;\r\n }\r\n\r\n \/* --- ANIMASI STEALTH NINJA --- *\/\r\n @keyframes ninjaVanish {\r\n 0% { opacity: 1; transform: scale(1) translateY(0); }\r\n 45% { opacity: 1; transform: scale(1) translateY(-5px); }\r\n 50% { opacity: 0; transform: scale(0.95) translateY(5px); } \r\n 55% { opacity: 0; transform: scale(0.95) translateY(5px); }\r\n 60% { opacity: 1; transform: scale(1) translateY(0); } \r\n 100% { opacity: 1; transform: scale(1) translateY(0); }\r\n }\r\n\r\n \/* --- SYSTEM POP-UP MODAL ENGINE --- *\/\r\n .bento-popup-modal {\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.85);\r\n z-index: 99999;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity 0.2s ease;\r\n }\r\n .bento-popup-modal.is-active {\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n\r\n .bento-modal-content {\r\n background: #171a21;\r\n border: 4px solid #000000;\r\n box-shadow: 6px 6px 0px var(--primary-red);\r\n border-radius: 16px;\r\n padding: 35px 25px;\r\n max-width: 500px;\r\n width: 95%;\r\n text-align: center;\r\n position: relative;\r\n transform: scale(0.8);\r\n transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n .bento-popup-modal.is-active .bento-modal-content {\r\n transform: scale(1);\r\n }\r\n\r\n .bento-modal-content h3 {\r\n font-family: var(--font-jutama);\r\n font-size: 2.6rem;\r\n color: var(--accent-yellow);\r\n text-shadow: 3px 3px 0px #000;\r\n -webkit-text-stroke: 1px #000;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .bento-modal-content p {\r\n font-family: var(--font-geagu);\r\n font-size: 1.25rem;\r\n line-height: 1.4;\r\n color: #ffffff;\r\n text-align: left;\r\n }\r\n\r\n .bento-close-cross {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n background: var(--primary-red);\r\n color: #ffffff;\r\n border: 2px solid #000;\r\n width: 32px;\r\n height: 32px;\r\n font-size: 1.3rem;\r\n font-weight: bold;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 1.5px 1.5px 0px #000;\r\n }\r\n\r\n .bento-pop-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 15px;\r\n }\r\n .bento-pop-table th, .bento-pop-table td {\r\n border: 2px solid #000;\r\n padding: 10px;\r\n font-family: var(--font-geagu);\r\n font-size: 1.15rem;\r\n }\r\n .bento-pop-table th {\r\n background: var(--accent-yellow);\r\n color: #000;\r\n font-family: var(--font-jutama);\r\n }\r\n .bento-pop-table td {\r\n background: #1f232d;\r\n color: #fff;\r\n }\r\n\r\n \/* --- SIMPEL COPYRIGHT FOOTER (TRANSPARAN) --- *\/\r\n .bento-simple-copyright {\r\n width: 100%;\r\n text-align: center;\r\n padding: 20px;\r\n margin-top: 20px;\r\n font-family: var(--font-jutama);\r\n font-size: 1.1rem;\r\n color: #ffffff;\r\n background: transparent; \r\n text-shadow: 2px 2px 0px #000;\r\n -webkit-text-stroke: 0.5px #000;\r\n }\r\n\r\n \/* HP Responsive Layout *\/\r\n @media (max-width: 850px) {\r\n .ninja-bento-section { \r\n grid-template-columns: 1fr; \r\n gap: 20px; \r\n align-items: start;\r\n }\r\n .bento-picture-side { \r\n grid-row: auto; \r\n min-height: auto;\r\n }\r\n .bento-picture-side img { \r\n max-width: 340px; \r\n width: 100%; \r\n margin: 0 auto; \r\n }\r\n .bento-action-row { \r\n flex-direction: column; \r\n gap: 12px; \r\n }\r\n .bento-about-block h2 { font-size: 2.8rem; text-align: center; width:100%; }\r\n .bento-about-block p { text-align: center; }\r\n }\r\n<\/style>\r\n\r\n\r\n<div class=\"ninja-bento-section\">\r\n\r\n \r\n <div class=\"bento-picture-side\">\r\n <img decoding=\"async\" src=\"https:\/\/theninja.lol\/wp-content\/uploads\/2026\/06\/ASET.png\" alt=\"ASET.png\">\r\n <\/div>\r\n\r\n \r\n <div class=\"bento-about-block\">\r\n <h2>A DIGITAL CLAN STORY<\/h2>\r\n <p>\"One Shuriken. One Goal.\"<br><\/b>True ninjas never demand the spotlight; their impact is felt through results. Their strength relies on three core pillars: Absolute Focus, Swift Speed, and Unwavering Loyalty to the Clan.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bento-action-row\">\r\n \r\n <div class=\"bento-btn-trigger red-hover\" onclick=\"toggleBentoModal('pop-roadmap')\">\r\n <h3>ROADMAP<\/h3>\r\n <p>Clan Steps<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bento-btn-trigger\" onclick=\"toggleBentoModal('pop-tokenomics')\">\r\n <h3>TOKENOMICS<\/h3>\r\n <p>Stat & Supply<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bento-btn-trigger red-hover\" onclick=\"toggleBentoModal('pop-buy')\">\r\n <h3>HOW TO BUY<\/h3>\r\n <p>Get $NINJA<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"bento-simple-copyright\">\r\n © 2026 $NINJA Token. All Rights Reserved.\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"bento-popup-modal\" id=\"pop-roadmap\">\r\n <div class=\"bento-modal-content\">\r\n <button class=\"bento-close-cross\" onclick=\"toggleBentoModal('pop-roadmap')\">×<\/button>\r\n <h3>CLAN STEPS<\/h3>\r\n <p>\r\n <strong>Phase 1: Midnight Initiation<\/strong><br>\r\n Fair token launch activation, smart contract audit, and unifying our first 1,000 active clan warriors.\r\n <br><br>\r\n <strong>Phase 2: Expanding Borders<\/strong><br>\r\n Tracking architecture integration on CoinMarketCap & CoinGecko, alongside exclusive artwork updates.\r\n <br><br>\r\n <strong>Phase 3: Full Apex Status<\/strong><br>\r\n Deployment of the governance voting system dApp and ecosystem pool extension across centralized spaces.\r\n <\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"bento-popup-modal\" id=\"pop-tokenomics\">\r\n <div class=\"bento-modal-content\">\r\n <button class=\"bento-close-cross\" onclick=\"toggleBentoModal('pop-tokenomics')\">×<\/button>\r\n <h3>STAT & SUPPLY<\/h3>\r\n <p style=\"color: var(--accent-yellow); font-family:var(--font-jutama); text-align:center; font-size:1.4rem; -webkit-text-stroke:0.5px #000; margin-bottom: 10px;\">Ticker: $NINJA | Blockchain: Solana<\/p>\r\n <table class=\"bento-pop-table\">\r\n <thead>\r\n <tr>\r\n <th>Metric<\/th>\r\n <th>Allocation Details<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Total Supply<\/td>\r\n <td>1,000,000,000 (1B Tokens)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Transaction Tax<\/td>\r\n <td>Zero Tax (0% Buy\/Sell)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Market Liquidity Pool<\/td>\r\n <td>Permanently Locked Structure<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Ecosystem & Growth<\/td>\r\n <td>Community Rewards & Marketing Arena<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"bento-popup-modal\" id=\"pop-buy\">\r\n <div class=\"bento-modal-content\">\r\n <button class=\"bento-close-cross\" onclick=\"toggleBentoModal('pop-buy')\">×<\/button>\r\n <h3>HOW TO BUY<\/h3>\r\n <p>\r\n <strong>1. Download Phantom Wallet<\/strong><br>\r\n Create a secure crypto wallet app on your mobile device or web browser extension setup.\r\n <br><br>\r\n <strong>2. Fund Wallet with SOL<\/strong><br>\r\n Purchase Solana (SOL) tokens inside a centralized space or exchange, then transfer them directly to your Phantom wallet address.\r\n <br><br>\r\n <strong>3. Swap on Raydium<\/strong><br>\r\n Connect your wallet to Raydium, insert our official Contract Address, and execute your swap to acquire $NINJA instantly with 0% tax fees.\r\n <\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n function toggleBentoModal(modalId) {\r\n const target = document.getElementById(modalId);\r\n if(target) {\r\n target.classList.toggle('is-active');\r\n }\r\n }\r\n\r\n window.addEventListener('click', function(event) {\r\n if (event.target.classList.contains('bento-popup-modal')) {\r\n event.target.classList.remove('is-active');\r\n }\r\n });\r\n<\/script>\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>$NINJA Navigation $NINJA SWAP NOW MOVE IN SILENCE. Lead by Action. Contract Address NULL COPY CA Twitter Telegram Live Chart Swap Now A DIGITAL CLAN STORY “One Shuriken. One Goal.”True ninjas never demand the spotlight; their impact is felt through results. Their strength relies on three core pillars: Absolute Focus, Swift Speed, and Unwavering Loyalty […]<\/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:\/\/theninja.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theninja.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theninja.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theninja.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theninja.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":16,"href":"https:\/\/theninja.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/theninja.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/theninja.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n $NINJA Navigation<\/title>\r\n \r\n \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=Erica+One&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --primary-red: #ff3e3e;\r\n --border-cartoon: 3px solid #000000;\r\n --font-jutama: 'Erica One', sans-serif;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background-color: #1a1d24;\r\n }\r\n\r\n \/* --- SLIM SUPER SIMPLE NAVBAR --- *\/\r\n .ninja-header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 999;\r\n background: #0d0f12;\r\n border-bottom: var(--border-cartoon);\r\n padding: 12px 5%; \/* Tinggi navbar yang sangat slim *\/\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n \/* Judul \/ Logo Utama *\/\r\n .ninja-logo {\r\n font-family: var(--font-jutama);\r\n font-size: 2rem;\r\n color: #ffffff;\r\n text-decoration: none;\r\n text-shadow: 2px 2px 0px #000;\r\n -webkit-text-stroke: 1px #000;\r\n transition: transform 0.2s ease;\r\n }\r\n .ninja-logo:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Tombol CTA Swap Now Slim *\/\r\n .btn-nav-cta {\r\n font-family: var(--font-jutama);\r\n background: var(--primary-red);\r\n color: #ffffff;\r\n padding: 8px 20px;\r\n border: var(--border-cartoon);\r\n border-radius: 6px;\r\n text-decoration: none;\r\n font-size: 1rem;\r\n box-shadow: 3px 3px 0px #000;\r\n text-shadow: 1.5px 1.5px 0px #000;\r\n transition: all 0.1s ease;\r\n }\r\n .btn-nav-cta:hover {\r\n transform: translate(1px, 1px);\r\n box-shadow: 2px 2px 0px #000;\r\n background: #cc2424;\r\n }\r\n\r\n \/* Responsif Layar HP Semakin Simpel Tanpa Hamburger *\/\r\n @media (max-width: 480px) {\r\n .ninja-logo {\r\n font-size: 1.6rem;\r\n }\r\n .btn-nav-cta {\r\n padding: 6px 14px;\r\n font-size: 0.9rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"ninja-header\">\r\n \r\n <a href=\"#\" class=\"ninja-logo\">$NINJA<\/a>\r\n\r\n \r\n <a href=\"https:\/\/raydium.io\/\" target=\"_blank\" class=\"btn-nav-cta\">SWAP NOW<\/a>\r\n <\/header>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfb25e0 elementor-widget elementor-widget-html\" data-id=\"bfb25e0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\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=Erica+One&family=Jua&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n :root {\r\n --primary-red: #ff3e3e;\r\n --accent-yellow: #ffd200;\r\n --border-cartoon: 3px solid #000000;\r\n --font-jutama: 'Erica One', sans-serif;\r\n --font-geagu: 'Jua', sans-serif;\r\n }\r\n\r\n \/* --- HERO CONTAINER (MENGIKUTI BG WORDPRESS) --- *\/\r\n .ninja-hero-section {\r\n position: relative;\r\n width: 100%;\r\n min-height: 80vh; \/* Sedikit disesuaikan karena tanpa deskripsi *\/\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end; \/* Memaksa konten turun ke bawah *\/\r\n align-items: flex-start; \/* Memaksa konten rata kiri *\/\r\n padding: 60px 5% 60px 5%; \r\n text-align: left; \r\n background: transparent; \r\n }\r\n\r\n .hero-content-box {\r\n max-width: 780px; \r\n width: 100%;\r\n z-index: 2;\r\n }\r\n\r\n \/* Judul Utama (Font Jutama - Shadow Solid) *\/\r\n .hero-content-box h1 {\r\n font-family: var(--font-jutama);\r\n font-size: 4.5rem;\r\n color: #ffffff;\r\n line-height: 1;\r\n margin-bottom: 5px;\r\n text-shadow: 4px 4px 0px #000;\r\n -webkit-text-stroke: 1.5px #000;\r\n }\r\n\r\n \/* Sub-Judul (Font Jutama - Shadow Solid) *\/\r\n .hero-content-box h2 {\r\n font-family: var(--font-jutama);\r\n font-size: 2rem;\r\n color: var(--accent-yellow);\r\n margin-bottom: 30px; \/* Jarak disesuaikan langsung ke box CA *\/\r\n text-shadow: 3px 3px 0px #000;\r\n -webkit-text-stroke: 1px #000;\r\n }\r\n\r\n \/* --- BOX CONTRACT ADDRESS (CA) --- *\/\r\n .ninja-ca-container {\r\n background: #0d0f12;\r\n border: var(--border-cartoon);\r\n box-shadow: 5px 5px 0px #000;\r\n border-radius: 10px;\r\n padding: 12px 20px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 20px;\r\n max-width: 100%;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .ca-info-group {\r\n text-align: left;\r\n }\r\n\r\n \/* Label CA (MENGGUNAKAN FONT JUA) *\/\r\n .ca-label {\r\n font-family: var(--font-geagu);\r\n font-size: 1rem;\r\n color: var(--accent-yellow);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n -webkit-text-stroke: 0.5px #000000;\r\n text-shadow: 1px 1px 0px #000000;\r\n }\r\n\r\n \/* Hash Alamat CA (MENGGUNAKAN FONT JUA) *\/\r\n .ca-hash {\r\n font-family: var(--font-geagu);\r\n font-size: 1.25rem;\r\n color: #ffffff;\r\n letter-spacing: 0.5px;\r\n -webkit-text-stroke: 0.5px #000000;\r\n text-shadow: 1.5px 1.5px 0px #000000;\r\n }\r\n\r\n \/* Tombol Copy CA (MENGGUNAKAN FONT JUA) *\/\r\n .btn-ca-copy {\r\n font-family: var(--font-geagu);\r\n background: #ffffff;\r\n color: #000000;\r\n border: 2px solid #000000;\r\n padding: 4px 16px;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-size: 1.05rem;\r\n transition: all 0.1s ease;\r\n box-shadow: 2px 2px 0px #000;\r\n }\r\n\r\n .btn-ca-copy:hover {\r\n background: var(--accent-yellow);\r\n transform: scale(1.03);\r\n }\r\n\r\n \/* --- GROUP BUTTON TOMBOL AKSES --- *\/\r\n .hero-btn-group {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-start; \r\n gap: 15px;\r\n }\r\n\r\n .btn-hero-action {\r\n font-family: var(--font-jutama);\r\n background: var(--primary-red);\r\n color: #ffffff;\r\n border: var(--border-cartoon);\r\n padding: 12px 28px;\r\n font-size: 1.1rem;\r\n cursor: pointer;\r\n border-radius: 8px;\r\n box-shadow: 4px 4px 0px #000;\r\n text-shadow: 2px 2px 0px #000;\r\n text-decoration: none;\r\n transition: all 0.1s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n }\r\n\r\n .btn-hero-action:hover {\r\n transform: translate(2px, 2px);\r\n box-shadow: 2px 2px 0px #000;\r\n }\r\n\r\n .btn-action-yellow {\r\n background: var(--accent-yellow);\r\n color: #000000;\r\n text-shadow: none;\r\n }\r\n \r\n .btn-action-yellow:hover {\r\n background: #e6bd00;\r\n }\r\n\r\n \/* Responsif Layar HP (Mobile) *\/\r\n @media (max-width: 768px) {\r\n .ninja-hero-section {\r\n justify-content: center; \/* Di mobile kembali ke tengah agar seimbang *\/\r\n align-items: center;\r\n text-align: center;\r\n padding: 80px 5% 40px 5%;\r\n }\r\n .hero-content-box h1 { font-size: 2.8rem; }\r\n .hero-content-box h2 { font-size: 1.4rem; margin-bottom: 25px; }\r\n .ninja-ca-container { flex-direction: column; width: 100%; gap: 12px; }\r\n .ca-info-group { text-align: center; }\r\n .ca-hash { font-size: 1.05rem; word-break: break-all; }\r\n .hero-btn-group { flex-direction: column; width: 100%; }\r\n .btn-hero-action { width: 100%; justify-content: center; }\r\n }\r\n<\/style>\r\n\r\n\r\n<section class=\"ninja-hero-section\">\r\n <div class=\"hero-content-box\">\r\n <h1>MOVE IN SILENCE.<\/h1>\r\n <h2>Lead by Action.<\/h2>\r\n\r\n \r\n <div class=\"ninja-ca-container\">\r\n <div class=\"ca-info-group\">\r\n <div class=\"ca-label\">Contract Address<\/div>\r\n <div class=\"ca-hash\" id=\"tokenCA\">NULL<\/div>\r\n <\/div>\r\n <button class=\"btn-ca-copy\" onclick=\"copyHeroCA()\">COPY CA<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-btn-group\">\r\n <a href=\"https:\/\/twitter.com\/your_twitter\" target=\"_blank\" class=\"btn-hero-action\">Twitter<\/a>\r\n <a href=\"https:\/\/t.me\/your_telegram\" target=\"_blank\" class=\"btn-hero-action\">Telegram<\/a>\r\n <a href=\"https:\/\/dexscreener.com\/\" target=\"_blank\" class=\"btn-hero-action\">Live Chart<\/a>\r\n <a href=\"https:\/\/raydium.io\/\" target=\"_blank\" class=\"btn-hero-action btn-action-yellow\">Swap Now<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n function copyHeroCA() {\r\n const caText = document.getElementById(\"tokenCA\").innerText;\r\n navigator.clipboard.writeText(caText).then(() => {\r\n const targetBtn = document.querySelector('.btn-ca-copy');\r\n targetBtn.innerText = \"COPIED!\";\r\n targetBtn.style.background = \"#ffd200\";\r\n setTimeout(() => {\r\n targetBtn.innerText = \"COPY CA\";\r\n targetBtn.style.background = \"#ffffff\";\r\n }, 2000);\r\n }).catch(err => {\r\n console.error('Gagal menyalin text: ', err);\r\n });\r\n }\r\n<\/script>\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-30de40d e-flex e-con-boxed e-con e-parent\" data-id=\"30de40d\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e2b671 elementor-widget elementor-widget-html\" data-id=\"4e2b671\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\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=Erica+One&family=Jua&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n :root {\r\n --primary-red: #ff3e3e;\r\n --accent-yellow: #ffd200;\r\n --border-cartoon: 3px solid #000000;\r\n --font-jutama: 'Erica One', sans-serif;\r\n --font-geagu: 'Jua', sans-serif;\r\n }\r\n\r\n \/* --- ARCHITECTURE GRID CONTAINER --- *\/\r\n .ninja-bento-section {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 40px auto;\r\n padding: 20px 5%;\r\n display: grid;\r\n grid-template-columns: 1.5fr 2fr; \r\n gap: 30px;\r\n background: transparent;\r\n align-items: stretch;\r\n }\r\n\r\n \/* --- SISI KIRI: BLOK GAMBAR JAUH LEBIH BESAR (TANPA CARD) --- *\/\r\n .bento-picture-side {\r\n grid-row: span 2; \r\n background: transparent; \r\n border: none; \r\n box-shadow: none; \r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 450px;\r\n }\r\n\r\n .bento-picture-side img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n animation: ninjaVanish 4s ease-in-out infinite; \r\n }\r\n\r\n \/* --- SISI KANAN ATAS: BLOK ABOUT \/ LORE (CARD RAPI & SIMETRIS) --- *\/\r\n .bento-about-block {\r\n background: rgba(13, 15, 18, 0.85);\r\n border: var(--border-cartoon);\r\n box-shadow: 6px 6px 0px #000000;\r\n border-radius: 14px;\r\n padding: 35px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n height: 100%;\r\n }\r\n\r\n .bento-about-block h2 {\r\n font-family: var(--font-jutama);\r\n font-size: 3.8rem;\r\n color: #ffffff;\r\n line-height: 1;\r\n text-shadow: 4px 4px 0px #000;\r\n -webkit-text-stroke: 1.5px #000;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .bento-about-block p {\r\n font-family: var(--font-geagu);\r\n font-size: 1.45rem;\r\n color: #ffffff;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* --- SISI KANAN BAWAH: DERETAN TOMBOL POP-UP (SIMETRIS RATIO) --- *\/\r\n .bento-action-row {\r\n display: flex;\r\n gap: 20px;\r\n width: 100%;\r\n align-items: stretch;\r\n }\r\n\r\n .bento-btn-trigger {\r\n flex: 1;\r\n background: #0d0f12; \r\n border: var(--border-cartoon);\r\n box-shadow: 5px 5px 0px #000000;\r\n border-radius: 10px;\r\n padding: 22px 10px;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 0.15s ease;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .bento-btn-trigger h3 {\r\n font-family: var(--font-jutama);\r\n font-size: 1.6rem;\r\n color: #ffffff;\r\n text-shadow: 2px 2px 0px #000;\r\n -webkit-text-stroke: 0.8px #000;\r\n line-height: 1;\r\n }\r\n\r\n .bento-btn-trigger p {\r\n font-family: var(--font-geagu);\r\n font-size: 0.95rem;\r\n color: var(--accent-yellow);\r\n margin-top: 4px;\r\n }\r\n\r\n .bento-btn-trigger:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 3px 3px 0px #000000;\r\n background: #12151c;\r\n }\r\n \r\n .bento-btn-trigger.red-hover:hover {\r\n background: var(--primary-red);\r\n }\r\n .bento-btn-trigger.red-hover:hover p {\r\n color: #ffffff;\r\n }\r\n\r\n \/* --- ANIMASI STEALTH NINJA --- *\/\r\n @keyframes ninjaVanish {\r\n 0% { opacity: 1; transform: scale(1) translateY(0); }\r\n 45% { opacity: 1; transform: scale(1) translateY(-5px); }\r\n 50% { opacity: 0; transform: scale(0.95) translateY(5px); } \r\n 55% { opacity: 0; transform: scale(0.95) translateY(5px); }\r\n 60% { opacity: 1; transform: scale(1) translateY(0); } \r\n 100% { opacity: 1; transform: scale(1) translateY(0); }\r\n }\r\n\r\n \/* --- SYSTEM POP-UP MODAL ENGINE --- *\/\r\n .bento-popup-modal {\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.85);\r\n z-index: 99999;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity 0.2s ease;\r\n }\r\n .bento-popup-modal.is-active {\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n\r\n .bento-modal-content {\r\n background: #171a21;\r\n border: 4px solid #000000;\r\n box-shadow: 6px 6px 0px var(--primary-red);\r\n border-radius: 16px;\r\n padding: 35px 25px;\r\n max-width: 500px;\r\n width: 95%;\r\n text-align: center;\r\n position: relative;\r\n transform: scale(0.8);\r\n transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n .bento-popup-modal.is-active .bento-modal-content {\r\n transform: scale(1);\r\n }\r\n\r\n .bento-modal-content h3 {\r\n font-family: var(--font-jutama);\r\n font-size: 2.6rem;\r\n color: var(--accent-yellow);\r\n text-shadow: 3px 3px 0px #000;\r\n -webkit-text-stroke: 1px #000;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .bento-modal-content p {\r\n font-family: var(--font-geagu);\r\n font-size: 1.25rem;\r\n line-height: 1.4;\r\n color: #ffffff;\r\n text-align: left;\r\n }\r\n\r\n .bento-close-cross {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n background: var(--primary-red);\r\n color: #ffffff;\r\n border: 2px solid #000;\r\n width: 32px;\r\n height: 32px;\r\n font-size: 1.3rem;\r\n font-weight: bold;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 1.5px 1.5px 0px #000;\r\n }\r\n\r\n .bento-pop-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 15px;\r\n }\r\n .bento-pop-table th, .bento-pop-table td {\r\n border: 2px solid #000;\r\n padding: 10px;\r\n font-family: var(--font-geagu);\r\n font-size: 1.15rem;\r\n }\r\n .bento-pop-table th {\r\n background: var(--accent-yellow);\r\n color: #000;\r\n font-family: var(--font-jutama);\r\n }\r\n .bento-pop-table td {\r\n background: #1f232d;\r\n color: #fff;\r\n }\r\n\r\n \/* --- SIMPEL COPYRIGHT FOOTER (TRANSPARAN) --- *\/\r\n .bento-simple-copyright {\r\n width: 100%;\r\n text-align: center;\r\n padding: 20px;\r\n margin-top: 20px;\r\n font-family: var(--font-jutama);\r\n font-size: 1.1rem;\r\n color: #ffffff;\r\n background: transparent; \r\n text-shadow: 2px 2px 0px #000;\r\n -webkit-text-stroke: 0.5px #000;\r\n }\r\n\r\n \/* HP Responsive Layout *\/\r\n @media (max-width: 850px) {\r\n .ninja-bento-section { \r\n grid-template-columns: 1fr; \r\n gap: 20px; \r\n align-items: start;\r\n }\r\n .bento-picture-side { \r\n grid-row: auto; \r\n min-height: auto;\r\n }\r\n .bento-picture-side img { \r\n max-width: 340px; \r\n width: 100%; \r\n margin: 0 auto; \r\n }\r\n .bento-action-row { \r\n flex-direction: column; \r\n gap: 12px; \r\n }\r\n .bento-about-block h2 { font-size: 2.8rem; text-align: center; width:100%; }\r\n .bento-about-block p { text-align: center; }\r\n }\r\n<\/style>\r\n\r\n\r\n<div class=\"ninja-bento-section\">\r\n\r\n \r\n <div class=\"bento-picture-side\">\r\n <img decoding=\"async\" src=\"https:\/\/theninja.lol\/wp-content\/uploads\/2026\/06\/ASET.png\" alt=\"ASET.png\">\r\n <\/div>\r\n\r\n \r\n <div class=\"bento-about-block\">\r\n <h2>A DIGITAL CLAN STORY<\/h2>\r\n <p>\"One Shuriken. One Goal.\"<br><\/b>True ninjas never demand the spotlight; their impact is felt through results. Their strength relies on three core pillars: Absolute Focus, Swift Speed, and Unwavering Loyalty to the Clan.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bento-action-row\">\r\n \r\n <div class=\"bento-btn-trigger red-hover\" onclick=\"toggleBentoModal('pop-roadmap')\">\r\n <h3>ROADMAP<\/h3>\r\n <p>Clan Steps<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bento-btn-trigger\" onclick=\"toggleBentoModal('pop-tokenomics')\">\r\n <h3>TOKENOMICS<\/h3>\r\n <p>Stat & Supply<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bento-btn-trigger red-hover\" onclick=\"toggleBentoModal('pop-buy')\">\r\n <h3>HOW TO BUY<\/h3>\r\n <p>Get $NINJA<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"bento-simple-copyright\">\r\n © 2026 $NINJA Token. All Rights Reserved.\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"bento-popup-modal\" id=\"pop-roadmap\">\r\n <div class=\"bento-modal-content\">\r\n <button class=\"bento-close-cross\" onclick=\"toggleBentoModal('pop-roadmap')\">×<\/button>\r\n <h3>CLAN STEPS<\/h3>\r\n <p>\r\n <strong>Phase 1: Midnight Initiation<\/strong><br>\r\n Fair token launch activation, smart contract audit, and unifying our first 1,000 active clan warriors.\r\n <br><br>\r\n <strong>Phase 2: Expanding Borders<\/strong><br>\r\n Tracking architecture integration on CoinMarketCap & CoinGecko, alongside exclusive artwork updates.\r\n <br><br>\r\n <strong>Phase 3: Full Apex Status<\/strong><br>\r\n Deployment of the governance voting system dApp and ecosystem pool extension across centralized spaces.\r\n <\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"bento-popup-modal\" id=\"pop-tokenomics\">\r\n <div class=\"bento-modal-content\">\r\n <button class=\"bento-close-cross\" onclick=\"toggleBentoModal('pop-tokenomics')\">×<\/button>\r\n <h3>STAT & SUPPLY<\/h3>\r\n <p style=\"color: var(--accent-yellow); font-family:var(--font-jutama); text-align:center; font-size:1.4rem; -webkit-text-stroke:0.5px #000; margin-bottom: 10px;\">Ticker: $NINJA | Blockchain: Solana<\/p>\r\n <table class=\"bento-pop-table\">\r\n <thead>\r\n <tr>\r\n <th>Metric<\/th>\r\n <th>Allocation Details<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Total Supply<\/td>\r\n <td>1,000,000,000 (1B Tokens)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Transaction Tax<\/td>\r\n <td>Zero Tax (0% Buy\/Sell)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Market Liquidity Pool<\/td>\r\n <td>Permanently Locked Structure<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Ecosystem & Growth<\/td>\r\n <td>Community Rewards & Marketing Arena<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"bento-popup-modal\" id=\"pop-buy\">\r\n <div class=\"bento-modal-content\">\r\n <button class=\"bento-close-cross\" onclick=\"toggleBentoModal('pop-buy')\">×<\/button>\r\n <h3>HOW TO BUY<\/h3>\r\n <p>\r\n <strong>1. Download Phantom Wallet<\/strong><br>\r\n Create a secure crypto wallet app on your mobile device or web browser extension setup.\r\n <br><br>\r\n <strong>2. Fund Wallet with SOL<\/strong><br>\r\n Purchase Solana (SOL) tokens inside a centralized space or exchange, then transfer them directly to your Phantom wallet address.\r\n <br><br>\r\n <strong>3. Swap on Raydium<\/strong><br>\r\n Connect your wallet to Raydium, insert our official Contract Address, and execute your swap to acquire $NINJA instantly with 0% tax fees.\r\n <\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n function toggleBentoModal(modalId) {\r\n const target = document.getElementById(modalId);\r\n if(target) {\r\n target.classList.toggle('is-active');\r\n }\r\n }\r\n\r\n window.addEventListener('click', function(event) {\r\n if (event.target.classList.contains('bento-popup-modal')) {\r\n event.target.classList.remove('is-active');\r\n }\r\n });\r\n<\/script>\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>$NINJA Navigation $NINJA SWAP NOW MOVE IN SILENCE. Lead by Action. Contract Address NULL COPY CA Twitter Telegram Live Chart Swap Now A DIGITAL CLAN STORY “One Shuriken. One Goal.”True ninjas never demand the spotlight; their impact is felt through results. Their strength relies on three core pillars: Absolute Focus, Swift Speed, and Unwavering Loyalty […]<\/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:\/\/theninja.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theninja.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theninja.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theninja.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theninja.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":16,"href":"https:\/\/theninja.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/theninja.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/theninja.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}