{"id":8,"date":"2026-03-04T17:25:57","date_gmt":"2026-03-04T17:25:57","guid":{"rendered":"https:\/\/wardrum.fun\/?page_id=8"},"modified":"2026-03-05T04:35:39","modified_gmt":"2026-03-05T04:35:39","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/wardrum.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-1479c4e e-flex e-con-boxed e-con e-parent\" data-id=\"1479c4e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;http:\\\/\\\/wardrum.fun\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/VIDEOBG-WARDRUM-1.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-314f824 e-con-full e-flex e-con e-child\" data-id=\"314f824\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1253e14 elementor-widget elementor-widget-html\" data-id=\"1253e14\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=JetBrains+Mono:wght@400;700&display=swap');\r\n\r\n    .wardrum-nav-header {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        z-index: 9999;\r\n        background: rgba(0, 0, 0, 0.8);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        border-bottom: 1px solid rgba(255, 0, 0, 0.2);\r\n        padding: 0 5%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .nav-inner {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        height: 65px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n\r\n    .nav-logo-text {\r\n        font-family: 'Syncopate', sans-serif;\r\n        font-size: 1.1rem;\r\n        color: #ffffff !important;\r\n        text-decoration: none;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .nav-logo-text span {\r\n        color: #ff0000;\r\n    }\r\n\r\n    .nav-menu {\r\n        display: flex;\r\n        gap: 20px;\r\n        list-style: none;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .nav-link {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: rgba(255, 255, 255, 0.7) !important;\r\n        text-decoration: none;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .nav-link:hover {\r\n        color: #ff0000 !important;\r\n    }\r\n\r\n    \/* TAMPILAN MOBILE SUPER SIMPEL *\/\r\n    @media (max-width: 768px) {\r\n        .nav-inner {\r\n            height: 55px; \/* Lebih ramping di mobile *\/\r\n        }\r\n\r\n        .nav-logo-text {\r\n            font-size: 0.9rem; \/* Logo mengecil proporsional *\/\r\n        }\r\n\r\n        .nav-menu {\r\n            gap: 12px; \/* Jarak menu lebih rapat agar pas di layar *\/\r\n        }\r\n\r\n        .nav-link {\r\n            font-size: 9px; \/* Tulisan menu mengecil agar tidak lari ke bawah *\/\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        \/* Hilangkan menu yang kurang krusial di mobile jika layar terlalu sempit (opsional) *\/\r\n        \/* .mobile-hide { display: none; } *\/\r\n    }\r\n\r\n    \/* Handle untuk layar sangat kecil (Ultra Mobile) *\/\r\n    @media (max-width: 380px) {\r\n        .nav-menu { gap: 8px; }\r\n        .nav-link { font-size: 8px; }\r\n    }\r\n<\/style>\r\n\r\n<header class=\"wardrum-nav-header\">\r\n    <div class=\"nav-inner\">\r\n        <a href=\"#\" class=\"nav-logo-text\">\r\n            WAR<span>DRUM<\/span>\r\n        <\/a>\r\n\r\n        <nav class=\"nav-container\">\r\n            <ul class=\"nav-menu\">\r\n                <li><a href=\"#about\" class=\"nav-link\">About<\/a><\/li>\r\n                <li><a href=\"#tokenomics\" class=\"nav-link\">Token<\/a><\/li> <li><a href=\"#roadmaps\" class=\"nav-link\">Map<\/a><\/li>   <li><a href=\"#signal\" class=\"nav-link\">Signal<\/a><\/li>\r\n                <li><a href=\"#join\" class=\"nav-link\">Join<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n    <\/div>\r\n<\/header>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28cdb72 e-con-full e-flex e-con e-child\" data-id=\"28cdb72\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfbc468 elementor-widget elementor-widget-html\" data-id=\"bfbc468\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    \/* 1. CLEANUP & INTEGRATION *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Space+Grotesk:wght@300;500;700&family=JetBrains+Mono:wght@400&display=swap');\r\n\r\n    .wardrum-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 650px;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background: transparent !important; \/* Latar belakang transparan *\/\r\n        color: #fff;\r\n        padding: 60px 20px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Background Grid Efek Radar - Disesuaikan untuk BG Transparan *\/\r\n    .wardrum-grid {\r\n        position: absolute;\r\n        inset: 0;\r\n        background-image: \r\n            linear-gradient(rgba(255,0,0,0.08) 1px, transparent 1px), \r\n            linear-gradient(90deg, rgba(255,0,0,0.08) 1px, transparent 1px);\r\n        background-size: 60px 60px;\r\n        z-index: 1;\r\n        pointer-events: none;\r\n        mask-image: radial-gradient(circle, black 30%, transparent 80%); \/* Haluskan pinggiran grid *\/\r\n        -webkit-mask-image: radial-gradient(circle, black 30%, transparent 80%);\r\n    }\r\n\r\n    .wardrum-ui {\r\n        position: relative;\r\n        z-index: 10;\r\n        text-align: center;\r\n        width: 100%;\r\n        max-width: 900px;\r\n        animation: slideUp 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    @keyframes slideUp {\r\n        from { opacity: 0; transform: translateY(30px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .hud-label {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        color: #ff0000;\r\n        font-size: 11px;\r\n        letter-spacing: 8px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n        display: block;\r\n        text-shadow: 0 0 12px rgba(255, 0, 0, 0.6);\r\n    }\r\n\r\n    .hero-title {\r\n        font-family: 'Syncopate', sans-serif;\r\n        font-size: clamp(2rem, 6vw, 4.5rem);\r\n        font-weight: 700;\r\n        line-height: 0.95;\r\n        margin-bottom: 30px;\r\n        text-transform: uppercase;\r\n        letter-spacing: -3px;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .hero-desc {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: clamp(1rem, 2vw, 1.25rem);\r\n        color: #ffffff;\r\n        line-height: 1.6;\r\n        margin-bottom: 40px;\r\n        max-width: 700px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        opacity: 0.95;\r\n    }\r\n\r\n    .hero-desc b { \r\n        color: #ff0000; \r\n        font-weight: 700; \r\n        text-shadow: 0 0 10px rgba(255, 0, 0, 0.3);\r\n    }\r\n\r\n    .status-bar {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 30px;\r\n        margin-bottom: 40px;\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: 12px;\r\n        letter-spacing: 1px;\r\n        color: rgba(255, 255, 255, 0.7);\r\n    }\r\n\r\n    .status-bar b { color: #ff0000; }\r\n\r\n    .ca-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 25px;\r\n    }\r\n\r\n    .ca-box {\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n        background: rgba(255, 255, 255, 0.05); \/* Sedikit lebih terlihat untuk bg transparan *\/\r\n        padding: 6px 6px 6px 25px;\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: 13px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 20px;\r\n        backdrop-filter: blur(8px);\r\n        -webkit-backdrop-filter: blur(8px);\r\n        color: #fff;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .ca-box:hover { \r\n        border-color: #ff0000; \r\n        background: rgba(255, 0, 0, 0.08);\r\n    }\r\n\r\n    .copy-trigger {\r\n        background: #ff0000;\r\n        color: #fff;\r\n        padding: 12px 20px;\r\n        cursor: pointer;\r\n        font-weight: bold;\r\n        font-size: 10px;\r\n        transition: all 0.3s ease;\r\n        text-transform: uppercase;\r\n        border: none;\r\n        font-family: 'Syncopate', sans-serif;\r\n    }\r\n\r\n    .copy-trigger:hover { \r\n        background: #ffffff; \r\n        color: #ff0000; \r\n    }\r\n\r\n    .btn-action {\r\n        background: #ff0000;\r\n        color: #fff;\r\n        padding: 20px 50px;\r\n        font-family: 'Syncopate', sans-serif;\r\n        text-decoration: none;\r\n        font-size: 1.1rem;\r\n        font-weight: 700;\r\n        transition: 0.3s;\r\n        clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);\r\n        display: inline-block;\r\n        box-shadow: 0 10px 20px rgba(255, 0, 0, 0.2);\r\n    }\r\n\r\n    .btn-action:hover {\r\n        background: #fff;\r\n        color: #000;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 30px rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .status-bar { flex-direction: column; gap: 12px; }\r\n        .hero-title { letter-spacing: -1px; margin-bottom: 20px; }\r\n        .ca-box { font-size: 11px; width: 100%; max-width: 320px; justify-content: space-between; }\r\n        .hero-desc { font-size: 1rem; padding: 0 10px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"wardrum-wrapper\">\r\n    <div class=\"wardrum-grid\"><\/div>\r\n\r\n    <div class=\"wardrum-ui\">\r\n        <span class=\"hud-label\">\/\/ SIGNAL STATUS: ACTIVE<\/span>\r\n        \r\n        <h1 class=\"hero-title\">The Signal Before Global Conflict<\/h1>\r\n        \r\n        <p class=\"hero-desc\">\r\n            Before missiles light the sky. Before armies collide. The world always hears the same signal: <b>The Drum of War.<\/b>\r\n        <\/p>\r\n\r\n        <div class=\"status-bar\">\r\n            <div>SYMBOL: <b>$WARDRUM<\/b><\/div>\r\n            <div>NETWORK: <b>SOLANA<\/b><\/div>\r\n            <div>STRENGTH: <b>MAXIMAL<\/b><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ca-container\">\r\n            <div class=\"ca-box\">\r\n                <span id=\"ca-value\">E3Ykomdwc7hs7YHkwHZZhN2yN2RME4jgS7H7sXMnpump<\/span>\r\n                <button class=\"copy-trigger\" onclick=\"copyCA()\" id=\"copy-btn\">COPY<\/button>\r\n            <\/div>\r\n            \r\n            <a href=\"https:\/\/dexscreener.com\/solana\/2b7zn26j5vbccata4phbknx9hafbryeqhrzfrvmjydhf\" class=\"btn-action\">VIEW SIGNAL<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction copyCA() {\r\n    const text = document.getElementById('ca-value').innerText;\r\n    const btn = document.getElementById('copy-btn');\r\n    \r\n    navigator.clipboard.writeText(text).then(() => {\r\n        const caBox = document.querySelector('.ca-box');\r\n        const originalText = btn.innerText;\r\n        \r\n        caBox.style.borderColor = '#ffffff';\r\n        btn.innerText = 'COPIED';\r\n        btn.style.background = '#ffffff';\r\n        btn.style.color = '#ff0000';\r\n        \r\n        setTimeout(() => {\r\n            caBox.style.borderColor = 'rgba(255, 255, 255, 0.2)';\r\n            btn.innerText = originalText;\r\n            btn.style.background = '#ff0000';\r\n            btn.style.color = '#fff';\r\n        }, 2000);\r\n    });\r\n}\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-066b096 e-flex e-con-boxed e-con e-parent\" data-id=\"066b096\" 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-8764fd5 e-con-full e-flex e-con e-child\" data-id=\"8764fd5\" data-element_type=\"container\" id=\"about\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b19888d elementor-widget elementor-widget-html\" data-id=\"b19888d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Space+Grotesk:wght@300;500;700&family=JetBrains+Mono:wght@400;700&display=swap');\r\n\r\n    .theatre-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 100vh;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 80px 5%;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n        background: #000; \/* Pastikan background gelap agar elemen menyala *\/\r\n    }\r\n\r\n    .theatre-content {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 0.8fr;\r\n        gap: 60px;\r\n        align-items: center;\r\n        z-index: 10;\r\n    }\r\n\r\n    .theatre-label {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        color: #ff0000;\r\n        font-size: 11px;\r\n        letter-spacing: 8px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n\r\n    .theatre-label::before {\r\n        content: '';\r\n        width: 10px; height: 10px;\r\n        background: #ff0000;\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 15px #ff0000;\r\n        animation: signalBlink 1.5s infinite;\r\n    }\r\n\r\n    @keyframes signalBlink {\r\n        0%, 100% { opacity: 1; transform: scale(1); }\r\n        50% { opacity: 0.4; transform: scale(1.2); }\r\n    }\r\n\r\n    .theatre-title-static {\r\n        font-family: 'Syncopate', sans-serif;\r\n        font-size: clamp(2.2rem, 5vw, 4rem);\r\n        color: #ffffff !important;\r\n        line-height: 0.9;\r\n        margin-bottom: 35px;\r\n        text-transform: uppercase;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .theatre-body {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: 1.15rem;\r\n        line-height: 1.8;\r\n        color: rgba(255, 255, 255, 0.7);\r\n    }\r\n\r\n    .theatre-body b {\r\n        color: #ffffff;\r\n        border-bottom: 1px solid #ff0000;\r\n    }\r\n\r\n    .analysis-data-box {\r\n        margin: 40px 0;\r\n        padding: 20px 30px;\r\n        background: rgba(255, 0, 0, 0.05);\r\n        border-left: 4px solid #ff0000;\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: 14px;\r\n        color: #ff0000;\r\n        font-weight: bold;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* --- RADAR VISUAL --- *\/\r\n    .theatre-visual-hub {\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: 100%;\r\n        padding: 40px 0;\r\n    }\r\n\r\n    .radar-circle-tactical {\r\n        width: clamp(280px, 80vw, 420px);\r\n        height: clamp(280px, 80vw, 420px);\r\n        border: 2px solid rgba(255, 0, 0, 0.5); \r\n        border-radius: 50%;\r\n        position: relative;\r\n        background: radial-gradient(circle, rgba(255,0,0,0.1) 0%, transparent 80%);\r\n        box-shadow: 0 0 40px rgba(255, 0, 0, 0.2);\r\n        overflow: hidden; \/* Supaya sweep tidak keluar lingkaran *\/\r\n    }\r\n\r\n    .radar-circle-tactical::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 15%; left: 15%; right: 15%; bottom: 15%;\r\n        border: 1px solid rgba(255, 0, 0, 0.3);\r\n        border-radius: 50%;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .radar-sweep-tactical {\r\n        position: absolute;\r\n        width: 100%; height: 100%;\r\n        background: conic-gradient(from 0deg, rgba(255, 0, 0, 0.4) 0%, transparent 40%);\r\n        top: 0; left: 0;\r\n        animation: sweepTactical 3s linear infinite;\r\n        z-index: 1;\r\n    }\r\n\r\n    @keyframes sweepTactical {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    .intel-tactical-box {\r\n        position: absolute;\r\n        background: #000;\r\n        border: 1px solid #ff0000;\r\n        padding: 10px 14px;\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: 10px;\r\n        color: #fff;\r\n        z-index: 10;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .intel-tactical-box span {\r\n        animation: blinkRed 0.8s infinite;\r\n        color: #ff0000;\r\n    }\r\n\r\n    @keyframes blinkRed {\r\n        0%, 100% { opacity: 1; }\r\n        50% { opacity: 0; }\r\n    }\r\n\r\n    .pos-north { top: 0; right: -10px; }\r\n    .pos-south { bottom: 0; left: -10px; }\r\n\r\n    \/* --- RESPONSIVE --- *\/\r\n    @media (max-width: 1024px) {\r\n        .theatre-content { \r\n            grid-template-columns: 1fr; \r\n            text-align: center;\r\n        }\r\n        .theatre-label { justify-content: center; }\r\n        .pos-north { right: 0; }\r\n        .pos-south { left: 0; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"theatre-wrapper\">\r\n    <div class=\"theatre-content\">\r\n        \r\n        <div class=\"theatre-info-side\">\r\n            <span class=\"theatre-label\">DEPL-04 \/\/ MIDDLE EAST SECTOR<\/span>\r\n            <h2 class=\"theatre-title-static\">The War Theatre<\/h2>\r\n            \r\n            <div class=\"theatre-body\">\r\n                <p>Across the deserts of the Middle East, tension has been building for years. <b>Borders are lines drawn in sand.<\/b> Alliances shift like the desert wind.<\/p>\r\n                \r\n                <div class=\"analysis-data-box\">\r\n                    [ ANALYSIS_MODE: ACTIVE ]<br>\r\n                    > EVERY MOVEMENT MATTERS.<br>\r\n                    > EVERY SIGNAL IS WATCHED.\r\n                <\/div>\r\n                \r\n                <p>Because in this region, history has shown one truth again and again: <b>When the drums begin to echo\u2026 conflict is never far behind.<\/b><\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"theatre-visual-hub\">\r\n            <div class=\"radar-circle-tactical\">\r\n                <div class=\"radar-sweep-tactical\"><\/div>\r\n                \r\n                <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5;\">\r\n                    <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff0000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                        <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"intel-tactical-box pos-north\">\r\n                <span>\u25cf<\/span> MISSILES: DETECTED<br>\r\n                <span>\u25cf<\/span> STATUS: UNSTABLE\r\n            <\/div>\r\n\r\n            <div class=\"intel-tactical-box pos-south\">\r\n                <span>\u25cf<\/span> ECHO_DRUM: ACTIVE<br>\r\n                <span>\u25cf<\/span> ALERT: MAX\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\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-794cab3 e-flex e-con-boxed e-con e-parent\" data-id=\"794cab3\" 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-aaaa525 e-con-full e-flex e-con e-child\" data-id=\"aaaa525\" data-element_type=\"container\" id=\"tokenomics\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f60e118 elementor-widget elementor-widget-html\" data-id=\"f60e118\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Space+Grotesk:wght@300;500;700&family=JetBrains+Mono:wght@400;700&display=swap');\r\n\r\n    .tokenomics-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        padding: 80px 5%;\r\n        box-sizing: border-box;\r\n        background: transparent;\r\n        color: #fff;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .tokenomics-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto 60px;\r\n    }\r\n\r\n    .tokenomics-label {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        color: #ff0000;\r\n        font-size: 11px;\r\n        letter-spacing: 6px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n        display: block;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .tokenomics-title {\r\n        font-family: 'Syncopate', sans-serif;\r\n        font-size: clamp(2rem, 5vw, 3.5rem);\r\n        text-transform: uppercase;\r\n        margin-bottom: 25px;\r\n        letter-spacing: -1px;\r\n        line-height: 1;\r\n    }\r\n\r\n    .tokenomics-intro {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: 1.1rem;\r\n        line-height: 1.6;\r\n        color: rgba(255, 255, 255, 0.6);\r\n        max-width: 650px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* GRID SISTEM OPTIMIZED *\/\r\n    .tokenomics-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 20px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .token-card {\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 30px;\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n        backdrop-filter: blur(10px);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .token-card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0; left: 0; width: 3px; height: 0;\r\n        background: #ff0000;\r\n        transition: 0.4s ease;\r\n    }\r\n\r\n    .token-card:hover {\r\n        background: rgba(255, 0, 0, 0.05);\r\n        border-color: rgba(255, 0, 0, 0.4);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .token-card:hover::before {\r\n        height: 100%;\r\n    }\r\n\r\n    .card-id {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        color: #ff0000;\r\n        font-size: 10px;\r\n        margin-bottom: 20px;\r\n        display: block;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .card-label {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: 11px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 8px;\r\n        color: rgba(255, 255, 255, 0.4);\r\n    }\r\n\r\n    .card-value {\r\n        font-family: 'Syncopate', sans-serif;\r\n        font-size: 1.3rem;\r\n        color: #fff;\r\n        margin-bottom: 15px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .card-desc {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: 0.9rem;\r\n        line-height: 1.5;\r\n        color: rgba(255, 255, 255, 0.5);\r\n    }\r\n\r\n    \/* CONTRACT ADDRESS STYLING - ANTI OVERFLOW *\/\r\n    .ca-section {\r\n        grid-column: 1 \/ -1;\r\n        margin-top: 20px;\r\n        background: rgba(255, 0, 0, 0.02);\r\n        border: 1px solid rgba(255, 0, 0, 0.2);\r\n        padding: 40px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 20px;\r\n        text-align: center;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .ca-display-box {\r\n        display: flex;\r\n        align-items: center;\r\n        background: rgba(0, 0, 0, 0.5);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 8px 8px 8px 20px;\r\n        gap: 15px;\r\n        width: 100%;\r\n        max-width: 650px;\r\n        box-sizing: border-box;\r\n        transition: 0.3s;\r\n        justify-content: space-between; \/* Membuat tombol ke kanan *\/\r\n    }\r\n\r\n    .ca-value-text {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: clamp(10px, 3vw, 14px);\r\n        letter-spacing: 0.5px;\r\n        color: #fff;\r\n        word-break: break-all;\r\n        flex-grow: 1;\r\n        text-align: left;\r\n    }\r\n\r\n    .btn-copy-ca {\r\n        background: #ff0000;\r\n        color: #fff;\r\n        border: none;\r\n        padding: 10px 18px;\r\n        font-family: 'Syncopate', sans-serif;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        flex-shrink: 0;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .btn-copy-ca:hover {\r\n        background: #fff;\r\n        color: #ff0000;\r\n    }\r\n\r\n    .btn-copy-ca:active {\r\n        transform: scale(0.95);\r\n    }\r\n\r\n    .glitch-red { color: #ff0000; font-weight: bold; }\r\n\r\n    \/* RESPONSIVE FIXES *\/\r\n    @media (max-width: 768px) {\r\n        .tokenomics-wrapper { padding: 60px 15px; }\r\n        .tokenomics-title { font-size: 1.8rem; }\r\n        \r\n        .ca-display-box { \r\n            padding: 15px; \r\n            gap: 12px; \r\n        }\r\n        \r\n        \/* Tetap satu baris di mobile kecuali layar sangat kecil *\/\r\n        .ca-value-text { \r\n            font-size: 10px;\r\n        }\r\n\r\n        .btn-copy-ca { \r\n            padding: 8px 12px;\r\n            font-size: 9px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"tokenomics-wrapper\" id=\"tokenomics\">\r\n    <div class=\"tokenomics-header\">\r\n        <span class=\"tokenomics-label\">\/\/ STRATEGIC ASSET STRUCTURE<\/span>\r\n        <h2 class=\"tokenomics-title\">Tokenomics<\/h2>\r\n        <p class=\"tokenomics-intro\">\r\n            WARDRUM framework is engineered for transparency and absolute security as the signal spreads.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tokenomics-grid\">\r\n        <div class=\"token-card\">\r\n            <span class=\"card-id\">MTK-01<\/span>\r\n            <div class=\"card-label\">Identification<\/div>\r\n            <div class=\"card-value\">WARDRUM<\/div>\r\n            <div class=\"card-desc\">Symbol: <span class=\"glitch-red\">$WARDRUM<\/span><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"token-card\">\r\n            <span class=\"card-id\">MTK-02<\/span>\r\n            <div class=\"card-label\">Network<\/div>\r\n            <div class=\"card-value\">SOLANA<\/div>\r\n            <div class=\"card-desc\">Battle-ready scalability and speed.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"token-card\">\r\n            <span class=\"card-id\">MTK-03<\/span>\r\n            <div class=\"card-label\">Total Supply<\/div>\r\n            <div class=\"card-value\">1,000,000,000<\/div>\r\n            <div class=\"card-desc\">Fixed supply. No new tokens can be created.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"token-card\">\r\n            <span class=\"card-id\">MTK-04<\/span>\r\n            <div class=\"card-label\">Transaction Tax<\/div>\r\n            <div class=\"card-value\">0%<\/div>\r\n            <div class=\"card-desc\">Zero friction on entry and exit maneuvers.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"token-card\">\r\n            <span class=\"card-id\">MTK-05<\/span>\r\n            <div class=\"card-label\">Liquidity<\/div>\r\n            <div class=\"card-value\">LP BURNED<\/div>\r\n            <div class=\"card-desc\">Keys destroyed. The drum beats forever.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"token-card\">\r\n            <span class=\"card-id\">MTK-06<\/span>\r\n            <div class=\"card-label\">Mechanics<\/div>\r\n            <div class=\"card-value\">RENOUNCED<\/div>\r\n            <div class=\"card-desc\">Ownership abandoned for total community trust.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ca-section\">\r\n            <div class=\"card-label\">Official Contract Address<\/div>\r\n            <div class=\"ca-display-box\">\r\n                <span class=\"ca-value-text\" id=\"ca-text\">E3Ykomdwc7hs7YHkwHZZhN2yN2RME4jgS7H7sXMnpump<\/span>\r\n                <button class=\"btn-copy-ca\" onclick=\"copyCA()\">COPY<\/button>\r\n            <\/div>\r\n            <div class=\"card-desc\" style=\"font-style: italic;\">\r\n                The signal is verified. <span class=\"glitch-red\">NOW THE DRUMS ECHO.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\nfunction copyCA() {\r\n    const caText = document.getElementById('ca-text').innerText;\r\n    navigator.clipboard.writeText(caText).then(() => {\r\n        const btn = document.querySelector('.btn-copy-ca');\r\n        const originalText = btn.innerText;\r\n        btn.innerText = \"COPIED!\";\r\n        btn.style.background = \"#fff\";\r\n        btn.style.color = \"#ff0000\";\r\n        \r\n        setTimeout(() => {\r\n            btn.innerText = originalText;\r\n            btn.style.background = \"#ff0000\";\r\n            btn.style.color = \"#fff\";\r\n        }, 2000);\r\n    });\r\n}\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffa60b0 e-flex e-con-boxed e-con e-parent\" data-id=\"ffa60b0\" 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-b710831 e-con-full e-flex e-con e-child\" data-id=\"b710831\" data-element_type=\"container\" id=\"roadmaps\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae77f03 elementor-widget elementor-widget-html\" data-id=\"ae77f03\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Space+Grotesk:wght@300;500;700&family=JetBrains+Mono:wght@400;700&display=swap');\r\n\r\n    .roadmap-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        padding: 80px 5%;\r\n        box-sizing: border-box;\r\n        background: transparent;\r\n        color: #fff;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .roadmap-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto 60px;\r\n    }\r\n\r\n    .roadmap-label {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        color: #ff0000;\r\n        font-size: 11px;\r\n        letter-spacing: 6px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n        display: block;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .roadmap-title {\r\n        font-family: 'Syncopate', sans-serif;\r\n        font-size: clamp(2rem, 5vw, 3.5rem);\r\n        text-transform: uppercase;\r\n        margin-bottom: 25px;\r\n        line-height: 1.1;\r\n    }\r\n\r\n    .roadmap-intro {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: 1.1rem;\r\n        line-height: 1.6;\r\n        color: rgba(255, 255, 255, 0.6);\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* TIMELINE STRUCTURE *\/\r\n    .roadmap-container {\r\n        position: relative;\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        padding: 20px 0;\r\n    }\r\n\r\n    \/* Garis Tengah Vertikal (Desktop) *\/\r\n    .roadmap-container::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 1px;\r\n        background: linear-gradient(to bottom, \r\n            transparent, \r\n            rgba(255, 0, 0, 0.8) 15%, \r\n            rgba(255, 0, 0, 0.8) 85%, \r\n            transparent);\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .roadmap-item {\r\n        position: relative;\r\n        width: 50%;\r\n        padding: 20px 40px;\r\n        box-sizing: border-box;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .roadmap-item.left { left: 0; text-align: right; }\r\n    .roadmap-item.right { left: 50%; text-align: left; }\r\n\r\n    \/* Titik Indikator *\/\r\n    .roadmap-item::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 40px;\r\n        width: 12px;\r\n        height: 12px;\r\n        background: #000;\r\n        border: 2px solid #ff0000;\r\n        border-radius: 50%;\r\n        z-index: 10;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .roadmap-item.left::after { right: -7px; }\r\n    .roadmap-item.right::after { left: -7px; }\r\n\r\n    .roadmap-item:hover::after {\r\n        background: #ff0000;\r\n        box-shadow: 0 0 15px #ff0000;\r\n        transform: scale(1.4);\r\n    }\r\n\r\n    \/* CARD CONTENT *\/\r\n    .roadmap-card {\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        padding: 30px;\r\n        backdrop-filter: blur(10px);\r\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    }\r\n\r\n    .roadmap-item:hover .roadmap-card {\r\n        border-color: rgba(255, 0, 0, 0.4);\r\n        background: rgba(255, 0, 0, 0.04);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .phase-tag {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        color: #ff0000;\r\n        font-size: 11px;\r\n        font-weight: bold;\r\n        display: block;\r\n        margin-bottom: 12px;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .phase-title {\r\n        font-family: 'Syncopate', sans-serif;\r\n        font-size: clamp(1.1rem, 2vw, 1.5rem);\r\n        margin-bottom: 20px;\r\n        color: #fff;\r\n    }\r\n\r\n    .phase-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: 0.95rem;\r\n        color: rgba(255, 255, 255, 0.5);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .phase-list li {\r\n        margin-bottom: 10px;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 10px;\r\n    }\r\n\r\n    \/* Bullet Alignment *\/\r\n    .roadmap-item.right .phase-list li::before { content: '>'; color: #ff0000; font-family: 'JetBrains Mono'; flex-shrink: 0; }\r\n    .roadmap-item.left .phase-list li { justify-content: flex-end; }\r\n    .roadmap-item.left .phase-list li::after { content: '<'; color: #ff0000; font-family: 'JetBrains Mono'; flex-shrink: 0; }\r\n\r\n    .roadmap-footer {\r\n        text-align: center;\r\n        margin-top: 60px;\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: 1.1rem;\r\n        color: rgba(255,255,255,0.8);\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .glitch-red {\r\n        color: #ff0000;\r\n        font-family: 'Syncopate', sans-serif;\r\n        font-weight: 700;\r\n        text-shadow: 0 0 15px rgba(255, 0, 0, 0.5);\r\n    }\r\n\r\n    \/* MOBILE RESPONSIVE FIXES *\/\r\n    @media (max-width: 768px) {\r\n        .roadmap-container::before { \r\n            left: 20px; \r\n            transform: none;\r\n        }\r\n        \r\n        .roadmap-item { \r\n            width: 100%; \r\n            left: 0 !important; \r\n            text-align: left !important; \r\n            padding: 0 0 40px 50px; \r\n        }\r\n\r\n        .roadmap-item::after { \r\n            left: 14px !important; \r\n            top: 35px;\r\n        }\r\n\r\n        .roadmap-item.left .phase-list li { \r\n            justify-content: flex-start; \r\n        }\r\n\r\n        .roadmap-item.left .phase-list li::after { content: ''; }\r\n        .roadmap-item.left .phase-list li::before { \r\n            content: '>'; \r\n            color: #ff0000; \r\n            font-family: 'JetBrains Mono'; \r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .roadmap-card {\r\n            padding: 25px;\r\n        }\r\n        \r\n        .roadmap-footer {\r\n            font-size: 0.9rem;\r\n            padding: 0 10px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"roadmap-wrapper\">\r\n    <div class=\"roadmap-header\">\r\n        <span class=\"roadmap-label\">\/\/ OPERATION TIMELINE<\/span>\r\n        <h2 class=\"roadmap-title\">Roadmap<\/h2>\r\n        <p class=\"roadmap-intro\">\r\n            WARDRUM strategic sequence. Each phase marks the strengthening of the global signal.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"roadmap-container\">\r\n        <div class=\"roadmap-item left\">\r\n            <div class=\"roadmap-card\">\r\n                <span class=\"phase-tag\">PHASE 1<\/span>\r\n                <h3 class=\"phase-title\">SIGNAL DETECTED<\/h3>\r\n                <ul class=\"phase-list\">\r\n                    <li>WARDRUM concept established<\/li>\r\n                    <li>Visual identity created<\/li>\r\n                    <li>Official website deployed<\/li>\r\n                    <li>Community channels activated<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"roadmap-item right\">\r\n            <div class=\"roadmap-card\">\r\n                <span class=\"phase-tag\">PHASE 2<\/span>\r\n                <h3 class=\"phase-title\">ESCALATION<\/h3>\r\n                <ul class=\"phase-list\">\r\n                    <li>Community expansion<\/li>\r\n                    <li>Strategic marketing operations<\/li>\r\n                    <li>Listing on major platforms<\/li>\r\n                    <li>Global social media presence<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"roadmap-item left\">\r\n            <div class=\"roadmap-card\">\r\n                <span class=\"phase-tag\">PHASE 3<\/span>\r\n                <h3 class=\"phase-title\">GLOBAL ATTENTION<\/h3>\r\n                <ul class=\"phase-list\">\r\n                    <li>Major ecosystem partnerships<\/li>\r\n                    <li>Intense community growth<\/li>\r\n                    <li>Increased global exposure<\/li>\r\n                    <li>Strategic collaborations<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"roadmap-item right\">\r\n            <div class=\"roadmap-card\">\r\n                <span class=\"phase-tag\">PHASE 4<\/span>\r\n                <h3 class=\"phase-title\">WARDRUM ERA<\/h3>\r\n                <ul class=\"phase-list\">\r\n                    <li>Full community activation<\/li>\r\n                    <li>Ecosystem initiatives<\/li>\r\n                    <li>Long-term development<\/li>\r\n                    <li>Global signal dominance<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"roadmap-footer\">\r\n        And when the drum begins to echo across the world\u2026<br><br>\r\n        <span class=\"glitch-red\">EVERYONE LISTENS.<\/span>\r\n    <\/div>\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-bd66fe4 e-flex e-con-boxed e-con e-parent\" data-id=\"bd66fe4\" 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-08a4535 e-con-full e-flex e-con e-child\" data-id=\"08a4535\" data-element_type=\"container\" id=\"signal\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e232cca elementor-widget elementor-widget-html\" data-id=\"e232cca\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Space+Grotesk:wght@300;500;700&family=JetBrains+Mono:wght@400;700&display=swap');\r\n\r\n    .live-signal-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 100vh;\r\n        padding: 80px 20px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        \/* BACKGROUND MENGIKUTI WORDPRESS *\/\r\n        background: transparent !important; \r\n    }\r\n\r\n    .signal-header {\r\n        text-align: center;\r\n        max-width: 900px;\r\n        margin-bottom: 50px;\r\n        z-index: 5;\r\n    }\r\n\r\n    .status-badge {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        color: #ff0000;\r\n        font-size: 13px;\r\n        letter-spacing: 4px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 10px;\r\n        margin-bottom: 20px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .status-dot {\r\n        width: 10px;\r\n        height: 10px;\r\n        background: #ff0000;\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 10px #ff0000;\r\n        animation: signalPulse 1.5s infinite;\r\n    }\r\n\r\n    @keyframes signalPulse {\r\n        0%, 100% { opacity: 1; transform: scale(1); }\r\n        50% { opacity: 0.4; transform: scale(1.3); }\r\n    }\r\n\r\n    \/* JUDUL PUTIH SOLID - TANPA ANIMASI *\/\r\n    .signal-title-static {\r\n        font-family: 'Syncopate', sans-serif;\r\n        font-size: clamp(2rem, 5vw, 3.5rem);\r\n        line-height: 1.1;\r\n        margin-bottom: 25px;\r\n        color: #ffffff !important; \/* PAKSA PUTIH *\/\r\n        text-transform: uppercase;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .signal-text {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: 1.1rem;\r\n        line-height: 1.7;\r\n        color: #ffffff; \/* Teks deskripsi juga dibuat putih agar terbaca di bg gelap *\/\r\n        opacity: 0.8;\r\n    }\r\n\r\n    \/* CONTAINER CHART FULL LAYAR *\/\r\n    .chart-container {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        height: 650px; \r\n        background: #131722; \/* Warna dasar chart agar tidak silau saat loading *\/\r\n        border: 1px solid rgba(255, 0, 0, 0.4);\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n        z-index: 5;\r\n    }\r\n\r\n    #dexscreener-embed {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    #dexscreener-embed iframe {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 0;\r\n        border: 0;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .chart-container { height: 500px; }\r\n        .live-signal-wrapper { padding: 40px 10px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"live-signal-wrapper\">\r\n    <div class=\"signal-header\">\r\n        <div class=\"status-badge\">\r\n            <span class=\"status-dot\"><\/span>\r\n            WARDRUM_SIGNAL_LIVE\r\n        <\/div>\r\n        \r\n        <h2 class=\"signal-title-static\">Live Wardrum Signal<\/h2>\r\n        \r\n        <div class=\"signal-text\">\r\n            Track the real-time activity of <b>$WARDRUM<\/b> as the signal spreads across the market. \r\n            Watch the chart, follow the momentum, and witness the movement as it unfolds.\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"chart-container\">\r\n        <div id=\"dexscreener-embed\">\r\n            <iframe src=\"https:\/\/dexscreener.com\/solana\/2b7zn26j5vbccata4phbknx9hafbryeqhrzfrvmjydhf\"><\/iframe>\r\n        <\/div>\r\n    <\/div>\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-a2e4d2d e-flex e-con-boxed e-con e-parent\" data-id=\"a2e4d2d\" 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-0e4f095 e-con-full e-flex e-con e-child\" data-id=\"0e4f095\" data-element_type=\"container\" id=\"join\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d4cf55 elementor-widget elementor-widget-html\" data-id=\"1d4cf55\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Space+Grotesk:wght@300;500;700&family=JetBrains+Mono:wght@400;700&display=swap');\r\n\r\n    .join-section-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 80vh;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 120px 20px;\r\n        box-sizing: border-box;\r\n        background: transparent !important;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .join-container {\r\n        max-width: 1000px;\r\n        width: 100%;\r\n        text-align: center;\r\n        z-index: 10;\r\n    }\r\n\r\n    .join-label {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        color: #ff0000;\r\n        font-size: 12px;\r\n        letter-spacing: 6px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 25px;\r\n        display: block;\r\n    }\r\n\r\n    .join-title {\r\n        font-family: 'Syncopate', sans-serif;\r\n        font-size: clamp(2.5rem, 6vw, 4.5rem);\r\n        color: #ffffff !important;\r\n        line-height: 0.9;\r\n        margin-bottom: 40px;\r\n        text-transform: uppercase;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .join-description {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: clamp(1.1rem, 1.5vw, 1.3rem);\r\n        color: rgba(255, 255, 255, 0.8);\r\n        line-height: 1.8;\r\n        max-width: 800px;\r\n        margin: 0 auto 60px;\r\n    }\r\n\r\n    \/* --- SOCIAL GRID BOOSTER --- *\/\r\n    .social-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .social-card {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 40px 20px;\r\n        \/* Buat Card Lebih Terlihat dengan Border & Background Gelap Solid *\/\r\n        border: 2px solid rgba(255, 0, 0, 0.3);\r\n        background: rgba(0, 0, 0, 0.6); \r\n        text-decoration: none;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        position: relative;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    \/* Efek Hover: Nyala Merah Terang *\/\r\n    .social-card:hover {\r\n        border-color: #ff0000;\r\n        background: rgba(255, 0, 0, 0.1);\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 10px 30px rgba(255, 0, 0, 0.3);\r\n    }\r\n\r\n    \/* Ikon Sosial *\/\r\n    .social-card svg {\r\n        fill: #ffffff;\r\n        transition: 0.3s;\r\n        filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.2));\r\n    }\r\n\r\n    .social-card:hover svg {\r\n        fill: #ff0000;\r\n        filter: drop-shadow(0 0 10px #ff0000);\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .social-name {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        color: #fff;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        text-transform: uppercase;\r\n        margin-top: 20px;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .social-card:hover .social-name {\r\n        color: #ffffff;\r\n        text-shadow: 0 0 10px #ff0000;\r\n    }\r\n\r\n    \/* Tambahan Aksen Sudut (Tactical Look) *\/\r\n    .social-card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 15px; height: 15px;\r\n        border-top: 3px solid #ff0000;\r\n        border-left: 3px solid #ff0000;\r\n    }\r\n\r\n    .join-footer {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: 14px;\r\n        color: rgba(255, 255, 255, 0.5);\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .join-footer span {\r\n        color: #ff0000;\r\n        font-weight: bold;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .social-grid { grid-template-columns: 1fr; gap: 15px; }\r\n        .join-title { font-size: 2.5rem; }\r\n        .social-card { padding: 30px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"join-section-wrapper\">\r\n    <div class=\"join-container\">\r\n        <span class=\"join-label\">\/\/ ESTABLISHING CONNECTION<\/span>\r\n        <h2 class=\"join-title\">Join The Signal<\/h2>\r\n\r\n        <div class=\"join-description\">\r\n            <p>Across the battlefield of global markets, signals travel fast. <b>WARDRUM is more than a symbol.<\/b> It is a signal carried by those who recognize the rhythm before the storm.<\/p>\r\n            <p>Connect with the community. Stay aligned with the signal as it moves across the world.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"social-grid\">\r\n            <a href=\"https:\/\/t.me\/the_wardrum\" target=\"_blank\" class=\"social-card\">\r\n                <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.2.2 0 00-.05-.18c-.06-.05-.14-.03-.21-.02-.09.02-1.49.95-4.22 2.79-.4.27-.76.41-1.08.4-.36-.01-1.04-.2-1.55-.37-.63-.2-1.12-.31-1.08-.66.02-.18.27-.36.74-.55 2.92-1.27 4.86-2.11 5.83-2.51 2.78-1.16 3.35-1.36 3.73-1.36.08 0 .27.02.39.12.1.08.13.19.14.27-.01.06.01.24 0 .38z\"\/>\r\n                <\/svg>\r\n                <span class=\"social-name\">Telegram<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/x.com\/the_wardrum\" target=\"_blank\" class=\"social-card\">\r\n                <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\">\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.231 5.451-6.231zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77z\"\/>\r\n                <\/svg>\r\n                <span class=\"social-name\">Twitter<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/dexscreener.com\/solana\/2b7zn26j5vbccata4phbknx9hafbryeqhrzfrvmjydhf\" target=\"_blank\" class=\"social-card\">\r\n                <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2.09 17.08L3.5 18.49z\"\/>\r\n                <\/svg>\r\n                <span class=\"social-name\">Chart<\/span>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"join-footer\">\r\n            The drum has begun to echo. <span>NOW THE SIGNAL SPREADS.<\/span>\r\n        <\/div>\r\n    <\/div>\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-c86e0e3 e-flex e-con-boxed e-con e-parent\" data-id=\"c86e0e3\" 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-fafcdbb e-con-full e-flex e-con e-child\" data-id=\"fafcdbb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4bca51 elementor-widget elementor-widget-html\" data-id=\"a4bca51\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@400;700&display=swap');\r\n\r\n    .wardrum-footer {\r\n        width: 100%;\r\n        padding: 40px 20px;\r\n        background: transparent !important;\r\n        border-top: 1px solid rgba(255, 0, 0, 0.2);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 15px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .footer-terminal-text {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: 11px;\r\n        letter-spacing: 2px;\r\n        color: rgba(255, 255, 255, 0.4);\r\n        text-transform: uppercase;\r\n        text-align: center;\r\n    }\r\n\r\n    .footer-copyright {\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: 13px;\r\n        color: #ffffff;\r\n        letter-spacing: 1px;\r\n        text-align: center;\r\n    }\r\n\r\n    .footer-copyright span {\r\n        color: #ff0000;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .footer-disclaimer {\r\n        max-width: 600px;\r\n        font-family: 'JetBrains Mono', monospace;\r\n        font-size: 9px;\r\n        line-height: 1.6;\r\n        color: rgba(255, 255, 255, 0.3);\r\n        text-align: center;\r\n        margin-top: 10px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .footer-copyright { font-size: 11px; }\r\n        .footer-terminal-text { font-size: 9px; }\r\n    }\r\n<\/style>\r\n\r\n<footer class=\"wardrum-footer\">\r\n    <div class=\"footer-terminal-text\">\r\n        [ SIGNAL_TERMINATED \/\/ SECURE_LINE_00 ]\r\n    <\/div>\r\n\r\n    <div class=\"footer-copyright\">\r\n        \u00a9 2026 <span>$WARDRUM<\/span>. ALL RIGHTS RESERVED.\r\n    <\/div>\r\n\r\n    <div class=\"footer-disclaimer\">\r\n        $WARDRUM IS A MEME COIN WITH NO INTRINSIC VALUE. TRADING CRYPTOCURRENCY INVOLVES HIGH RISK. \r\n        ENSURE YOU ARE ALIGNED WITH THE SIGNAL BEFORE PROCEEDING.\r\n    <\/div>\r\n<\/footer>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WARDRUM About Token Map Signal Join \/\/ SIGNAL STATUS: ACTIVE The Signal Before Global Conflict Before missiles light the sky. Before armies collide. The world always hears the same signal: The Drum of War. SYMBOL: $WARDRUM NETWORK: SOLANA STRENGTH: MAXIMAL E3Ykomdwc7hs7YHkwHZZhN2yN2RME4jgS7H7sXMnpump COPY VIEW SIGNAL DEPL-04 \/\/ MIDDLE EAST SECTOR The War Theatre Across the deserts [&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:\/\/wardrum.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wardrum.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wardrum.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wardrum.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wardrum.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":49,"href":"https:\/\/wardrum.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/wardrum.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/wardrum.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}