{"id":8,"date":"2026-02-17T08:01:11","date_gmt":"2026-02-17T08:01:11","guid":{"rendered":"https:\/\/wubot.fun\/?page_id=8"},"modified":"2026-02-18T02:49:58","modified_gmt":"2026-02-18T02:49:58","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/wubot.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-9f735ed e-con-full e-flex e-con e-parent\" data-id=\"9f735ed\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb4a214 elementor-widget elementor-widget-html\" data-id=\"eb4a214\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"wubot-particles-container\">\r\n    <canvas id=\"wubotCanvas\"><\/canvas>\r\n<\/div>\r\n\r\n<style>\r\n    .wubot-particles-container {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        z-index: 2; \/* Di atas segalanya *\/\r\n        pointer-events: none; \/* Klik tembus ke elemen di bawahnya *\/\r\n        overflow: hidden;\r\n    }\r\n\r\n    #wubotCanvas {\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const canvas = document.getElementById('wubotCanvas');\r\n    const ctx = canvas.getContext('2d');\r\n    \r\n    let particlesArray;\r\n    \r\n    \/\/ WUBOT Palette\r\n    const colors = [\r\n        'rgba(212, 175, 55, 0.8)',  \/\/ Gold Strong\r\n        'rgba(212, 175, 55, 0.4)',  \/\/ Gold Faint\r\n        'rgba(166, 28, 38, 0.8)',   \/\/ Red Strong\r\n        'rgba(166, 28, 38, 0.4)'    \/\/ Red Faint\r\n    ];\r\n\r\n    \/\/ Set Canvas Size\r\n    canvas.width = window.innerWidth;\r\n    canvas.height = window.innerHeight;\r\n\r\n    \/\/ Handle Resize\r\n    window.addEventListener('resize', () => {\r\n        canvas.width = window.innerWidth;\r\n        canvas.height = window.innerHeight;\r\n        init();\r\n    });\r\n\r\n    \/\/ Mouse Interaction\r\n    const mouse = {\r\n        x: null,\r\n        y: null,\r\n        radius: 100\r\n    }\r\n\r\n    window.addEventListener('mousemove', (event) => {\r\n        mouse.x = event.x;\r\n        mouse.y = event.y;\r\n    });\r\n    \r\n    \/\/ Mouse leave window\r\n    window.addEventListener('mouseout', () => {\r\n        mouse.x = undefined;\r\n        mouse.y = undefined;\r\n    });\r\n\r\n    \/\/ Particle Class\r\n    class Particle {\r\n        constructor(directionX, directionY, size, color) {\r\n            this.x = Math.random() * canvas.width;\r\n            this.y = Math.random() * canvas.height;\r\n            this.directionX = directionX;\r\n            this.directionY = directionY;\r\n            this.size = size;\r\n            this.color = color;\r\n            this.baseX = this.x;\r\n            this.baseY = this.y;\r\n            this.density = (Math.random() * 30) + 1;\r\n        }\r\n\r\n        \/\/ Draw individual particle\r\n        draw() {\r\n            ctx.beginPath();\r\n            ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2, false);\r\n            ctx.fillStyle = this.color;\r\n            ctx.fill();\r\n            \r\n            \/\/ Optional: Glow effect for larger particles\r\n            if (this.size > 2) {\r\n                ctx.shadowBlur = 10;\r\n                ctx.shadowColor = this.color;\r\n            } else {\r\n                ctx.shadowBlur = 0;\r\n            }\r\n        }\r\n\r\n        \/\/ Update particle position\r\n        update() {\r\n            \/\/ Check mouse collision (Repulsion Effect)\r\n            let dx = mouse.x - this.x;\r\n            let dy = mouse.y - this.y;\r\n            let distance = Math.sqrt(dx*dx + dy*dy);\r\n            let forceDirectionX = dx \/ distance;\r\n            let forceDirectionY = dy \/ distance;\r\n            let maxDistance = mouse.radius;\r\n            let force = (maxDistance - distance) \/ maxDistance;\r\n            let directionX = forceDirectionX * force * this.density;\r\n            let directionY = forceDirectionY * force * this.density;\r\n\r\n            if (distance < mouse.radius) {\r\n                this.x -= directionX;\r\n                this.y -= directionY;\r\n            } else {\r\n                \/\/ Return to normal movement\r\n                if (this.x !== this.baseX) {\r\n                    let dx = this.x - this.baseX;\r\n                    this.x -= dx\/10;\r\n                }\r\n                if (this.y !== this.baseY) {\r\n                    let dy = this.y - this.baseY;\r\n                    this.y -= dy\/10;\r\n                }\r\n                \r\n                \/\/ Regular floating movement\r\n                this.x += this.directionX;\r\n                this.y += this.directionY;\r\n            }\r\n            \r\n            \/\/ Screen Wrapping (Infinite Loop)\r\n            if (this.x > canvas.width || this.x < 0) {\r\n                this.directionX = -this.directionX;\r\n            }\r\n            if (this.y > canvas.height || this.y < 0) {\r\n                this.directionY = -this.directionY;\r\n            }\r\n\r\n            this.draw();\r\n        }\r\n    }\r\n\r\n    \/\/ Create Particle Array\r\n    function init() {\r\n        particlesArray = [];\r\n        \/\/ Jumlah partikel disesuaikan dengan lebar layar (Responsif)\r\n        \/\/ Semakin kecil layar, semakin sedikit partikel agar tidak lag\r\n        let numberOfParticles = (canvas.width * canvas.height) \/ 15000; \r\n        \r\n        for (let i = 0; i < numberOfParticles; i++) {\r\n            let size = (Math.random() * 2.5) + 0.5; \/\/ Ukuran random kecil\r\n            let x = (Math.random() * ((innerWidth - size * 2) - (size * 2)) + size * 2);\r\n            let y = (Math.random() * ((innerHeight - size * 2) - (size * 2)) + size * 2);\r\n            \r\n            \/\/ Kecepatan lambat untuk efek \"mengambang\"\r\n            let directionX = (Math.random() * 0.4) - 0.2; \r\n            let directionY = (Math.random() * 0.4) - 0.2;\r\n            \r\n            let color = colors[Math.floor(Math.random() * colors.length)];\r\n\r\n            particlesArray.push(new Particle(directionX, directionY, size, color));\r\n        }\r\n    }\r\n\r\n    \/\/ Animation Loop\r\n    function animate() {\r\n        requestAnimationFrame(animate);\r\n        ctx.clearRect(0,0, innerWidth, innerHeight);\r\n\r\n        for (let i = 0; i < particlesArray.length; i++) {\r\n            particlesArray[i].update();\r\n        }\r\n        \r\n        \/\/ Optional: Draw connecting lines for \"Constellation\/Tech\" feel\r\n        \/\/ connect(); \r\n    }\r\n\r\n    \/\/ Optional: Function to connect particles with lines (disabled for cleaner look, uncomment to enable)\r\n    \/*\r\n    function connect() {\r\n        let opacityValue = 1;\r\n        for (let a = 0; a < particlesArray.length; a++) {\r\n            for (let b = a; b < particlesArray.length; b++) {\r\n                let distance = ((particlesArray[a].x - particlesArray[b].x) * (particlesArray[a].x - particlesArray[b].x)) + \r\n                               ((particlesArray[a].y - particlesArray[b].y) * (particlesArray[a].y - particlesArray[b].y));\r\n                if (distance < (canvas.width\/7) * (canvas.height\/7)) {\r\n                    opacityValue = 1 - (distance\/20000);\r\n                    ctx.strokeStyle = 'rgba(212, 175, 55,' + opacityValue * 0.1 + ')'; \/\/ Gold Lines\r\n                    ctx.lineWidth = 1;\r\n                    ctx.beginPath();\r\n                    ctx.moveTo(particlesArray[a].x, particlesArray[a].y);\r\n                    ctx.lineTo(particlesArray[b].x, particlesArray[b].y);\r\n                    ctx.stroke();\r\n                }\r\n            }\r\n        }\r\n    }\r\n    *\/\r\n\r\n    init();\r\n    animate();\r\n\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13f2a2e elementor-widget elementor-widget-html\" data-id=\"13f2a2e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"wubot-navbar-master-wrapper\">\r\n\r\n<style>\r\n  \/* --- 1. IMPORT FONT --- *\/\r\n  \/* Mengimpor font 'Protest Revolution' dari Google Fonts *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Protest+Revolution&display=swap');\r\n\r\n  \/* --- 2. CSS VARIABLES & BASE STYLES --- *\/\r\n  \/* Menggunakan scope class agar tidak merusak style website lain *\/\r\n  .wubot-navbar-master-wrapper {\r\n      \/* Palet Warna Chinese Style Premium *\/\r\n      --wu-red-deep: #800000;     \/* Merah Hati\/Marun untuk background *\/\r\n      --wu-red-vibrant: #b30000;  \/* Merah lebih terang untuk gradasi *\/\r\n      --wu-gold-rich: #D4AF37;    \/* Emas mewah untuk teks\/border utama *\/\r\n      --wu-gold-pale: #F4C430;    \/* Emas lebih pucat untuk highlight *\/\r\n      --wu-black-accent: #111111; \/* Hitam untuk bayangan\/kontras *\/\r\n      \r\n      --wu-font-family: 'Protest Revolution', cursive;\r\n      --navbar-height-desktop: 76px;\r\n      \r\n      \/* Reset CSS lokal *\/\r\n      font-family: var(--wu-font-family);\r\n      box-sizing: border-box;\r\n      width: 100%;\r\n      line-height: 1.2;\r\n  }\r\n\r\n  \/* Pastikan semua elemen di dalam wrapper mengikuti box-sizing *\/\r\n  .wubot-navbar-master-wrapper *,\r\n  .wubot-navbar-master-wrapper *::before,\r\n  .wubot-navbar-master-wrapper *::after {\r\n      box-sizing: inherit;\r\n      margin: 0; padding: 0;\r\n      text-decoration: none; list-style: none;\r\n      outline: none;\r\n  }\r\n\r\n  \/* --- 3. MAIN NAVBAR CONTAINER --- *\/\r\n  .wubot-nav-container {\r\n      \/* Background: Gradasi merah dengan tekstur halus *\/\r\n      background: linear-gradient(to bottom, var(--wu-red-vibrant), var(--wu-red-deep));\r\n      \/* Menambahkan pola anyaman halus (opsional, agar tidak terlalu polos) *\/\r\n      background-image: repeating-linear-gradient(45deg, rgba(0,0,0,0.1) 0px, rgba(0,0,0,0.1) 1px, transparent 1px, transparent 5px),\r\n                        linear-gradient(to bottom, var(--wu-red-vibrant), var(--wu-red-deep));\r\n\r\n      height: var(--navbar-height-desktop);\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 0 5%; \/* Padding kiri kanan responsif *\/\r\n      \r\n      \/* Styling Border ala Tiongkok *\/\r\n      border-bottom: 3px solid var(--wu-gold-rich);\r\n      border-top: 2px solid var(--wu-black-accent);\r\n      box-shadow: 0 5px 15px rgba(0,0,0,0.4), inset 0 -2px 10px rgba(255,215,0,0.1);\r\n      position: relative;\r\n      z-index: 9999; \/* Pastikan di atas elemen lain *\/\r\n  }\r\n\r\n  \/* Ornamen Dekoratif di Sudut Bawah (Detail \"Bagus\") *\/\r\n  .wubot-nav-container::before,\r\n  .wubot-nav-container::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -8px;\r\n      width: 25px; height: 12px;\r\n      background-color: var(--wu-gold-rich);\r\n      \/* Bentuk dekoratif sederhana *\/\r\n      clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);\r\n      border-top: 1px solid var(--wu-gold-pale);\r\n      z-index: 10000;\r\n  }\r\n  .wubot-nav-container::before { left: 30px; }\r\n  .wubot-nav-container::after { right: 30px; }\r\n\r\n\r\n  \/* --- 4. LOGO (KIRI) --- *\/\r\n  .wubot-logo-text {\r\n      font-size: 2.2rem;\r\n      color: var(--wu-gold-rich);\r\n      \/* Efek teks berlapis agar terlihat timbul *\/\r\n      text-shadow: \r\n          2px 2px 0px var(--wu-black-accent),\r\n          -1px -1px 1px var(--wu-gold-pale),\r\n          0 0 10px rgba(212, 175, 55, 0.5);\r\n      letter-spacing: 1px;\r\n      font-weight: bold;\r\n  }\r\n\r\n\r\n  \/* --- 5. BUTTONS AREA (KANAN) --- *\/\r\n  .wubot-menu-links {\r\n      display: flex;\r\n      gap: 20px; \/* Jarak antar tombol *\/\r\n      align-items: center;\r\n  }\r\n\r\n  \/* Gaya Tombol *\/\r\n  .wubot-btn {\r\n      position: relative;\r\n      font-size: 1.1rem;\r\n      color: var(--wu-gold-rich);\r\n      padding: 10px 24px;\r\n      \/* Background transparan gelap *\/\r\n      background: rgba(0, 0, 0, 0.25);\r\n      \/* Border ganda *\/\r\n      border: 2px solid var(--wu-gold-rich);\r\n      border-radius: 2px; \/* Sedikit rounded *\/\r\n      transition: all 0.4s ease;\r\n      overflow: hidden;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      box-shadow: inset 0 0 5px rgba(0,0,0,0.3);\r\n  }\r\n\r\n  \/* Efek Hover Mengkilap *\/\r\n  .wubot-btn::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: -50%; left: -60%;\r\n      width: 20%; height: 200%;\r\n      background: rgba(255,255,255,0.3);\r\n      transform: rotate(25deg);\r\n      transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);\r\n      opacity: 0;\r\n  }\r\n\r\n  .wubot-btn:hover::after {\r\n      left: 120%;\r\n      opacity: 1;\r\n  }\r\n\r\n  .wubot-btn:hover {\r\n      \/* Tukar warna saat hover *\/\r\n      background-color: var(--wu-gold-rich);\r\n      color: var(--wu-red-deep);\r\n      box-shadow: 0 0 15px rgba(212, 175, 55, 0.6), inset 0 0 10px rgba(0,0,0,0.1);\r\n      text-shadow: 0 1px 1px rgba(255,255,255,0.4);\r\n  }\r\n\r\n  \/* Highlight khusus untuk tombol CHART agar lebih menonjol *\/\r\n  .wubot-btn.chart-highlight {\r\n      background: var(--wu-red-vibrant); \/* Warna merah lebih terang *\/\r\n      border-color: var(--wu-gold-pale);\r\n  }\r\n\r\n\r\n  \/* --- 6. HAMBURGER TOGGLE (MOBILE) --- *\/\r\n  .wubot-mobile-toggle {\r\n      display: none; \/* Sembunyi di desktop *\/\r\n      flex-direction: column;\r\n      cursor: pointer;\r\n      gap: 6px;\r\n      padding: 5px;\r\n      z-index: 10001;\r\n  }\r\n  \/* Garis-garis hamburger *\/\r\n  .wubot-mobile-toggle span {\r\n      width: 32px;\r\n      height: 3px;\r\n      background-color: var(--wu-gold-rich);\r\n      border-radius: 2px;\r\n      transition: all 0.3s ease-in-out;\r\n      box-shadow: 1px 1px 2px rgba(0,0,0,0.5);\r\n  }\r\n\r\n\r\n  \/* --- 7. RESPONSIVE STYLES (Max Width 860px) --- *\/\r\n  @media (max-width: 860px) {\r\n      .wubot-nav-container {\r\n          padding: 0 20px; \/* Perkecil padding samping *\/\r\n      }\r\n      \r\n      \/* Sembunyikan ornamen bawah di mobile agar rapi *\/\r\n      .wubot-nav-container::before,\r\n      .wubot-nav-container::after {\r\n          display: none;\r\n      }\r\n\r\n      \/* Munculkan tombol hamburger *\/\r\n      .wubot-mobile-toggle {\r\n          display: flex;\r\n      }\r\n\r\n      \/* Gaya Menu Dropdown Mobile *\/\r\n      .wubot-menu-links {\r\n          position: absolute;\r\n          top: 100%; \/* Tepat di bawah navbar *\/\r\n          left: 0;\r\n          width: 100%;\r\n          flex-direction: column;\r\n          background: var(--wu-red-deep);\r\n          \/* Border emas tebal di sekeliling menu mobile *\/\r\n          border-bottom: 4px solid var(--wu-gold-rich);\r\n          border-top: 1px solid var(--wu-gold-rich);\r\n          padding: 30px 0;\r\n          gap: 25px;\r\n          \r\n          \/* Keadaan hidden awal *\/\r\n          opacity: 0;\r\n          visibility: hidden;\r\n          transform: translateY(-20px);\r\n          transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); \/* Efek \"bouncy\" saat muncul *\/\r\n          box-shadow: 0 10px 20px rgba(0,0,0,0.5);\r\n      }\r\n\r\n      \/* Keadaan aktif saat hamburger diklik (ditambahkan via JS) *\/\r\n      .wubot-menu-links.is-active {\r\n          opacity: 1;\r\n          visibility: visible;\r\n          transform: translateY(0);\r\n      }\r\n\r\n      \/* Tombol di mobile dibuat lebar penuh *\/\r\n      .wubot-btn {\r\n          width: 85%;\r\n          text-align: center;\r\n          padding: 14px;\r\n          font-size: 1.3rem;\r\n      }\r\n\r\n      \/* Animasi Hamburger menjadi 'X' *\/\r\n      .wubot-mobile-toggle.is-active span:nth-child(1) {\r\n          transform: translateY(9px) rotate(45deg);\r\n          background-color: var(--wu-gold-pale);\r\n      }\r\n      .wubot-mobile-toggle.is-active span:nth-child(2) {\r\n          opacity: 0;\r\n          transform: translateX(-20px);\r\n      }\r\n      .wubot-mobile-toggle.is-active span:nth-child(3) {\r\n          transform: translateY(-9px) rotate(-45deg);\r\n           background-color: var(--wu-gold-pale);\r\n      }\r\n  }\r\n<\/style>\r\n\r\n<nav class=\"wubot-nav-container\">\r\n    <div class=\"wubot-logo-text\">\r\n        $WUBOT\r\n    <\/div>\r\n\r\n    <div class=\"wubot-mobile-toggle\" id=\"wubotHamburgerBtn\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"wubot-menu-links\" id=\"wubotMenuLinks\">\r\n        <a href=\"https:\/\/x.com\/kungfu_robots\" target=\"_blank\" class=\"wubot-btn\">X<\/a>\r\n        <a href=\"https:\/\/t.me\/kungfurobots\" target=\"_blank\" class=\"wubot-btn\">Telegram<\/a>\r\n        <a href=\"https:\/\/dexscreener.com\/solana\/GrA4ngchYK1x91Rb1Ro1yd4nEsJA3Kz4Z59qMRPzpump\" class=\"wubot-btn chart-highlight\">Chart<\/a>\r\n    <\/div>\r\n<\/nav>\r\n\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    \/\/ Mengambil elemen\r\n    const hamburgerBtn = document.getElementById('wubotHamburgerBtn');\r\n    const menuLinks = document.getElementById('wubotMenuLinks');\r\n    const navButtons = menuLinks.querySelectorAll('.wubot-btn');\r\n\r\n    \/\/ Fungsi toggle untuk membuka\/tutup menu\r\n    function toggleMenu() {\r\n        hamburgerBtn.classList.toggle('is-active');\r\n        menuLinks.classList.toggle('is-active');\r\n    }\r\n\r\n    \/\/ Event listener saat hamburger diklik\r\n    if (hamburgerBtn) {\r\n        hamburgerBtn.addEventListener('click', (e) => {\r\n            e.stopPropagation(); \/\/ Mencegah klik tembus\r\n            toggleMenu();\r\n        });\r\n    }\r\n\r\n    \/\/ Opsional: Tutup menu otomatis saat salah satu link diklik di mode mobile\r\n    navButtons.forEach(btn => {\r\n        btn.addEventListener('click', () => {\r\n            if (window.innerWidth <= 860 && menuLinks.classList.contains('is-active')) {\r\n                 toggleMenu();\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ Opsional: Tutup menu jika klik di luar navbar area (berguna di mobile)\r\n    document.addEventListener('click', (e) => {\r\n        if (window.innerWidth <= 860 && \r\n            menuLinks.classList.contains('is-active') && \r\n            !menuLinks.contains(e.target) && \r\n            !hamburgerBtn.contains(e.target)) {\r\n            toggleMenu();\r\n        }\r\n    });\r\n});\r\n<\/script>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49197f8 e-con-full e-flex e-con e-parent\" data-id=\"49197f8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-266f6d5 elementor-widget elementor-widget-html\" data-id=\"266f6d5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"wubot-hero-neo-wrapper\">\r\n\r\n<style>\r\n  \/* --- 1. SETUP & VARIABLES --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Protest+Revolution&display=swap');\r\n\r\n  .wubot-hero-neo-wrapper {\r\n      \/* Palette Warna Premium & Tajam *\/\r\n      --wu-gold: #F0C420;        \/* Emas Kuning Tajam *\/\r\n      --wu-gold-dim: #997d15;    \/* Emas Gelap *\/\r\n      --wu-red: #D90429;         \/* Merah Neon *\/\r\n      --wu-red-dark: #640d14;    \/* Merah Gelap *\/\r\n      --wu-black: #000000;       \/* Hitam Pekat *\/\r\n      \r\n      --wu-font: 'Protest Revolution', cursive;\r\n      \r\n      width: 100%;\r\n      padding: 40px 15px;\r\n      background: var(--wu-black);\r\n      box-sizing: border-box;\r\n      font-family: var(--wu-font);\r\n  }\r\n\r\n  \/* --- 2. MAIN FRAME (THE HIGH-TECH DOJO) --- *\/\r\n  .wubot-neo-frame {\r\n      position: relative;\r\n      width: 100%;\r\n      max-width: 1100px;\r\n      height: 550px;\r\n      margin: 0 auto;\r\n      \/* Border tipis tapi tegas *\/\r\n      border: 1px solid rgba(240, 196, 32, 0.3); \r\n      background: #000;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      overflow: hidden;\r\n  }\r\n\r\n  \/* Sudut-sudut \"Viewfinder\" (Pojok Emas) *\/\r\n  .neo-corner {\r\n      position: absolute;\r\n      width: 40px; height: 40px;\r\n      border: 3px solid var(--wu-gold);\r\n      z-index: 10;\r\n      transition: all 0.3s ease;\r\n  }\r\n  .nc-tl { top: 20px; left: 20px; border-right: none; border-bottom: none; }\r\n  .nc-tr { top: 20px; right: 20px; border-left: none; border-bottom: none; }\r\n  .nc-bl { bottom: 20px; left: 20px; border-right: none; border-top: none; }\r\n  .nc-br { bottom: 20px; right: 20px; border-left: none; border-top: none; }\r\n\r\n  \/* Garis Dekorasi Tengah *\/\r\n  .neo-line {\r\n      position: absolute;\r\n      background: var(--wu-gold);\r\n      opacity: 0.5;\r\n      z-index: 10;\r\n  }\r\n  .nl-top { top: 20px; left: 50%; transform: translateX(-50%); width: 100px; height: 3px; }\r\n  .nl-bottom { bottom: 20px; left: 50%; transform: translateX(-50%); width: 100px; height: 3px; }\r\n\r\n\r\n  \/* --- 3. VIDEO & OVERLAY --- *\/\r\n  .bg-video-neo {\r\n      position: absolute;\r\n      top: 0; left: 0; width: 100%; height: 100%;\r\n      object-fit: cover;\r\n      opacity: 0.8;\r\n  }\r\n\r\n  .overlay-neo {\r\n      position: absolute;\r\n      top: 0; left: 0; width: 100%; height: 100%;\r\n      \/* Gradient Merah ke Hitam yang dramatis *\/\r\n      background: linear-gradient(180deg, rgba(100,13,20,0.4) 0%, rgba(5,5,5,0.9) 100%);\r\n      z-index: 2;\r\n  }\r\n  \r\n  \/* Pola Grid Halus (Tech Feel) *\/\r\n  .grid-pattern {\r\n      position: absolute;\r\n      top: 0; left: 0; width: 100%; height: 100%;\r\n      background-image: \r\n          linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n          linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n      background-size: 40px 40px;\r\n      z-index: 2;\r\n      pointer-events: none;\r\n  }\r\n\r\n\r\n  \/* --- 4. CONTENT --- *\/\r\n  .content-neo {\r\n      position: relative;\r\n      z-index: 20;\r\n      text-align: center;\r\n      width: 90%;\r\n      max-width: 800px;\r\n  }\r\n\r\n  .title-neo {\r\n      font-size: 4.5rem;\r\n      line-height: 1;\r\n      color: #fff;\r\n      margin-bottom: 40px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 2px;\r\n      \/* Shadow Tumpuk untuk efek 3D Neon *\/\r\n      text-shadow: \r\n          0 0 5px var(--wu-red),\r\n          0 0 10px var(--wu-red),\r\n          0 0 20px var(--wu-red);\r\n  }\r\n  \r\n  .title-neo span {\r\n      color: var(--wu-gold); \/* Kata \"Kungfu\" bisa dibedakan warnanya jika mau *\/\r\n  }\r\n\r\n  \/* --- 5. GLASS CA BUTTON (CLEAN & MODERN) --- *\/\r\n  .ca-glass-container {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      \/* Glassmorphism Effect *\/\r\n      background: rgba(255, 255, 255, 0.05);\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      border: 1px solid rgba(240, 196, 32, 0.5);\r\n      border-radius: 4px; \/* Sedikit rounded *\/\r\n      padding: 0;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n      overflow: hidden;\r\n      max-width: 100%;\r\n  }\r\n\r\n  .ca-glass-container:hover {\r\n      border-color: var(--wu-gold);\r\n      box-shadow: 0 0 20px rgba(240, 196, 32, 0.4);\r\n      transform: translateY(-2px);\r\n  }\r\n\r\n  \/* Bagian Text *\/\r\n  .ca-text-neo {\r\n      padding: 18px 25px;\r\n      font-family: 'Courier New', monospace; \/* Tech font *\/\r\n      color: var(--wu-gold);\r\n      font-size: 1.2rem;\r\n      font-weight: bold;\r\n      letter-spacing: 1px;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n  }\r\n\r\n  \/* Bagian Tombol\/Icon *\/\r\n  .ca-icon-neo {\r\n      background: rgba(240, 196, 32, 0.1); \/* Gold transparan *\/\r\n      height: 100%;\r\n      min-height: 58px; \/* Samakan tinggi *\/\r\n      width: 70px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      border-left: 1px solid rgba(240, 196, 32, 0.3);\r\n      transition: background 0.3s;\r\n      position: relative;\r\n  }\r\n\r\n  .ca-glass-container:hover .ca-icon-neo {\r\n      background: var(--wu-gold);\r\n  }\r\n\r\n  .ca-icon-neo svg {\r\n      width: 24px;\r\n      fill: var(--wu-gold);\r\n      transition: fill 0.3s;\r\n  }\r\n\r\n  .ca-glass-container:hover .ca-icon-neo svg {\r\n      fill: var(--wu-black); \/* Icon jadi hitam saat hover *\/\r\n  }\r\n\r\n  \/* Tooltip \"COPIED\" *\/\r\n  .feedback-neo {\r\n      position: absolute;\r\n      top: 0; left: 0; width: 100%; height: 100%;\r\n      background: var(--wu-red);\r\n      color: #fff;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      font-weight: bold;\r\n      font-family: monospace;\r\n      font-size: 1.2rem;\r\n      opacity: 0;\r\n      transition: opacity 0.2s;\r\n  }\r\n  .ca-glass-container.copied .feedback-neo {\r\n      opacity: 1;\r\n  }\r\n\r\n\r\n  \/* --- 6. RESPONSIVE MOBILE --- *\/\r\n  @media (max-width: 768px) {\r\n      .wubot-neo-frame { height: 480px; }\r\n      \r\n      .title-neo { \r\n          font-size: 2.8rem; \r\n          margin-bottom: 30px;\r\n      }\r\n      \r\n      .nc-tl, .nc-tr, .nc-bl, .nc-br {\r\n          width: 25px; height: 25px; \/* Pojokan lebih kecil *\/\r\n          top: 15px; left: 15px; \/* Jarak lebih rapat *\/\r\n      }\r\n      .nc-tr { right: 15px; left: auto; }\r\n      .nc-bl { bottom: 15px; top: auto; }\r\n      .nc-br { bottom: 15px; right: 15px; top: auto; left: auto; }\r\n      \r\n      .nl-top, .nl-bottom { display: none; } \/* Hapus garis tengah di HP *\/\r\n\r\n      .ca-text-neo {\r\n          font-size: 0.95rem;\r\n          padding: 15px;\r\n          max-width: 200px; \/* Agar tidak melebar keluar layar *\/\r\n      }\r\n      .ca-icon-neo { width: 50px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"wubot-neo-frame\">\r\n    \r\n    <div class=\"neo-corner nc-tl\"><\/div>\r\n    <div class=\"neo-corner nc-tr\"><\/div>\r\n    <div class=\"neo-corner nc-bl\"><\/div>\r\n    <div class=\"neo-corner nc-br\"><\/div>\r\n    <div class=\"neo-line nl-top\"><\/div>\r\n    <div class=\"neo-line nl-bottom\"><\/div>\r\n\r\n    <video class=\"bg-video-neo\" autoplay muted loop playsinline>\r\n        <source src=\"http:\/\/wubot.fun\/wp-content\/uploads\/2026\/02\/bg-wubot-head.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"overlay-neo\"><\/div>\r\n    <div class=\"grid-pattern\"><\/div> <div class=\"content-neo\">\r\n        <h1 class=\"title-neo\">Chinese Kungfu<br><span>Robots<\/span><\/h1>\r\n        \r\n        <div class=\"ca-glass-container\" id=\"wubotNeoBtn\" onclick=\"copyNeoCA()\">\r\n            <div class=\"ca-text-neo\" id=\"neoCaText\">\r\n                GrA4ngchYK1x91Rb1Ro1yd4nEsJA3Kz4Z59qMRPzpump\r\n            <\/div>\r\n            \r\n            <div class=\"ca-icon-neo\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                   <path d=\"M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM19 5H8C6.9 5 6 5.9 6 7V21C6 22.1 6.9 23 8 23H19C20.1 23 21 22.1 21 21V7C21 5.9 20.1 5 19 5ZM19 21H8V7H19V21Z\"\/>\r\n                <\/svg>\r\n                <div class=\"feedback-neo\">COPIED<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    function copyNeoCA() {\r\n        const text = document.getElementById(\"neoCaText\").innerText.trim();\r\n        const btn = document.getElementById(\"wubotNeoBtn\");\r\n        \r\n        navigator.clipboard.writeText(text).then(() => {\r\n            btn.classList.add(\"copied\");\r\n            setTimeout(() => {\r\n                btn.classList.remove(\"copied\");\r\n            }, 1500);\r\n        }).catch(err => {\r\n            console.error('Copy failed', err);\r\n        });\r\n    }\r\n<\/script>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81482b9 e-con-full e-flex e-con e-parent\" data-id=\"81482b9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ecd559 elementor-widget elementor-widget-html\" data-id=\"8ecd559\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"wubot-about-wrapper\">\r\n\r\n<style>\r\n  \/* --- 1. SETUP & VARIABLES --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Protest+Revolution&display=swap');\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;600&display=swap');\r\n\r\n  .wubot-about-wrapper {\r\n      --wu-gold: #D4AF37;       \r\n      --wu-red: #A61C26;  \/* Merah Oriental Deep *\/\r\n      \/* Alternatif: Gunakan merah yang lebih terang jika ingin lebih 'pop'\r\n         --wu-red: #ff3c3c; *\/\r\n      --wu-black: #000000;      \r\n      --wu-font-display: 'Protest Revolution', cursive;\r\n      --wu-font-body: 'Rajdhani', sans-serif;\r\n      \r\n      width: 100%;\r\n      padding: 80px 20px;\r\n      background-color: var(--wu-black);\r\n      box-sizing: border-box;\r\n      color: #fff;\r\n      text-align: center;\r\n      position: relative;\r\n  }\r\n\r\n  .about-container {\r\n      max-width: 900px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 5;\r\n  }\r\n\r\n  \/* --- 2. VIDEO FRAME (RED IMPERIAL STYLE) --- *\/\r\n  .video-frame-minimal {\r\n      position: relative;\r\n      width: 100%;\r\n      padding-bottom: 56.25%;\r\n      height: 0;\r\n      background: #000;\r\n      margin-bottom: 50px;\r\n      \r\n      \/* PERUBAHAN DI SINI: Border Merah dengan Glow *\/\r\n      border: 2px solid var(--wu-red); \/* Border merah tegas *\/\r\n      \/* Kombinasi shadow: Glow merah halus + Drop shadow hitam *\/\r\n      box-shadow: 0 0 25px rgba(166, 28, 38, 0.6), 0 20px 50px rgba(0,0,0,0.9);\r\n  }\r\n\r\n  .video-frame-minimal iframe {\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      width: 100%; height: 100%;\r\n      border: none;\r\n      filter: contrast(1.1);\r\n  }\r\n\r\n  \/* --- Modified Corners (Red Outer, Gold Inner) --- *\/\r\n  .video-corner {\r\n      position: absolute;\r\n      width: 40px; height: 40px;\r\n      z-index: 10;\r\n      pointer-events: none;\r\n  }\r\n\r\n  }\r\n  \/* Aksen Dalam (Sekarang EMAS sebagai highlight) *\/\r\n  .video-corner::after {\r\n      content: ''; position: absolute; width: 60%; height: 60%;\r\n      border: 1px solid var(--wu-gold); \/* Ubah ke emas *\/\r\n  }\r\n\r\n  \/* Posisi Sudut (Tidak berubah) *\/\r\n  .vc-tl { top: -2px; left: -2px; }\r\n  .vc-tl::before { border-right: none; border-bottom: none; }\r\n  .vc-tl::after { top: 4px; left: 4px; border-right: none; border-bottom: none; }\r\n\r\n  .vc-tr { top: -2px; right: -2px; }\r\n  .vc-tr::before { border-left: none; border-bottom: none; }\r\n  .vc-tr::after { top: 4px; right: 4px; border-left: none; border-bottom: none; }\r\n\r\n  .vc-bl { bottom: -2px; left: -2px; }\r\n  .vc-bl::before { border-right: none; border-top: none; }\r\n  .vc-bl::after { bottom: 4px; left: 4px; border-right: none; border-top: none; }\r\n\r\n  .vc-br { bottom: -2px; right: -2px; }\r\n  .vc-br::before { border-left: none; border-top: none; }\r\n  .vc-br::after { bottom: 4px; right: 4px; border-left: none; border-top: none; }\r\n\r\n\r\n  \/* --- 3. TYPOGRAPHY --- *\/\r\n  .about-title {\r\n      font-family: var(--wu-font-display);\r\n      font-size: 3rem;\r\n      line-height: 1.2;\r\n      color: var(--wu-gold);\r\n      margin-bottom: 30px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 2px;\r\n      text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);\r\n  }\r\n\r\n  .about-divider {\r\n      width: 80px; height: 4px; \/* Sedikit lebih tebal *\/\r\n      background: var(--wu-red);\r\n      margin: 0 auto 35px auto;\r\n      box-shadow: 0 0 15px var(--wu-red); \/* Glow lebih kuat di divider *\/\r\n      border-radius: 2px;\r\n  }\r\n\r\n  .about-desc {\r\n      font-family: var(--wu-font-body);\r\n      font-size: 1.2rem;\r\n      line-height: 1.7;\r\n      color: #d0d0d0; \/* Warna teks sedikit lebih terang *\/\r\n      max-width: 800px;\r\n      margin: 0 auto;\r\n      font-weight: 400;\r\n  }\r\n  \r\n  .about-desc strong {\r\n      color: var(--wu-gold); \/* Strong text jadi emas agar serasi *\/\r\n      font-weight: 600;\r\n      letter-spacing: 0.5px;\r\n  }\r\n\r\n\r\n  \/* --- 4. RESPONSIVE --- *\/\r\n  @media (max-width: 768px) {\r\n      .about-title { font-size: 2rem; }\r\n      .about-desc { font-size: 1rem; padding: 0 10px; text-align: justify; }\r\n      .video-corner { width: 30px; height: 30px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"about-container\">\r\n    \r\n    <div class=\"video-frame-minimal\">\r\n        <div class=\"video-corner vc-tl\"><\/div>\r\n        <div class=\"video-corner vc-tr\"><\/div>\r\n        <div class=\"video-corner vc-bl\"><\/div>\r\n        <div class=\"video-corner vc-br\"><\/div>\r\n\r\n        <iframe \r\n            src=\"https:\/\/www.youtube.com\/embed\/mUmlv814aJo?rel=0&modestbranding=1\" \r\n            title=\"YouTube video player\" \r\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n            allowfullscreen>\r\n        <\/iframe>\r\n    <\/div>\r\n\r\n    <div class=\"text-content\">\r\n        <h2 class=\"about-title\">Where Tradition Met<br>Advanced Robotics<\/h2>\r\n        \r\n        <div class=\"about-divider\"><\/div>\r\n        \r\n        <p class=\"about-desc\">\r\n            In January 2026, during China\u2019s nationally televised <strong>Spring Festival Gala<\/strong>, a special performance captured global attention.\r\n            <br><br>\r\n            On stage, a group of humanoid robots executed synchronized Chinese martial arts movements \u2014 combining traditional <strong>kungfu choreography<\/strong> with advanced robotics engineering. The show featured precise stance transitions, coordinated formations, and controlled balance systems, demonstrating how far humanoid robotics has evolved.\r\n        <\/p>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cddc79a e-con-full e-flex e-con e-parent\" data-id=\"cddc79a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e18f81 elementor-widget elementor-widget-html\" data-id=\"5e18f81\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"wubot-evo-wrapper\">\r\n\r\n<style>\r\n  \/* --- 1. SETUP --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Protest+Revolution&display=swap');\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;600;700&display=swap');\r\n\r\n  .wubot-evo-wrapper {\r\n      --wu-gold: #D4AF37;\r\n      --wu-red: #A61C26;\r\n      --wu-red-glow: rgba(166, 28, 38, 0.5);\r\n      --wu-black: #000000;\r\n      --wu-card-bg: rgba(255, 255, 255, 0.03);\r\n      \r\n      width: 100%;\r\n      padding: 80px 20px;\r\n      background-color: var(--wu-black);\r\n      box-sizing: border-box;\r\n      font-family: 'Rajdhani', sans-serif;\r\n      overflow: hidden;\r\n      color: #fff;\r\n  }\r\n\r\n  \/* --- 2. HEADER --- *\/\r\n  .evo-header {\r\n      text-align: center;\r\n      margin-bottom: 60px;\r\n  }\r\n\r\n  .evo-title {\r\n      font-family: 'Protest Revolution', cursive;\r\n      font-size: 3.5rem;\r\n      line-height: 1.1;\r\n      color: #fff;\r\n      text-transform: uppercase;\r\n      margin: 0;\r\n      \/* Efek Glitch Merah\/Emas *\/\r\n      text-shadow: 2px 2px 0px var(--wu-red), -1px -1px 0 var(--wu-gold);\r\n  }\r\n\r\n  \/* --- 3. MAIN CONTENT GRID --- *\/\r\n  .evo-content-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1.2fr; \/* Video 40%, Timeline 60% *\/\r\n      gap: 50px;\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      align-items: center;\r\n  }\r\n\r\n  \/* --- 4. VIDEO MODULE (LEFT) --- *\/\r\n  .evo-video-card {\r\n      position: relative;\r\n      border: 2px solid var(--wu-red);\r\n      box-shadow: 0 0 30px var(--wu-red-glow);\r\n      background: #000;\r\n      overflow: hidden;\r\n      \/* Membuat rasio video portrait\/tinggi agar cocok sebelah timeline *\/\r\n      height: 600px; \r\n      border-radius: 4px;\r\n  }\r\n\r\n  \/* Video Full Cover *\/\r\n  .evo-video-card video {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      opacity: 0.9;\r\n  }\r\n\r\n  \/* Overlay Scanline (Efek Tech) *\/\r\n  .evo-video-card::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0; width: 100%; height: 100%;\r\n      background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(0,0,0,0.1) 50%);\r\n      background-size: 100% 4px;\r\n      pointer-events: none;\r\n      z-index: 2;\r\n  }\r\n\r\n  \/* Dekorasi Label \"LIVE FEED\" *\/\r\n  .evo-video-label {\r\n      position: absolute;\r\n      top: 20px; left: 20px;\r\n      background: var(--wu-red);\r\n      color: #fff;\r\n      padding: 5px 10px;\r\n      font-weight: bold;\r\n      font-size: 0.9rem;\r\n      letter-spacing: 2px;\r\n      z-index: 5;\r\n  }\r\n\r\n\r\n  \/* --- 5. TIMELINE MODULE (RIGHT) --- *\/\r\n  .evo-timeline-list {\r\n      position: relative;\r\n      padding-left: 30px;\r\n      border-left: 2px solid rgba(255, 255, 255, 0.1); \/* Garis dasar *\/\r\n  }\r\n\r\n  \/* Garis Merah Aktif (Garis Waktu) *\/\r\n  .evo-timeline-list::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; bottom: 0; left: -2px; \/* Overlap border *\/\r\n      width: 4px;\r\n      background: linear-gradient(to bottom, var(--wu-gold), var(--wu-red));\r\n      box-shadow: 0 0 15px var(--wu-red);\r\n  }\r\n\r\n  \/* Item Timeline Individual *\/\r\n  .timeline-item {\r\n      position: relative;\r\n      margin-bottom: 40px;\r\n      padding: 25px;\r\n      background: var(--wu-card-bg);\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n      \/* Border kiri merah sebagai penanda *\/\r\n      border-left: 4px solid var(--wu-gold);\r\n      transition: all 0.3s ease;\r\n  }\r\n\r\n  .timeline-item:last-child { margin-bottom: 0; }\r\n\r\n  \/* Hover Effect: Card Menyala *\/\r\n  .timeline-item:hover {\r\n      background: rgba(166, 28, 38, 0.1);\r\n      border-color: var(--wu-red);\r\n      transform: translateX(10px);\r\n      box-shadow: 0 5px 20px rgba(0,0,0,0.5);\r\n  }\r\n\r\n  \/* Dot\/Node di Garis Utama *\/\r\n  .timeline-item::before {\r\n      content: '';\r\n      position: absolute;\r\n      left: -39px; \/* Posisi di garis utama *\/\r\n      top: 25px;\r\n      width: 14px; height: 14px;\r\n      background: var(--wu-black);\r\n      border: 2px solid var(--wu-gold);\r\n      border-radius: 50%;\r\n      z-index: 10;\r\n      box-shadow: 0 0 10px var(--wu-gold);\r\n      transition: 0.3s;\r\n  }\r\n  \r\n  .timeline-item:hover::before {\r\n      background: var(--wu-red);\r\n      border-color: var(--wu-red);\r\n  }\r\n\r\n  \/* Typography Timeline *\/\r\n  .t-year {\r\n      display: block;\r\n      font-size: 1.8rem;\r\n      font-weight: 700;\r\n      color: var(--wu-gold);\r\n      margin-bottom: 5px;\r\n      font-family: 'Protest Revolution', cursive; \/* Biar match heading *\/\r\n  }\r\n\r\n  .t-head {\r\n      font-size: 1.3rem;\r\n      font-weight: 600;\r\n      color: #fff;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      margin-bottom: 10px;\r\n  }\r\n\r\n  .t-desc {\r\n      font-size: 1rem;\r\n      line-height: 1.5;\r\n      color: #bbb;\r\n  }\r\n\r\n\r\n  \/* --- 6. RESPONSIVE --- *\/\r\n  @media (max-width: 900px) {\r\n      .evo-content-grid {\r\n          grid-template-columns: 1fr; \/* Stack ke bawah *\/\r\n          gap: 40px;\r\n      }\r\n      \r\n      .evo-video-card {\r\n          height: 300px; \/* Video lebih pendek di HP *\/\r\n      }\r\n      \r\n      .evo-title {\r\n          font-size: 2.2rem;\r\n      }\r\n\r\n      .t-year { font-size: 1.5rem; }\r\n      .t-head { font-size: 1.1rem; }\r\n  }\r\n<\/style>\r\n\r\n\r\n<div class=\"evo-header\">\r\n    <h2 class=\"evo-title\">Evolution of<br>Martial Arts Robotics<\/h2>\r\n<\/div>\r\n\r\n<div class=\"evo-content-grid\">\r\n    \r\n    <div class=\"evo-video-card\">\r\n        <div class=\"evo-video-label\">$WUBOT<\/div>\r\n        <video autoplay muted loop playsinline>\r\n            <source src=\"http:\/\/wubot.fun\/wp-content\/uploads\/2026\/02\/Unitree-G1-Chinese-Kungfu-Robot\uff01.mp4\" type=\"video\/mp4\">\r\n            Your browser does not support the video tag.\r\n        <\/video>\r\n    <\/div>\r\n\r\n    <div class=\"evo-timeline-list\">\r\n        \r\n        <div class=\"timeline-item\">\r\n            <span class=\"t-year\">2000\u20132010<\/span>\r\n            <div class=\"t-head\">Basic Humanoid Stability<\/div>\r\n            <div class=\"t-desc\">Early robots achieved walking and basic balance control, laying the foundation for bipedal movement.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-item\">\r\n            <span class=\"t-year\">2015\u20132020<\/span>\r\n            <div class=\"t-head\">Athletic Movement<\/div>\r\n            <div class=\"t-desc\">Robots began running, jumping, and maintaining dynamic balance, mimicking human athleticism.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-item\">\r\n            <span class=\"t-year\">2020\u20132024<\/span>\r\n            <div class=\"t-head\">Martial Motion Programming<\/div>\r\n            <div class=\"t-desc\">AI systems enabled structured punches, kicks, and complex stance transitions with high precision.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-item\">\r\n            <span class=\"t-year\">2025\u20132026<\/span>\r\n            <div class=\"t-head\">Synchronized Kungfu<\/div>\r\n            <div class=\"t-desc\">Multiple humanoid robots performed coordinated martial arts routines on major public stages globally.<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d716730 e-con-full e-flex e-con e-parent\" data-id=\"d716730\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0774374 elementor-widget elementor-widget-html\" data-id=\"0774374\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"wubot-chart-wrapper\">\r\n\r\n<style>\r\n  \/* --- 1. SETUP --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Protest+Revolution&display=swap');\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@500;700&display=swap');\r\n\r\n  .wubot-chart-wrapper {\r\n      --wu-gold: #D4AF37;\r\n      --wu-red: #A61C26;\r\n      --wu-red-glow: rgba(166, 28, 38, 0.3);\r\n      --wu-black: #000000;\r\n      --wu-panel-bg: #0a0a0a;\r\n      \r\n      width: 100%;\r\n      padding: 80px 20px;\r\n      background-color: var(--wu-black);\r\n      box-sizing: border-box;\r\n      font-family: 'Rajdhani', sans-serif;\r\n  }\r\n\r\n  \/* --- 2. TERMINAL CONTAINER --- *\/\r\n  .chart-terminal {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      border: 2px solid #333;\r\n      background: var(--wu-panel-bg);\r\n      box-shadow: 0 0 50px var(--wu-red-glow);\r\n      position: relative;\r\n      overflow: hidden;\r\n  }\r\n\r\n  \/* --- 3. TERMINAL HEADER (Bar Atas) --- *\/\r\n  .terminal-bar {\r\n      background: linear-gradient(90deg, #111, #222);\r\n      border-bottom: 2px solid var(--wu-red);\r\n      padding: 10px 20px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n  }\r\n\r\n  .terminal-title {\r\n      font-family: 'Protest Revolution', cursive;\r\n      color: #fff;\r\n      font-size: 1.5rem;\r\n      letter-spacing: 2px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n  }\r\n  \r\n  \/* Titik Merah Berkedip (Live Indicator) *\/\r\n  .live-dot {\r\n      width: 10px; height: 10px;\r\n      background-color: red;\r\n      border-radius: 50%;\r\n      box-shadow: 0 0 10px red;\r\n      animation: blink 1.5s infinite;\r\n  }\r\n\r\n  @keyframes blink {\r\n      0% { opacity: 1; }\r\n      50% { opacity: 0.3; }\r\n      100% { opacity: 1; }\r\n  }\r\n\r\n  .terminal-stats {\r\n      display: flex;\r\n      gap: 20px;\r\n      font-size: 0.9rem;\r\n      color: var(--wu-gold);\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n  }\r\n  \r\n  \/* Sembunyikan stats di HP *\/\r\n  @media (max-width: 600px) {\r\n      .terminal-stats { display: none; }\r\n  }\r\n\r\n\r\n  \/* --- 4. CHART FRAME (IFRAME) --- *\/\r\n  .chart-frame-container {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 700px; \/* Tinggi Chart *\/\r\n      background: #000;\r\n  }\r\n\r\n  .dex-embed {\r\n      width: 100%;\r\n      height: 100%;\r\n      border: none;\r\n  }\r\n\r\n  \/* --- 5. DECORATIONS --- *\/\r\n  .chart-corner {\r\n      position: absolute;\r\n      width: 30px; height: 30px;\r\n      border: 3px solid var(--wu-gold);\r\n      z-index: 10;\r\n      pointer-events: none;\r\n  }\r\n  .cc-tl { top: 0; left: 0; border-right: none; border-bottom: none; }\r\n  .cc-tr { top: 0; right: 0; border-left: none; border-bottom: none; }\r\n  .cc-bl { bottom: 0; left: 0; border-right: none; border-top: none; }\r\n  .cc-br { bottom: 0; right: 0; border-left: none; border-top: none; }\r\n\r\n<\/style>\r\n\r\n<div class=\"chart-terminal\">\r\n    \r\n    <div class=\"terminal-bar\">\r\n        <div class=\"terminal-title\">\r\n            <div class=\"live-dot\"><\/div>\r\n            MARKET DATA \/\/ LIVE\r\n        <\/div>\r\n        <div class=\"terminal-stats\">\r\n            <span>Network: Solana<\/span>\r\n            <span>Status: Active<\/span>\r\n            <span>Pair: WUBOT\/SOL<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"chart-frame-container\">\r\n        <div class=\"chart-corner cc-tl\"><\/div>\r\n        <div class=\"chart-corner cc-tr\"><\/div>\r\n        <div class=\"chart-corner cc-bl\"><\/div>\r\n        <div class=\"chart-corner cc-br\"><\/div>\r\n\r\n        <iframe \r\n            class=\"dex-embed\"\r\n            src=\"https:\/\/dexscreener.com\/solana\/GrA4ngchYK1x91Rb1Ro1yd4nEsJA3Kz4Z59qMRPzpump?embed=1&theme=dark\" \r\n            title=\"WUBOT Chart\">\r\n        <\/iframe>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca1cc66 e-con-full e-flex e-con e-parent\" data-id=\"ca1cc66\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f5b226 elementor-widget elementor-widget-html\" data-id=\"7f5b226\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"wubot-reactor-wrapper\">\r\n\r\n<style>\r\n  \/* --- 1. SETUP & VARIABLES --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Protest+Revolution&display=swap');\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@500;700&display=swap');\r\n\r\n  .wubot-reactor-wrapper {\r\n      --wu-gold: #D4AF37;\r\n      --wu-gold-glow: #ffec8b;\r\n      --wu-red-deep: #4a0000;\r\n      --wu-red-bright: #d90429;\r\n      --wu-black: #000000;\r\n      \r\n      width: 100%;\r\n      padding: 100px 20px;\r\n      background-color: var(--wu-black);\r\n\r\n      box-sizing: border-box;\r\n      font-family: 'Rajdhani', sans-serif;\r\n      text-align: center;\r\n      overflow: hidden; \/* Mencegah overflow animasi *\/\r\n  }\r\n\r\n  \/* --- 2. HEADER --- *\/\r\n  .reactor-header {\r\n      margin-bottom: 80px;\r\n      position: relative;\r\n      z-index: 10;\r\n  }\r\n\r\n  .reactor-title {\r\n      font-family: 'Protest Revolution', cursive;\r\n      font-size: 4rem;\r\n      line-height: 1;\r\n      color: #fff;\r\n      text-transform: uppercase;\r\n      margin: 0;\r\n      text-shadow: 0 0 25px rgba(217, 4, 41, 0.6);\r\n  }\r\n\r\n  .solana-pill {\r\n      display: inline-block;\r\n      background: #000;\r\n      border: 1px solid #14F195;\r\n      color: #14F195;\r\n      font-weight: 700;\r\n      font-size: 0.9rem;\r\n      padding: 6px 20px;\r\n      border-radius: 50px;\r\n      margin-top: 15px;\r\n      letter-spacing: 2px;\r\n      box-shadow: 0 0 15px rgba(20, 241, 149, 0.2);\r\n      text-transform: uppercase;\r\n  }\r\n\r\n  \/* --- 3. THE GRID CONTAINER --- *\/\r\n  .reactor-grid-container {\r\n      position: relative;\r\n      max-width: 1000px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr; \/* 2 Kolom *\/\r\n      column-gap: 150px; \/* Jarak Horizontal LEBAR untuk Gambar Tengah *\/\r\n      row-gap: 40px;     \/* Jarak Vertikal *\/\r\n  }\r\n\r\n  \/* --- 4. CENTER IMAGE (THE CORE) --- *\/\r\n  .reactor-core-image {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      width: 450px; \/* Sesuaikan ukuran gambar *\/\r\n      z-index: 5; \/* Di atas background, sejajar\/sedikit di atas kartu *\/\r\n      \r\n      \/* KUNCI AGAR TIDAK MENGGANGGU HOVER CARD *\/\r\n      pointer-events: none; \r\n      \r\n      \/* Animasi *\/\r\n      animation: coreFloat 6s ease-in-out infinite;\r\n      filter: drop-shadow(0 0 30px rgba(217, 4, 41, 0.4));\r\n  }\r\n\r\n  @keyframes coreFloat {\r\n      0%, 100% { transform: translate(-50%, -50%) scale(1); }\r\n      50% { transform: translate(-50%, -55%) scale(1.05); }\r\n  }\r\n\r\n  \/* --- 5. RED CARDS (IMPROVED) --- *\/\r\n  .reactor-card {\r\n      position: relative;\r\n      background: rgba(40, 0, 0, 0.85); \/* Merah sangat gelap transparan *\/\r\n      backdrop-filter: blur(10px);\r\n      border: 1px solid var(--wu-red-bright);\r\n      padding: 30px;\r\n      border-radius: 12px;\r\n      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n      z-index: 2; \/* Di bawah gambar core, tapi hover akan mengangkatnya *\/\r\n      overflow: hidden;\r\n      box-shadow: 0 0 15px rgba(0,0,0,0.5);\r\n  }\r\n\r\n  \/* Garis Dekorasi Card *\/\r\n  .reactor-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0; width: 100%; height: 4px;\r\n      background: linear-gradient(90deg, transparent, var(--wu-gold), transparent);\r\n      opacity: 0.5;\r\n  }\r\n\r\n  \/* HOVER EFFECT *\/\r\n  .reactor-card:hover {\r\n      transform: translateY(-5px) scale(1.02);\r\n      border-color: var(--wu-gold);\r\n      background: rgba(80, 0, 0, 0.95);\r\n      box-shadow: \r\n          0 10px 30px rgba(0,0,0,0.8),\r\n          0 0 20px rgba(212, 175, 55, 0.2); \/* Gold glow *\/\r\n      z-index: 10; \/* Saat hover, dia naik ke atas segalanya (optional) *\/\r\n  }\r\n\r\n  .rc-icon {\r\n      width: 50px; height: 50px; margin: 0 auto 15px auto;\r\n  }\r\n  .rc-icon svg {\r\n      width: 100%; height: 100%; fill: var(--wu-gold);\r\n      filter: drop-shadow(0 0 5px var(--wu-gold));\r\n  }\r\n\r\n  .rc-label {\r\n      font-size: 0.9rem;\r\n      color: #aaa;\r\n      text-transform: uppercase;\r\n      letter-spacing: 2px;\r\n      margin-bottom: 5px;\r\n  }\r\n\r\n  .rc-value {\r\n      font-family: 'Protest Revolution', cursive;\r\n      font-size: 2.2rem;\r\n      color: #fff;\r\n      line-height: 1;\r\n      text-shadow: 2px 2px 0 #000;\r\n  }\r\n  \r\n  \/* Highlight Text Colors *\/\r\n  .text-ticker { color: var(--wu-gold); }\r\n  .text-burn { color: var(--wu-red-bright); }\r\n\r\n\r\n  \/* --- 6. RESPONSIVE --- *\/\r\n  @media (max-width: 900px) {\r\n      .reactor-grid-container {\r\n          grid-template-columns: 1fr; \/* 1 Kolom *\/\r\n          gap: 20px;\r\n          margin-top: 20px;\r\n      }\r\n      \r\n      .reactor-core-image {\r\n          \/* Di HP, gambar jadi background watermark atau kecil di tengah *\/\r\n          width: 300px;\r\n          opacity: 0.4; \/* Dibuat agak transparan agar teks kartu terbaca *\/\r\n      }\r\n      \r\n      .reactor-title { font-size: 2.5rem; }\r\n      \r\n      .reactor-card {\r\n          background: rgba(0, 0, 0, 0.8); \/* Lebih gelap di HP agar kontras *\/\r\n      }\r\n  }\r\n<\/style>\r\n\r\n\r\n<div class=\"reactor-header\">\r\n    <h2 class=\"reactor-title\">Token Architecture<\/h2>\r\n    <div class=\"solana-pill\">LIVE ON SOLANA<\/div>\r\n<\/div>\r\n\r\n<div class=\"reactor-grid-container\">\r\n\r\n    <img decoding=\"async\" src=\"http:\/\/wubot.fun\/wp-content\/uploads\/2026\/02\/Asset-4.png\" alt=\"Wubot Core\" class=\"reactor-core-image\">\r\n\r\n    <div class=\"reactor-card\">\r\n        <div class=\"rc-icon\">\r\n             <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"rc-label\">Official Ticker<\/div>\r\n        <div class=\"rc-value text-ticker\">$WUBOT<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"reactor-card\">\r\n        <div class=\"rc-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"rc-label\">Total Supply<\/div>\r\n        <div class=\"rc-value\">1 Billion<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"reactor-card\">\r\n        <div class=\"rc-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17.66 11.2C17.43 10.9 17.15 10.64 16.89 10.38C16.22 9.78 15.46 9.35 14.82 8.72C13.33 7.26 13 4.85 13.95 3C13.08 3.23 12.17 3.75 11.46 4.32C8.92 6.36 7.99 9.07 8.97 12.06C7.58 11.53 6.64 10.36 6.13 9.03C5.55 11.64 6.78 14.86 8.78 16.59C10.74 18.29 13.57 18.25 15.68 16.84C16.48 16.31 17.15 15.61 17.7 14.82C18.15 14.15 19.33 13.67 20 13.82C19.62 12.8 18.66 11.83 17.66 11.2ZM13 16C11.9 16 11 15.1 11 14C11 12.9 11.9 12 13 12C14.1 12 15 12.9 15 14C15 15.1 14.1 16 13 16Z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"rc-label\">Liquidity Pool<\/div>\r\n        <div class=\"rc-value text-burn\">100% Burn<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"reactor-card\">\r\n        <div class=\"rc-icon\">\r\n             <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"rc-label\">Tax Policy<\/div>\r\n        <div class=\"rc-value\">0% Tax<\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d91704c e-con-full e-flex e-con e-parent\" data-id=\"d91704c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef3c970 elementor-widget elementor-widget-html\" data-id=\"ef3c970\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"wubot-footer-wrapper\">\r\n\r\n<style>\r\n  \/* --- 1. SETUP --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Protest+Revolution&display=swap');\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;600&display=swap');\r\n\r\n  .wubot-footer-wrapper {\r\n      \/* Palette sama dengan Navbar *\/\r\n      --wu-red-deep: #800000;     \r\n      --wu-red-vibrant: #b30000;  \r\n      --wu-gold-rich: #D4AF37;    \r\n      --wu-gold-pale: #F4C430;    \r\n      --wu-black-accent: #111111; \r\n\r\n      --wu-font-head: 'Protest Revolution', cursive;\r\n      --wu-font-body: 'Rajdhani', sans-serif;\r\n      \r\n      width: 100%;\r\n      position: relative;\r\n      box-sizing: border-box;\r\n      color: #fff;\r\n      overflow: hidden;\r\n      \r\n      \/* Background Merah Mewah (Sama kek Navbar) *\/\r\n      background: linear-gradient(to bottom, var(--wu-red-vibrant), var(--wu-red-deep));\r\n      background-image: repeating-linear-gradient(45deg, rgba(0,0,0,0.1) 0px, rgba(0,0,0,0.1) 1px, transparent 1px, transparent 5px),\r\n                        linear-gradient(to bottom, var(--wu-red-vibrant), var(--wu-red-deep));\r\n      \r\n      border-top: 4px solid var(--wu-gold-rich); \/* Border atas emas tebal *\/\r\n      padding: 60px 20px 30px 20px;\r\n  }\r\n\r\n  \/* --- 2. JOIN COMMUNITY SECTION --- *\/\r\n  .footer-cta {\r\n      text-align: center;\r\n      margin-bottom: 50px;\r\n  }\r\n\r\n  .footer-heading {\r\n      font-family: var(--wu-font-head);\r\n      font-size: 3rem;\r\n      color: var(--wu-gold-rich);\r\n      text-transform: uppercase;\r\n      margin-bottom: 25px;\r\n      text-shadow: \r\n          2px 2px 0px var(--wu-black-accent),\r\n          0 0 15px rgba(212, 175, 55, 0.4);\r\n  }\r\n\r\n  .social-grid {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 20px;\r\n      flex-wrap: wrap;\r\n  }\r\n\r\n  \/* Tombol Social Media *\/\r\n  .social-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 12px 30px;\r\n      background: rgba(0, 0, 0, 0.3);\r\n      border: 2px solid var(--wu-gold-rich);\r\n      color: var(--wu-gold-rich);\r\n      font-family: var(--wu-font-body);\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      font-size: 1.1rem;\r\n      text-decoration: none;\r\n      transition: all 0.3s ease;\r\n      clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);\r\n  }\r\n\r\n  .social-btn svg {\r\n      width: 20px; height: 20px;\r\n      fill: var(--wu-gold-rich);\r\n      transition: fill 0.3s;\r\n  }\r\n\r\n  .social-btn:hover {\r\n      background: var(--wu-gold-rich);\r\n      color: var(--wu-red-deep);\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 0 20px rgba(212, 175, 55, 0.4);\r\n  }\r\n\r\n  .social-btn:hover svg {\r\n      fill: var(--wu-red-deep);\r\n  }\r\n\r\n\r\n  \/* --- 3. DIVIDER ORNAMENT --- *\/\r\n  .footer-divider {\r\n      position: relative;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, transparent, var(--wu-gold-rich), transparent);\r\n      margin: 40px auto;\r\n      max-width: 800px;\r\n      opacity: 0.5;\r\n  }\r\n  \r\n  \/* Motif Awan Tengah *\/\r\n  .footer-divider::after {\r\n      content: '\u2601'; \/* Atau icon unicode cloud\/floral *\/\r\n      position: absolute;\r\n      top: 50%; left: 50%;\r\n      transform: translate(-50%, -55%);\r\n      font-size: 24px;\r\n      color: var(--wu-gold-rich);\r\n      background: var(--wu-red-deep); \/* Supaya garis tertutup *\/\r\n      padding: 0 15px;\r\n      text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);\r\n  }\r\n\r\n\r\n  \/* --- 4. BOTTOM INFO --- *\/\r\n  .footer-bottom {\r\n      text-align: center;\r\n      font-family: var(--wu-font-body);\r\n  }\r\n\r\n  .footer-logo {\r\n      font-family: var(--wu-font-head);\r\n      font-size: 2rem;\r\n      color: #fff;\r\n      margin-bottom: 20px;\r\n      display: inline-block;\r\n      text-shadow: 2px 2px 0 var(--wu-black-accent);\r\n  }\r\n\r\n  .footer-disclaimer {\r\n      font-size: 0.85rem;\r\n      color: rgba(255, 255, 255, 0.6);\r\n      max-width: 700px;\r\n      margin: 0 auto 20px auto;\r\n      line-height: 1.5;\r\n  }\r\n\r\n  .footer-copyright {\r\n      font-size: 0.9rem;\r\n      color: var(--wu-gold-pale);\r\n      font-weight: 600;\r\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n      padding-top: 20px;\r\n      display: inline-block;\r\n      width: 100%;\r\n      max-width: 400px;\r\n  }\r\n\r\n  \/* --- RESPONSIVE --- *\/\r\n  @media (max-width: 768px) {\r\n      .footer-heading { font-size: 2.2rem; }\r\n      .social-grid { flex-direction: column; align-items: center; }\r\n      .social-btn { width: 80%; justify-content: center; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"footer-cta\">\r\n    <h2 class=\"footer-heading\">Join the Revolution<\/h2>\r\n    <div class=\"social-grid\">\r\n        <a href=\"https:\/\/t.me\/kungfurobots\" target=\"_blank\" class=\"social-btn\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M9.78 18.65l.28-4.28 7.27-6.36c.38-.33-.05-.52-.52-.22l-8.99 5.43-3.06-1.44c-1.35-.42-1.35-1.32 2.8-2.92L21.5 3.05c1.94-.74 2.65.65 2.2 2.97l-3.75 16.89c-.28 1.25-1 1.55-2.28.97l-6.19-4.42zM12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16z\" opacity=\"0\"\/><\/path><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1.84 17.5l.41-5.64 8.76-7.92c.38-.33-.05-.52-.52-.22l-10.84 6.79-3.69-1.74c-1.63-.51-1.62-1.59 3.37-3.52L21.7 3.96c2.34-.89 3.19.78 2.65 3.58l-4.52 20.36c-.34 1.5-1.2 1.86-2.75 1.17l-7.46-5.32z\"\/><\/svg>\r\n            Telegram\r\n        <\/a>\r\n        \r\n        <a href=\"https:\/\/x.com\/kungfu_robots\" target=\"_blank\" class=\"social-btn\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n            X (Twitter)\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"footer-divider\"><\/div>\r\n\r\n<div class=\"footer-bottom\">\r\n    <div class=\"footer-logo\">$WUBOT<\/div>\r\n    \r\n    <div class=\"footer-disclaimer\">\r\n        $WUBOT is a meme coin with no intrinsic value or expectation of financial return. The coin is for entertainment purposes only. Please trade responsibly.\r\n    <\/div>\r\n    \r\n    <div class=\"footer-copyright\">\r\n        \u00a9 2026 WUBOT. All Rights Reserved.\r\n    <\/div>\r\n<\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>$WUBOT X Telegram Chart Chinese KungfuRobots GrA4ngchYK1x91Rb1Ro1yd4nEsJA3Kz4Z59qMRPzpump COPIED Where Tradition MetAdvanced Robotics In January 2026, during China\u2019s nationally televised Spring Festival Gala, a special performance captured global attention. On stage, a group of humanoid robots executed synchronized Chinese martial arts movements \u2014 combining traditional kungfu choreography with advanced robotics engineering. The show featured precise stance [&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:\/\/wubot.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wubot.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wubot.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wubot.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wubot.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":10,"href":"https:\/\/wubot.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/wubot.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/wubot.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}