{"id":8,"date":"2026-02-28T17:05:20","date_gmt":"2026-02-28T17:05:20","guid":{"rendered":"https:\/\/nonuclearplease.site\/?page_id=8"},"modified":"2026-03-04T04:43:03","modified_gmt":"2026-03-04T04:43:03","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/nonuclearplease.site\/","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-15c6379 e-con-full e-flex e-con e-parent\" data-id=\"15c6379\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-538bb94 elementor-widget elementor-widget-html\" data-id=\"538bb94\" 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 font modern dan profesional *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@600;700&family=Inter:wght@400;500&display=swap');\r\n\r\n  .nuke-pro-nav {\r\n    font-family: 'Inter', sans-serif;\r\n    background-color: #0b0c10; \/* Hitam pekat modern *\/\r\n    border-bottom: 1px solid rgba(57, 255, 20, 0.15); \/* Garis bawah hijau neon tipis *\/\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 16px 48px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\r\n  }\r\n\r\n  \/* --- LOGO KIRI --- *\/\r\n  .nuke-pro-logo {\r\n    font-family: 'Rajdhani', sans-serif;\r\n    color: #f2a900; \/* Kuning peringatan nuklir *\/\r\n    font-size: 26px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    transition: text-shadow 0.3s ease;\r\n  }\r\n\r\n  .nuke-pro-logo:hover {\r\n    text-shadow: 0 0 15px rgba(242, 169, 0, 0.5);\r\n  }\r\n\r\n  \/* Ikon simpel di sebelah logo *\/\r\n  .nuke-pro-logo svg {\r\n    width: 26px;\r\n    height: 26px;\r\n    fill: #f2a900;\r\n  }\r\n\r\n  \/* --- MENU KANAN --- *\/\r\n  .nuke-pro-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 32px;\r\n  }\r\n\r\n  \/* Tombol Sosial Media *\/\r\n  .nuke-pro-social {\r\n    display: flex;\r\n    gap: 20px;\r\n  }\r\n\r\n  .nuke-pro-social a {\r\n    color: #8b8c8f;\r\n    text-decoration: none;\r\n    font-weight: 500;\r\n    font-size: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .nuke-pro-social a svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #8b8c8f;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  \/* Hover efek menyala hijau radioaktif *\/\r\n  .nuke-pro-social a:hover {\r\n    color: #39ff14; \r\n  }\r\n\r\n  .nuke-pro-social a:hover svg {\r\n    fill: #39ff14;\r\n    transform: translateY(-2px);\r\n    filter: drop-shadow(0 0 5px rgba(57, 255, 20, 0.6));\r\n  }\r\n\r\n  \/* Tombol BUY NOW *\/\r\n  .nuke-pro-btn {\r\n    background-color: transparent;\r\n    color: #39ff14;\r\n    font-family: 'Rajdhani', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 17px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    padding: 10px 28px;\r\n    border: 2px solid #39ff14;\r\n    border-radius: 4px;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 0 10px rgba(57, 255, 20, 0.1) inset, 0 0 10px rgba(57, 255, 20, 0.1);\r\n  }\r\n\r\n  .nuke-pro-btn:hover {\r\n    background-color: #39ff14;\r\n    color: #000;\r\n    box-shadow: 0 0 20px rgba(57, 255, 20, 0.6), 0 0 10px rgba(57, 255, 20, 0.4) inset;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* --- RESPONSIVE MOBILE --- *\/\r\n  @media (max-width: 768px) {\r\n    .nuke-pro-nav {\r\n      flex-direction: column;\r\n      padding: 20px;\r\n      gap: 24px;\r\n    }\r\n    .nuke-pro-actions {\r\n      flex-direction: column;\r\n      width: 100%;\r\n      gap: 20px;\r\n    }\r\n    .nuke-pro-social {\r\n      justify-content: center;\r\n      width: 100%;\r\n    }\r\n    .nuke-pro-btn {\r\n      width: 100%;\r\n      text-align: center;\r\n      box-sizing: border-box;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"nuke-pro-nav\">\r\n  <a href=\"#\" class=\"nuke-pro-logo\">\r\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M12 2L1 21H23L12 2ZM12 6.09L19.09 19H4.91L12 6.09ZM11 10V15H13V10H11ZM11 16V18H13V16H11Z\"\/>\r\n    <\/svg>\r\n    NO NUCLEAR PLEASE\r\n  <\/a>\r\n\r\n  <div class=\"nuke-pro-actions\">\r\n    \r\n    <div class=\"nuke-pro-social\">\r\n      <a href=\"https:\/\/x.com\/nonuclearplease\" target=\"_blank\" rel=\"noopener\">\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.25 2.25h6.963l4.715 6.231 5.316-6.231zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77z\"><\/path><\/svg>\r\n        Twitter\r\n      <\/a>\r\n      <a href=\"https:\/\/t.me\/nonuclearplease\" target=\"_blank\" rel=\"noopener\">\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 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 .34z\"\/><\/svg>\r\n        Telegram\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=6XACVQwUPZdya5UwTcatUbmWbJwuYC6BRSwSX79Gpump\" class=\"nuke-pro-btn\">BUY NOW<\/a>\r\n    \r\n  <\/div>\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-1c916f7 e-con-full e-flex e-con e-parent\" data-id=\"1c916f7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2aa1725 elementor-widget elementor-widget-html\" data-id=\"2aa1725\" 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@400;700&family=Space+Grotesk:wght@300;400;600;700&family=JetBrains+Mono:wght@400;700&display=swap');\r\n\r\n  \/* RESET & VARIABLES *\/\r\n  .nuke-ultra-wrapper {\r\n    --primary: #f2a900; \/* Crypto Yellow *\/\r\n    --primary-glow: rgba(242, 169, 0, 0.4);\r\n    --secondary: #39ff14; \/* Rad Green *\/\r\n    --dark: #0B0C10;\r\n    --glass: rgba(15, 15, 15, 0.4);\r\n    --glass-border: rgba(255, 255, 255, 0.1);\r\n    \r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    background-color: var(--dark);\r\n    \/* Space for scroll effect *\/\r\n    height: 180vh; \r\n    position: relative;\r\n  }\r\n\r\n  \/* STICKY CONTAINER *\/\r\n  .nuke-ultra-sticky {\r\n    position: sticky;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100vh;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* VIDEO BACKGROUND *\/\r\n  .nuke-bg-video {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    min-width: 100%;\r\n    min-height: 100%;\r\n    width: auto;\r\n    height: auto;\r\n    transform: translate(-50%, -50%) scale(1); \/* Scale for JS animation *\/\r\n    object-fit: cover;\r\n    z-index: 0;\r\n    will-change: transform; \/* Performance optimization *\/\r\n  }\r\n\r\n  \/* OVERLAYS (Vignette & Scanlines) *\/\r\n  .nuke-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(circle at center, transparent 0%, rgba(5,5,5,0.85) 100%),\r\n                linear-gradient(to bottom, rgba(5,5,5,0.3) 0%, rgba(5,5,5,0.7) 100%);\r\n    z-index: 1;\r\n  }\r\n  \r\n  .nuke-scanline {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: repeating-linear-gradient(0deg, rgba(255,255,255,0.01) 0, rgba(255,255,255,0.01) 1px, transparent 1px, transparent 3px);\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* DECORATIVE HUD ELEMENTS (The \"Pro\" Touch) *\/\r\n  .hud-element {\r\n    position: absolute;\r\n    z-index: 3;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    color: rgba(255, 255, 255, 0.3);\r\n    font-size: 10px;\r\n    letter-spacing: 2px;\r\n    pointer-events: none;\r\n  }\r\n  .hud-top-left { top: 40px; left: 40px; border-left: 1px solid var(--primary); padding-left: 10px; }\r\n  .hud-bottom-right { bottom: 40px; right: 40px; text-align: right; border-right: 1px solid var(--secondary); padding-right: 10px; }\r\n\r\n  \/* MAIN CONTENT LAYOUT *\/\r\n  .nuke-content {\r\n    position: relative;\r\n    z-index: 10;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    padding: 0 20px;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  \/* PREMIUM TYPOGRAPHY *\/\r\n  .nuke-title {\r\n    font-family: 'Syncopate', sans-serif;\r\n    font-size: clamp(2rem, 5vw, 4.5rem);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    text-align: center;\r\n    line-height: 1.2;\r\n    color: #fff;\r\n    margin-bottom: 50px;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .nuke-title .outline-text {\r\n    display: block;\r\n    color: transparent;\r\n    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.8);\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .nuke-title .glow-text {\r\n    display: block;\r\n    color: var(--primary);\r\n    text-shadow: 0 0 30px var(--primary-glow), 0 0 60px rgba(242, 169, 0, 0.2);\r\n    position: relative;\r\n  }\r\n\r\n  \/* CYBER CA BOX *\/\r\n  .ca-container {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 8px;\r\n  }\r\n\r\n  .ca-label {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 11px;\r\n    color: var(--secondary);\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    padding-left: 5px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .ca-label::before {\r\n    content: '';\r\n    display: block;\r\n    width: 6px;\r\n    height: 6px;\r\n    background-color: var(--secondary);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 8px var(--secondary);\r\n    animation: pulseDot 2s infinite;\r\n  }\r\n\r\n  .ca-box {\r\n    display: flex;\r\n    align-items: center;\r\n    background: var(--glass);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    border: 1px solid var(--glass-border);\r\n    border-radius: 12px;\r\n    padding: 8px 8px 8px 24px;\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 0 1px rgba(255,255,255,0.05);\r\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Animated Gradient Border Effect on Hover *\/\r\n  .ca-box::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 12px;\r\n    padding: 1px;\r\n    background: linear-gradient(45deg, transparent, var(--secondary), transparent);\r\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n    -webkit-mask-composite: xor;\r\n    mask-composite: exclude;\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  .ca-box:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 25px 50px rgba(0,0,0,0.8), 0 0 20px rgba(57, 255, 20, 0.1) inset;\r\n  }\r\n\r\n  .ca-box:hover::after {\r\n    opacity: 1;\r\n  }\r\n\r\n  .ca-value {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: clamp(0.9rem, 1.5vw, 1.2rem);\r\n    color: #ffffff;\r\n    margin-right: 30px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  \/* PREMIUM COPY BUTTON *\/\r\n  .copy-action {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .copy-action svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: #fff;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .ca-box:hover .copy-action {\r\n    background: var(--secondary);\r\n    border-color: var(--secondary);\r\n    box-shadow: 0 0 15px rgba(57, 255, 20, 0.4);\r\n  }\r\n\r\n  .ca-box:hover .copy-action svg {\r\n    fill: #000;\r\n  }\r\n\r\n  .copy-action:active {\r\n    transform: scale(0.9);\r\n  }\r\n\r\n  \/* TOAST NOTIFICATION *\/\r\n  .custom-toast {\r\n    position: fixed;\r\n    bottom: 40px;\r\n    left: 50%;\r\n    transform: translateX(-50%) translateY(100px);\r\n    background: var(--secondary);\r\n    color: #000;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    padding: 12px 24px;\r\n    border-radius: 30px;\r\n    box-shadow: 0 10px 30px rgba(57, 255, 20, 0.3);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n    z-index: 999;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .custom-toast.show {\r\n    transform: translateX(-50%) translateY(0);\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  \/* KEYFRAMES *\/\r\n  @keyframes pulseDot {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.4; transform: scale(0.8); }\r\n  }\r\n\r\n  @keyframes slideUpFade {\r\n    0% { opacity: 0; transform: translateY(50px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .animate-on-load {\r\n    animation: slideUpFade 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;\r\n  }\r\n\r\n  \/* RESPONSIVE *\/\r\n  @media (max-width: 768px) {\r\n    .ca-box {\r\n      padding: 6px 6px 6px 16px;\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      gap: 10px;\r\n    }\r\n    .ca-value {\r\n      margin-right: 0;\r\n      text-align: center;\r\n      font-size: 0.85rem;\r\n      word-break: break-all;\r\n    }\r\n    .copy-action {\r\n      width: 100%;\r\n      height: 40px;\r\n    }\r\n    .hud-element { display: none; } \/* Hide HUD on mobile for cleaner look *\/\r\n  }\r\n<\/style>\r\n\r\n<div class=\"nuke-ultra-wrapper\">\r\n  \r\n  <div class=\"nuke-ultra-sticky\">\r\n    <video class=\"nuke-bg-video\" id=\"hero-vid\" autoplay loop muted playsinline>\r\n      <source src=\"http:\/\/nonuclearplease.site\/wp-content\/uploads\/2026\/02\/BG-NO-NUCLEAR-PLEASE.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    \r\n    <div class=\"nuke-overlay\"><\/div>\r\n    <div class=\"nuke-scanline\"><\/div>\r\n\r\n    <div class=\"hud-element hud-top-left\">\r\n      SYS.INIT_0x99<br>SECURE_CONNECTION\r\n    <\/div>\r\n    <div class=\"hud-element hud-bottom-right\">\r\n      LAT: 34.0522<br>LONG: -118.2437<br>STATUS: ACTIVE\r\n    <\/div>\r\n\r\n    <div class=\"nuke-content animate-on-load\" id=\"hero-core-content\">\r\n      \r\n      <h1 class=\"nuke-title\">\r\n        <span class=\"outline-text\">The Future Is Not A<\/span>\r\n        <span class=\"glow-text\">Fallout Zone<\/span>\r\n      <\/h1>\r\n      \r\n      <div class=\"ca-container\">\r\n        <div class=\"ca-label\">Contract Address<\/div>\r\n        <div class=\"ca-box\" onclick=\"copyPremiumCA()\">\r\n          <span class=\"ca-value\" id=\"premium-ca-text\">6XACVQwUPZdya5UwTcatUbmWbJwuYC6BRSwSX79Gpump<\/span>\r\n          \r\n          <button class=\"copy-action\" id=\"premium-copy-btn\">\r\n            <svg id=\"icon-copy-svg\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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            <svg id=\"icon-check-svg\" style=\"display: none;\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/>\r\n            <\/svg>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"custom-toast\" id=\"global-toast\">\r\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n  <\/svg>\r\n  ADDRESS COPIED TO CLIPBOARD\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ Advanced Copy to Clipboard Logic\r\n  function copyPremiumCA() {\r\n    const textToCopy = document.getElementById(\"premium-ca-text\").innerText;\r\n    \r\n    navigator.clipboard.writeText(textToCopy).then(() => {\r\n      const toast = document.getElementById(\"global-toast\");\r\n      const iconCopy = document.getElementById(\"icon-copy-svg\");\r\n      const iconCheck = document.getElementById(\"icon-check-svg\");\r\n      const btn = document.getElementById(\"premium-copy-btn\");\r\n\r\n      \/\/ Change Button State\r\n      iconCopy.style.display = \"none\";\r\n      iconCheck.style.display = \"block\";\r\n      btn.style.background = \"#39ff14\";\r\n      \r\n      \/\/ Show Toast Notification\r\n      toast.classList.add(\"show\");\r\n\r\n      \/\/ Reset after 2.5 seconds\r\n      setTimeout(() => {\r\n        toast.classList.remove(\"show\");\r\n        iconCopy.style.display = \"block\";\r\n        iconCheck.style.display = \"none\";\r\n        btn.style.background = \"\"; \/\/ return to css hover state\r\n      }, 2500);\r\n    });\r\n  }\r\n\r\n  \/\/ Advanced Smooth Parallax Scroll Logic\r\n  window.addEventListener('scroll', () => {\r\n    \/\/ RequestAnimationFrame for better performance\r\n    window.requestAnimationFrame(() => {\r\n      const scrollPos = window.scrollY;\r\n      const content = document.getElementById('hero-core-content');\r\n      const video = document.getElementById('hero-vid');\r\n      \r\n      \/\/ Calculate physics\r\n      \/\/ 1. Content fades out and moves up\r\n      let opacityValue = 1 - (scrollPos \/ 600); \/\/ Fades completely at 600px scroll\r\n      let yTransform = scrollPos * 0.4; \/\/ Moves up at 40% scroll speed\r\n      let scaleContent = 1 - (scrollPos \/ 3000); \/\/ Shrinks very slightly\r\n      \r\n      \/\/ 2. Video zooms in slowly for depth effect\r\n      let videoScale = 1 + (scrollPos \/ 2000); \r\n\r\n      \/\/ Apply styles\r\n      if (opacityValue < 0) opacityValue = 0;\r\n      \r\n      content.style.opacity = opacityValue;\r\n      content.style.transform = `translateY(-${yTransform}px) scale(${scaleContent})`;\r\n      \r\n      \/\/ We keep translate(-50%, -50%) for centering, and append the scale\r\n      video.style.transform = `translate(-50%, -50%) scale(${videoScale})`;\r\n    });\r\n  });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0bfa267 e-con-full e-flex e-con e-parent\" data-id=\"0bfa267\" data-element_type=\"container\" id=\"about\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d9508b elementor-widget elementor-widget-html\" data-id=\"0d9508b\" 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  \/* Menggunakan font premium dari section sebelumnya *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@400;700&family=Space+Grotesk:wght@300;400;600;700&family=JetBrains+Mono:wght@400&display=swap');\r\n\r\n  .nuke-about-section {\r\n    --primary-color: #f2a900;\r\n    --primary-glow: rgba(242, 169, 0, 0.15);\r\n    --secondary-color: #39ff14;\r\n    --dark-bg: #0b0c10;\r\n    --text-main: #e0e0e0;\r\n    --text-muted: #8b8c8f;\r\n\r\n    background-color: var(--dark-bg);\r\n    position: relative;\r\n    padding: 120px 20px;\r\n    overflow: hidden;\r\n    font-family: 'Space Grotesk', sans-serif;\r\n  }\r\n\r\n  \/* Elemen dekoratif background (Grid samar) *\/\r\n  .nuke-about-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background-image: \r\n      linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    opacity: 0.5;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* Container Utama Grid *\/\r\n  .nuke-about-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- KIRI: KONTEN TEKS --- *\/\r\n  .nuke-about-text-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    \/* Persiapan Animasi Scroll *\/\r\n    opacity: 0;\r\n    transform: translateX(-50px);\r\n    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  }\r\n\r\n  .nuke-about-text-wrapper.scrolled-in {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n\r\n  .about-label {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    color: var(--secondary-color);\r\n    font-size: 14px;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .about-label::before {\r\n    content: '';\r\n    width: 30px;\r\n    height: 1px;\r\n    background-color: var(--secondary-color);\r\n  }\r\n\r\n  .about-title {\r\n    font-family: 'Syncopate', sans-serif;\r\n    font-size: clamp(2rem, 4vw, 3.5rem);\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    line-height: 1.1;\r\n    text-transform: uppercase;\r\n    margin-bottom: 30px;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .about-title span {\r\n    color: var(--primary-color);\r\n    display: block;\r\n    text-shadow: 0 0 20px rgba(242, 169, 0, 0.3);\r\n  }\r\n\r\n  .about-desc {\r\n    font-size: 1.1rem;\r\n    line-height: 1.8;\r\n    color: var(--text-muted);\r\n    font-weight: 300;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .about-desc strong {\r\n    color: #ffffff;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .about-desc .highlight-coin {\r\n    color: var(--primary-color);\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-weight: 700;\r\n    background: rgba(242, 169, 0, 0.1);\r\n    padding: 2px 8px;\r\n    border-radius: 4px;\r\n    border: 1px solid rgba(242, 169, 0, 0.2);\r\n  }\r\n\r\n  \/* --- KANAN: GAMBAR --- *\/\r\n  .nuke-about-image-wrapper {\r\n    position: relative;\r\n    \/* Persiapan Animasi Scroll *\/\r\n    opacity: 0;\r\n    transform: translateX(50px);\r\n    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; \/* delay 0.2s agar teks masuk duluan *\/\r\n  }\r\n\r\n  .nuke-about-image-wrapper.scrolled-in {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n\r\n  \/* Backlight Glow di belakang gambar *\/\r\n  .image-glow-bg {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 80%;\r\n    height: 80%;\r\n    background: radial-gradient(circle, var(--primary-glow) 0%, rgba(11, 12, 16, 0) 70%);\r\n    filter: blur(40px);\r\n    z-index: 1;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  \/* Gambar Utama dengan Animasi Melayang *\/\r\n  .nuke-about-img {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    height: auto;\r\n    object-fit: contain;\r\n    filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.7));\r\n    animation: floatImage 6s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes floatImage {\r\n    0% { transform: translateY(0px); }\r\n    50% { transform: translateY(-20px); }\r\n    100% { transform: translateY(0px); }\r\n  }\r\n\r\n  \/* RESPONSIF MOBILE & TABLET *\/\r\n  @media (max-width: 992px) {\r\n    .nuke-about-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 50px;\r\n      text-align: center;\r\n    }\r\n    \r\n    .about-label {\r\n      justify-content: center;\r\n    }\r\n    \r\n    .about-label::before, .about-label::after {\r\n      content: '';\r\n      width: 20px;\r\n      height: 1px;\r\n      background-color: var(--secondary-color);\r\n    }\r\n\r\n    .nuke-about-text-wrapper, .nuke-about-image-wrapper {\r\n      transform: translateY(40px); \/* Ubah arah animasi masuk dari bawah untuk mobile *\/\r\n    }\r\n\r\n    .nuke-about-text-wrapper.scrolled-in, .nuke-about-image-wrapper.scrolled-in {\r\n      transform: translateY(0);\r\n    }\r\n    \r\n    .nuke-about-img {\r\n      max-width: 80%;\r\n      margin: 0 auto;\r\n      display: block;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"nuke-about-section\">\r\n  <div class=\"nuke-about-container\">\r\n    \r\n    <div class=\"nuke-about-text-wrapper reveal-element\">\r\n      <div class=\"about-label\">MISSION BRIEF<\/div>\r\n      <h2 class=\"about-title\">Power Should <span>Protect Life<\/span><\/h2>\r\n      <p class=\"about-desc\">\r\n        Recent wars have shown how fragile peace truly is. As tensions rise, the shadow of nuclear weapons grows closer. <strong>NO NUCLEAR PLEASE<\/strong> is not about politics \u2014 it\u2019s about people, future generations, and choosing dialogue over devastation.\r\n      <\/p>\r\n      <p class=\"about-desc\">\r\n        <span class=\"highlight-coin\">$NONUCLEAR<\/span> is a movement for peace, reminding the world that power should protect life, not threaten it.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"nuke-about-image-wrapper reveal-element\">\r\n      <div class=\"image-glow-bg\"><\/div>\r\n      <img decoding=\"async\" class=\"nuke-about-img\" src=\"http:\/\/nonuclearplease.site\/wp-content\/uploads\/2026\/02\/Asset-4.png\" alt=\"No Nuclear Please Movement\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  \/\/ Script Intersection Observer untuk efek Scroll Reveal\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const observerOptions = {\r\n      root: null,\r\n      rootMargin: '0px',\r\n      threshold: 0.2 \/\/ Animasi terpicu saat 20% elemen masuk ke layar\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries, observer) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          \/\/ Menambahkan class 'scrolled-in' untuk memicu transisi CSS\r\n          entry.target.classList.add('scrolled-in');\r\n          \/\/ Optional: stop mengobservasi setelah animasi berjalan sekali\r\n          observer.unobserve(entry.target); \r\n        }\r\n      });\r\n    }, observerOptions);\r\n\r\n    \/\/ Cari semua elemen dengan class 'reveal-element'\r\n    const revealElements = document.querySelectorAll('.reveal-element');\r\n    revealElements.forEach(el => observer.observe(el));\r\n  });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85e3392 e-con-full e-flex e-con e-parent\" data-id=\"85e3392\" data-element_type=\"container\" id=\"message\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86b9e38 elementor-widget elementor-widget-html\" data-id=\"86b9e38\" 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@400;700&family=Space+Grotesk:wght@300;400;600;700&family=JetBrains+Mono:wght@400&display=swap');\r\n\r\n  .nuke-mission-section {\r\n    --bg-dark: #0b0c10;\r\n    --primary: #f2a900;\r\n    --secondary: #39ff14;\r\n    --text-main: #ffffff;\r\n    --text-muted: #8b8c8f;\r\n    \r\n    background-color: var(--bg-dark);\r\n    position: relative;\r\n    padding: 100px 0;\r\n    overflow: hidden;\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Grid Latar Belakang *\/\r\n  .nuke-mission-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background: \r\n      linear-gradient(rgba(57, 255, 20, 0.03) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(57, 255, 20, 0.03) 1px, transparent 1px);\r\n    background-size: 40px 40px;\r\n    opacity: 0.3;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* --- BAGIAN TEKS & IKON --- *\/\r\n  .mission-header {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 900px;\r\n    text-align: center;\r\n    padding: 0 20px;\r\n    margin-bottom: 60px;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  }\r\n\r\n  .mission-header.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* Container untuk Animasi JS Ikon Nuklir *\/\r\n  .icon-canvas-container {\r\n    width: 130px;\r\n    height: 130px;\r\n    margin: 0 auto 30px auto;\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Glow di belakang ikon *\/\r\n  .icon-canvas-container::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 80px;\r\n    height: 80px;\r\n    background: var(--secondary);\r\n    filter: blur(40px);\r\n    opacity: 0.35;\r\n    border-radius: 50%;\r\n    z-index: -1;\r\n  }\r\n\r\n  .mission-title {\r\n    font-family: 'Syncopate', sans-serif;\r\n    font-size: clamp(2rem, 5vw, 4rem);\r\n    font-weight: 700;\r\n    color: var(--text-main);\r\n    text-transform: uppercase;\r\n    line-height: 1.1;\r\n    letter-spacing: -1px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .mission-title span {\r\n    color: transparent;\r\n    -webkit-text-stroke: 1px var(--primary);\r\n    position: relative;\r\n  }\r\n\r\n  .mission-desc {\r\n    font-size: clamp(1rem, 1.5vw, 1.2rem);\r\n    line-height: 1.7;\r\n    color: var(--text-muted);\r\n    font-weight: 300;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .mission-desc strong {\r\n    color: var(--text-main);\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* --- BAGIAN MARQUEE CARDS --- *\/\r\n  .marquee-container {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    z-index: 2;\r\n    padding: 20px 0;\r\n  }\r\n\r\n  \/* FADE OUT KIRI DAN KANAN *\/\r\n  .marquee-container::before,\r\n  .marquee-container::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 15vw;\r\n    min-width: 100px;\r\n    z-index: 5;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .marquee-container::before {\r\n    left: 0;\r\n    background: linear-gradient(to right, #0b0c10 0%, transparent 100%);\r\n  }\r\n\r\n  .marquee-container::after {\r\n    right: 0;\r\n    background: linear-gradient(to left, #0b0c10 0%, transparent 100%);\r\n  }\r\n\r\n  .marquee-track {\r\n    display: flex;\r\n    gap: 30px;\r\n    width: max-content;\r\n    animation: scrollMarquee 30s linear infinite;\r\n  }\r\n\r\n  .marquee-container:hover .marquee-track {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  @keyframes scrollMarquee {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(calc(-50% - 15px)); } \r\n  }\r\n\r\n  .mission-card {\r\n    background: rgba(15, 15, 15, 0.6);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n    border-top: 1px solid rgba(57, 255, 20, 0.3);\r\n    padding: 30px 40px;\r\n    border-radius: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    min-width: 450px;\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n  }\r\n\r\n  .mission-card:hover {\r\n    background: rgba(20, 20, 20, 0.9);\r\n    border-top-color: var(--secondary);\r\n    box-shadow: 0 -10px 30px rgba(57, 255, 20, 0.1);\r\n    transform: translateY(-5px);\r\n  }\r\n\r\n  .mission-card::before, .mission-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 10px; height: 10px;\r\n    border: 1px solid var(--text-muted);\r\n    opacity: 0.3;\r\n    transition: all 0.3s ease;\r\n  }\r\n  .mission-card::before { top: 10px; left: 10px; border-right: none; border-bottom: none; }\r\n  .mission-card::after { bottom: 10px; right: 10px; border-left: none; border-top: none; }\r\n  \r\n  .mission-card:hover::before, .mission-card:hover::after {\r\n    border-color: var(--secondary);\r\n    opacity: 1;\r\n  }\r\n\r\n  .card-icon {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 24px;\r\n    color: var(--secondary);\r\n    background: rgba(57, 255, 20, 0.1);\r\n    width: 50px;\r\n    height: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .card-text {\r\n    font-size: 1.1rem;\r\n    font-weight: 500;\r\n    color: var(--text-main);\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .mission-card {\r\n      min-width: 320px;\r\n      padding: 20px 25px;\r\n    }\r\n    .card-text {\r\n      font-size: 0.95rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"nuke-mission-section\" id=\"bigger-than-us\">\r\n  \r\n  <div class=\"mission-header\" id=\"mission-text-content\">\r\n    \r\n    <div class=\"icon-canvas-container\">\r\n      <svg id=\"js-nuclear-icon\" viewBox=\"0 0 100 100\" width=\"100%\" height=\"100%\">\r\n        <g id=\"icon-group\" fill=\"none\" stroke=\"#39ff14\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          \r\n          <circle cx=\"50\" cy=\"50\" r=\"46\" id=\"ring-outer\" stroke-dasharray=\"300\" stroke-dashoffset=\"300\" \/>\r\n          \r\n          <circle cx=\"50\" cy=\"50\" r=\"5\" id=\"ring-inner\" stroke-dasharray=\"35\" stroke-dashoffset=\"35\" \/>\r\n\r\n          <path d=\"M 44 39.6 L 30 15.4 A 40 40 0 0 1 70 15.4 L 56 39.6 A 12 12 0 0 0 44 39.6 Z\" \r\n                transform=\"rotate(180 50 50)\" class=\"nuke-blade\" stroke-dasharray=\"120\" stroke-dashoffset=\"120\" \/>\r\n          \r\n          <path d=\"M 44 39.6 L 30 15.4 A 40 40 0 0 1 70 15.4 L 56 39.6 A 12 12 0 0 0 44 39.6 Z\" \r\n                transform=\"rotate(-60 50 50)\" class=\"nuke-blade\" stroke-dasharray=\"120\" stroke-dashoffset=\"120\" \/>\r\n          \r\n          <path d=\"M 44 39.6 L 30 15.4 A 40 40 0 0 1 70 15.4 L 56 39.6 A 12 12 0 0 0 44 39.6 Z\" \r\n                transform=\"rotate(60 50 50)\" class=\"nuke-blade\" stroke-dasharray=\"120\" stroke-dashoffset=\"120\" \/>\r\n                \r\n        <\/g>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <h2 class=\"mission-title\">This Is Bigger <br><span>Than Us<\/span><\/h2>\r\n    <p class=\"mission-desc\">\r\n      War creates fear. Fear creates chaos. But unity creates change. <strong>NO NUCLEAR PLEASE<\/strong> exists to transform anxiety into action \u2014 to channel global concern into collective awareness.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"marquee-container\">\r\n    <div class=\"marquee-track\">\r\n      <div class=\"mission-card\">\r\n        <div class=\"card-icon\">01<\/div>\r\n        <div class=\"card-text\">We stand against nuclear escalation.<\/div>\r\n      <\/div>\r\n      <div class=\"mission-card\">\r\n        <div class=\"card-icon\">02<\/div>\r\n        <div class=\"card-text\">We stand for global peace.<\/div>\r\n      <\/div>\r\n      <div class=\"mission-card\">\r\n        <div class=\"card-icon\">03<\/div>\r\n        <div class=\"card-text\">We stand for human life above all.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mission-card\">\r\n        <div class=\"card-icon\">01<\/div>\r\n        <div class=\"card-text\">We stand against nuclear escalation.<\/div>\r\n      <\/div>\r\n      <div class=\"mission-card\">\r\n        <div class=\"card-icon\">02<\/div>\r\n        <div class=\"card-text\">We stand for global peace.<\/div>\r\n      <\/div>\r\n      <div class=\"mission-card\">\r\n        <div class=\"card-icon\">03<\/div>\r\n        <div class=\"card-text\">We stand for human life above all.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    \r\n    \/\/ 1. ANIMASI SCROLL REVEAL (Teks Muncul dari bawah)\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('visible');\r\n          startNuclearAnimation(); \/\/ Mulai menggambar SVG saat masuk layar\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.3 });\r\n\r\n    observer.observe(document.getElementById('mission-text-content'));\r\n\r\n    \/\/ 2. JS ANIMATION UNTUK OUTLINE NUCLEAR ICON YANG AKURAT\r\n    let isAnimating = false;\r\n    function startNuclearAnimation() {\r\n      if(isAnimating) return;\r\n      isAnimating = true;\r\n\r\n      const outerRing = document.getElementById('ring-outer');\r\n      const innerRing = document.getElementById('ring-inner');\r\n      const blades = document.querySelectorAll('.nuke-blade');\r\n      const iconGroup = document.getElementById('icon-group');\r\n\r\n      \/\/ Gambar cincin luar\r\n      setTimeout(() => {\r\n        outerRing.style.transition = \"stroke-dashoffset 2s cubic-bezier(0.4, 0, 0.2, 1)\";\r\n        outerRing.style.strokeDashoffset = \"0\";\r\n      }, 100);\r\n\r\n      \/\/ Gambar titik pusat (core)\r\n      setTimeout(() => {\r\n        innerRing.style.transition = \"stroke-dashoffset 1s ease-out\";\r\n        innerRing.style.strokeDashoffset = \"0\";\r\n      }, 800);\r\n\r\n      \/\/ Gambar 3 bilah radiasi secara berurutan\r\n      blades.forEach((blade, index) => {\r\n        setTimeout(() => {\r\n          blade.style.transition = \"stroke-dashoffset 1.5s cubic-bezier(0.4, 0, 0.2, 1)\";\r\n          blade.style.strokeDashoffset = \"0\";\r\n        }, 1200 + (index * 250));\r\n      });\r\n\r\n      \/\/ Animasi Rotasi Halus Terus Menerus\r\n      let rotation = 0;\r\n      function rotateIcon() {\r\n        rotation += 0.2; \/\/ Sesuaikan angka ini untuk mempercepat\/memperlambat putaran\r\n        iconGroup.setAttribute('transform', `rotate(${rotation}, 50, 50)`);\r\n        requestAnimationFrame(rotateIcon);\r\n      }\r\n      \r\n      \/\/ Mulai putaran setelah semua outline selesai digambar\r\n      setTimeout(rotateIcon, 2500);\r\n    }\r\n  });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-000cdf8 e-con-full e-flex e-con e-parent\" data-id=\"000cdf8\" data-element_type=\"container\" id=\"tokenomics\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1326fc4 elementor-widget elementor-widget-html\" data-id=\"1326fc4\" 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@400;700&family=Space+Grotesk:wght@300;400;600;700&family=JetBrains+Mono:wght@400;700&display=swap');\r\n\r\n  .nuke-tokenomics-section {\r\n    --bg-dark: #0b0c10;\r\n    --primary: #f2a900;\r\n    --secondary: #39ff14;\r\n    --glass-bg: rgba(20, 20, 22, 0.5);\r\n    --glass-border: rgba(255, 255, 255, 0.08);\r\n    \r\n    background-color: var(--bg-dark);\r\n    position: relative;\r\n    padding: 120px 20px;\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Core Glow Background *\/\r\n  .tkn-ambient-glow {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 60vw;\r\n    height: 60vw;\r\n    background: radial-gradient(circle, rgba(57, 255, 20, 0.08) 0%, rgba(11, 12, 16, 0) 60%);\r\n    border-radius: 50%;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Grid Ornaments *\/\r\n  .nuke-tokenomics-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(90deg, var(--glass-border) 1px, transparent 1px);\r\n    background-size: 10vw 100%;\r\n    opacity: 0.3;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .tkn-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- HEADER --- *\/\r\n  .tkn-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  }\r\n\r\n  .tkn-header.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .tkn-subtitle {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    color: var(--secondary);\r\n    font-size: 14px;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n    display: inline-block;\r\n    margin-bottom: 16px;\r\n    padding: 4px 12px;\r\n    border: 1px solid rgba(57, 255, 20, 0.3);\r\n    border-radius: 20px;\r\n    background: rgba(57, 255, 20, 0.05);\r\n  }\r\n\r\n  .tkn-title {\r\n    font-family: 'Syncopate', sans-serif;\r\n    font-size: clamp(2.5rem, 5vw, 4rem);\r\n    font-weight: 700;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  \/* --- GRID KARTU TOKENOMICS --- *\/\r\n  .tkn-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  .tkn-card {\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border: 1px solid var(--glass-border);\r\n    border-radius: 12px;\r\n    padding: 40px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.4s ease;\r\n    \/* Persiapan Animasi Masuk *\/\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n  }\r\n\r\n  .tkn-card.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* Delay animasi berurutan untuk grid *\/\r\n  .tkn-card:nth-child(1) { transition-delay: 0.1s; border-top: 2px solid var(--secondary); }\r\n  .tkn-card:nth-child(2) { transition-delay: 0.2s; border-top: 2px solid var(--primary); }\r\n  .tkn-card:nth-child(3) { transition-delay: 0.3s; border-top: 2px solid var(--primary); }\r\n  .tkn-card:nth-child(4) { transition-delay: 0.4s; border-top: 2px solid var(--secondary); }\r\n\r\n  \/* Efek Hover Cyber *\/\r\n  .tkn-card:hover {\r\n    transform: translateY(-8px);\r\n    background: rgba(30, 30, 35, 0.7);\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(57, 255, 20, 0.05) inset;\r\n    border-color: rgba(255, 255, 255, 0.2);\r\n  }\r\n\r\n  \/* Ornamen HUD di pojok kartu *\/\r\n  .tkn-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0; right: 0;\r\n    width: 30px; height: 30px;\r\n    background: linear-gradient(135deg, transparent 50%, rgba(255,255,255,0.05) 50%);\r\n  }\r\n\r\n  \/* Konten Kartu *\/\r\n  .tkn-label {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 14px;\r\n    color: #8b8c8f;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  \/* Titik status di sebelah label *\/\r\n  .tkn-card:nth-child(even) .tkn-label::before {\r\n    content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--primary);\r\n    box-shadow: 0 0 10px var(--primary);\r\n  }\r\n  .tkn-card:nth-child(odd) .tkn-label::before {\r\n    content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--secondary);\r\n    box-shadow: 0 0 10px var(--secondary);\r\n  }\r\n\r\n  .tkn-value-wrap {\r\n    display: flex;\r\n    align-items: baseline;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .tkn-value {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: clamp(2.5rem, 4vw, 3.5rem);\r\n    font-weight: 700;\r\n    color: #fff;\r\n    line-height: 1;\r\n    letter-spacing: -1px;\r\n    text-shadow: 0 0 30px rgba(255, 255, 255, 0.2);\r\n  }\r\n\r\n  .tkn-suffix {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 1.5rem;\r\n    color: var(--secondary);\r\n    margin-left: 5px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .tkn-desc {\r\n    font-size: 1rem;\r\n    color: #a0a0a5;\r\n    line-height: 1.6;\r\n    font-weight: 300;\r\n  }\r\n\r\n  \/* RESPONSIVE *\/\r\n  @media (max-width: 800px) {\r\n    .tkn-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .tkn-card {\r\n      padding: 30px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"nuke-tokenomics-section\" id=\"tokenomics\">\r\n  <div class=\"tkn-ambient-glow\"><\/div>\r\n  \r\n  <div class=\"tkn-container\">\r\n    \r\n    <div class=\"tkn-header reveal-tkn\">\r\n      <div class=\"tkn-subtitle\">System Allocation<\/div>\r\n      <h2 class=\"tkn-title\">Tokenomics<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"tkn-grid\">\r\n      \r\n      <div class=\"tkn-card reveal-tkn\">\r\n        <div class=\"tkn-label\">TOTAL SUPPLY<\/div>\r\n        <div class=\"tkn-value-wrap\">\r\n          <div class=\"tkn-value counter\" data-target=\"1000000000\">0<\/div>\r\n        <\/div>\r\n        <div class=\"tkn-desc\">Fixed supply. No minting function in the contract. What you see is what exists forever.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tkn-card reveal-tkn\">\r\n        <div class=\"tkn-label\">BUY & SELL TAX<\/div>\r\n        <div class=\"tkn-value-wrap\">\r\n          <div class=\"tkn-value counter\" data-target=\"0\">0<\/div>\r\n          <div class=\"tkn-suffix\">%<\/div>\r\n        <\/div>\r\n        <div class=\"tkn-desc\">Absolutely zero taxes on transactions. We believe in a free and frictionless movement.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tkn-card reveal-tkn\">\r\n        <div class=\"tkn-label\">LIQUIDITY POOL<\/div>\r\n        <div class=\"tkn-value-wrap\">\r\n          <div class=\"tkn-value counter\" data-target=\"100\">0<\/div>\r\n          <div class=\"tkn-suffix\">% BURNED<\/div>\r\n        <\/div>\r\n        <div class=\"tkn-desc\">Initial liquidity tokens have been permanently burned. The foundation is locked and safe.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tkn-card reveal-tkn\">\r\n        <div class=\"tkn-label\">SMART CONTRACT<\/div>\r\n        <div class=\"tkn-value-wrap\">\r\n          <div class=\"tkn-value\" style=\"font-size: clamp(2rem, 3vw, 2.8rem);\">RENOUNCED<\/div>\r\n        <\/div>\r\n        <div class=\"tkn-desc\">Ownership of the contract has been renounced. The community runs the protocol now.<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    \r\n    \/\/ 1. SCROLL REVEAL OBSERVER\r\n    const observerOptions = {\r\n      root: null,\r\n      rootMargin: '0px',\r\n      threshold: 0.15 \/\/ Aktif saat 15% elemen terlihat\r\n    };\r\n\r\n    const tknObserver = new IntersectionObserver((entries, observer) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('visible');\r\n          \r\n          \/\/ Cari elemen counter di dalam card yang baru saja terlihat\r\n          const counters = entry.target.querySelectorAll('.counter');\r\n          counters.forEach(counter => {\r\n            runCounter(counter);\r\n          });\r\n\r\n          \/\/ Unobserve agar animasi tidak terulang saat scroll naik turun\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, observerOptions);\r\n\r\n    const revealElements = document.querySelectorAll('.reveal-tkn');\r\n    revealElements.forEach(el => tknObserver.observe(el));\r\n\r\n    \/\/ 2. FUNGSI NUMBER COUNTER (Menghitung dari 0 ke target)\r\n    function runCounter(counterElement) {\r\n      const target = +counterElement.getAttribute('data-target');\r\n      const duration = 2000; \/\/ Durasi animasi 2 detik\r\n      let startTime = null;\r\n\r\n      function updateNumber(currentTime) {\r\n        if (!startTime) startTime = currentTime;\r\n        const progress = currentTime - startTime;\r\n        \r\n        \/\/ Ease Out Quartic equation (mulai cepat, melambat di akhir)\r\n        const easeOut = 1 - Math.pow(1 - Math.min(progress \/ duration, 1), 4);\r\n        \r\n        const currentNum = Math.floor(target * easeOut);\r\n        \r\n        \/\/ Format angka dengan koma (misal: 1,000,000,000)\r\n        counterElement.innerText = currentNum.toLocaleString('en-US');\r\n\r\n        if (progress < duration) {\r\n          requestAnimationFrame(updateNumber);\r\n        } else {\r\n          \/\/ Pastikan angka terakhir presisi\r\n          counterElement.innerText = target.toLocaleString('en-US');\r\n        }\r\n      }\r\n\r\n      requestAnimationFrame(updateNumber);\r\n    }\r\n  });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6484849 e-con-full e-flex e-con e-parent\" data-id=\"6484849\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d914c2 elementor-widget elementor-widget-html\" data-id=\"4d914c2\" 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@400;700&family=Space+Grotesk:wght@300;400;600;700&family=JetBrains+Mono:wght@400;700&display=swap');\r\n\r\n  .nuke-comm-section {\r\n    --bg-dark: #0b0c10;\r\n    --primary: #f2a900;\r\n    --secondary: #39ff14;\r\n    --glass-bg: rgba(20, 20, 25, 0.6);\r\n    --glass-border: rgba(255, 255, 255, 0.1);\r\n    \r\n    background-color: var(--bg-dark);\r\n    position: relative;\r\n    padding: 140px 20px;\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    overflow: hidden;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* --- RADAR NETWORK ANIMATION (BACKGROUND) --- *\/\r\n  .radar-container {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 100vw;\r\n    height: 100vw;\r\n    max-width: 1200px;\r\n    max-height: 1200px;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .radar-ring {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(57, 255, 20, 0.15);\r\n    box-shadow: 0 0 40px rgba(57, 255, 20, 0.05) inset;\r\n    animation: radarPulse 4s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\r\n    opacity: 0;\r\n  }\r\n\r\n  .radar-ring:nth-child(1) { width: 20%; height: 20%; animation-delay: 0s; }\r\n  .radar-ring:nth-child(2) { width: 40%; height: 40%; animation-delay: 1s; }\r\n  .radar-ring:nth-child(3) { width: 60%; height: 60%; animation-delay: 2s; }\r\n\r\n  @keyframes radarPulse {\r\n    0% { transform: scale(0.5); opacity: 1; border-width: 2px; }\r\n    100% { transform: scale(1.5); opacity: 0; border-width: 0px; }\r\n  }\r\n\r\n  \/* --- KONTEN UTAMA --- *\/\r\n  .comm-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 800px;\r\n    width: 100%;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .comm-badge {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    color: var(--primary);\r\n    font-size: 13px;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 20px;\r\n    padding: 6px 16px;\r\n    border: 1px solid rgba(242, 169, 0, 0.3);\r\n    border-radius: 30px;\r\n    background: rgba(242, 169, 0, 0.05);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    opacity: 0; transform: translateY(20px); transition: all 0.8s ease;\r\n  }\r\n\r\n  .comm-badge::before {\r\n    content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--primary);\r\n    box-shadow: 0 0 10px var(--primary); animation: blink 2s infinite;\r\n  }\r\n\r\n  @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }\r\n\r\n  .comm-title {\r\n    font-family: 'Syncopate', sans-serif;\r\n    font-size: clamp(2.2rem, 5vw, 4rem);\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    text-transform: uppercase;\r\n    line-height: 1.1;\r\n    margin-bottom: 20px;\r\n    letter-spacing: -1px;\r\n    opacity: 0; transform: translateY(30px); transition: all 0.8s ease 0.1s;\r\n  }\r\n\r\n  .comm-intro {\r\n    font-size: 1.2rem;\r\n    color: #a0a0a5;\r\n    margin-bottom: 40px;\r\n    opacity: 0; transform: translateY(30px); transition: all 0.8s ease 0.2s;\r\n  }\r\n\r\n  \/* --- CYBER LIST --- *\/\r\n  .comm-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 50px 0;\r\n    width: 100%;\r\n    max-width: 600px;\r\n    text-align: left;\r\n  }\r\n\r\n  .comm-item {\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    border: 1px solid var(--glass-border);\r\n    border-left: 3px solid rgba(255, 255, 255, 0.2);\r\n    margin-bottom: 15px;\r\n    padding: 20px 25px;\r\n    border-radius: 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    font-size: 1.1rem;\r\n    color: #e0e0e0;\r\n    transition: all 0.4s ease;\r\n    \r\n    \/* Animasi masuk *\/\r\n    opacity: 0; transform: translateX(-40px);\r\n  }\r\n\r\n  .comm-item.visible { opacity: 1; transform: translateX(0); }\r\n  \r\n  \/* Stagger delay untuk list *\/\r\n  .comm-item:nth-child(1) { transition-delay: 0.3s; }\r\n  .comm-item:nth-child(2) { transition-delay: 0.4s; }\r\n  .comm-item:nth-child(3) { transition-delay: 0.5s; }\r\n\r\n  .comm-item:hover {\r\n    border-left-color: var(--secondary);\r\n    background: rgba(30, 30, 35, 0.8);\r\n    transform: translateX(10px);\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 20px 0 30px rgba(57, 255, 20, 0.05) inset;\r\n  }\r\n\r\n  .comm-item-icon {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    color: var(--secondary);\r\n    font-size: 14px;\r\n    background: rgba(57, 255, 20, 0.1);\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    opacity: 0.7;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .comm-item:hover .comm-item-icon {\r\n    opacity: 1;\r\n    box-shadow: 0 0 10px rgba(57, 255, 20, 0.4);\r\n  }\r\n\r\n  \/* --- OUTRO TEXT --- *\/\r\n  .comm-outro {\r\n    font-size: clamp(1rem, 2vw, 1.25rem);\r\n    line-height: 1.7;\r\n    color: #8b8c8f;\r\n    margin-bottom: 50px;\r\n    opacity: 0; transform: translateY(30px); transition: all 0.8s ease 0.6s;\r\n  }\r\n\r\n  .comm-outro .highlight-nuke {\r\n    display: block;\r\n    margin-top: 15px;\r\n    font-family: 'Syncopate', sans-serif;\r\n    font-size: clamp(1.5rem, 3vw, 2rem);\r\n    font-weight: 700;\r\n    color: var(--secondary);\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    text-shadow: 0 0 20px rgba(57, 255, 20, 0.4);\r\n  }\r\n\r\n  \/* --- BUTTONS --- *\/\r\n  .comm-actions {\r\n    display: flex;\r\n    gap: 20px;\r\n    justify-content: center;\r\n    opacity: 0; transform: translateY(30px); transition: all 0.8s ease 0.7s;\r\n  }\r\n\r\n  .comm-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    text-decoration: none;\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    padding: 16px 32px;\r\n    border-radius: 6px;\r\n    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Telegram Button (Primary) *\/\r\n  .btn-tg {\r\n    background: var(--secondary);\r\n    color: #000;\r\n    border: 1px solid var(--secondary);\r\n    box-shadow: 0 0 20px rgba(57, 255, 20, 0.2);\r\n  }\r\n\r\n  .btn-tg svg { fill: #000; width: 22px; height: 22px; transition: transform 0.3s ease; }\r\n\r\n  .btn-tg:hover {\r\n    box-shadow: 0 0 30px rgba(57, 255, 20, 0.6), 0 0 15px rgba(255, 255, 255, 0.5) inset;\r\n    transform: translateY(-3px);\r\n  }\r\n  .btn-tg:hover svg { transform: scale(1.1) rotate(-10deg); }\r\n\r\n  \/* Twitter Button (Secondary Glass) *\/\r\n  .btn-tw {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: #fff;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .btn-tw svg { fill: #fff; width: 20px; height: 20px; transition: transform 0.3s ease; }\r\n\r\n  .btn-tw:hover {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-color: #fff;\r\n    box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);\r\n    transform: translateY(-3px);\r\n  }\r\n  .btn-tw:hover svg { transform: scale(1.1); }\r\n\r\n  \/* Utility Class untuk trigger animasi via JS *\/\r\n  .visible-anim { opacity: 1 !important; transform: translate(0) !important; }\r\n\r\n  \/* RESPONSIVE *\/\r\n  @media (max-width: 600px) {\r\n    .comm-actions { flex-direction: column; width: 100%; }\r\n    .comm-btn { width: 100%; }\r\n    .comm-item { font-size: 1rem; padding: 16px 20px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"nuke-comm-section\" id=\"join-community\">\r\n  \r\n  <div class=\"radar-container\">\r\n    <div class=\"radar-ring\"><\/div>\r\n    <div class=\"radar-ring\"><\/div>\r\n    <div class=\"radar-ring\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"comm-content\" id=\"comm-trigger\">\r\n    \r\n    <div class=\"comm-badge reveal-item\">NETWORK PROTOCOL<\/div>\r\n    <h2 class=\"comm-title reveal-item\">Join the Peace Network<\/h2>\r\n    <p class=\"comm-intro reveal-item\">This is a community for people who believe:<\/p>\r\n    \r\n    <ul class=\"comm-list\">\r\n      <li class=\"comm-item\">\r\n        <span class=\"comm-item-icon\">SYS.01<\/span>\r\n        Humanity comes first.\r\n      <\/li>\r\n      <li class=\"comm-item\">\r\n        <span class=\"comm-item-icon\">SYS.02<\/span>\r\n        Conflict must not escalate into catastrophe.\r\n      <\/li>\r\n      <li class=\"comm-item\">\r\n        <span class=\"comm-item-icon\">SYS.03<\/span>\r\n        The future must be safeguarded.\r\n      <\/li>\r\n    <\/ul>\r\n\r\n    <p class=\"comm-outro reveal-item\">\r\n      When individuals unite under one message, that message grows louder.\r\n      <span class=\"highlight-nuke\">NO NUCLEAR PLEASE.<\/span>\r\n    <\/p>\r\n\r\n    <div class=\"comm-actions reveal-item\">\r\n      <a href=\"https:\/\/t.me\/nonuclearplease\" target=\"_blank\" class=\"comm-btn btn-tg\">\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 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 .34z\"\/><\/svg>\r\n        JOIN TELEGRAM\r\n      <\/a>\r\n      \r\n      <a href=\"https:\/\/x.com\/nonuclearplease\" target=\"_blank\" class=\"comm-btn btn-tw\">\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.25 2.25h6.963l4.715 6.231 5.316-6.231zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77z\"><\/path><\/svg>\r\n        FOLLOW TWITTER\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    \/\/ Scroll Reveal Animation (Staggered effect)\r\n    const commObserver = new IntersectionObserver((entries, observer) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          \r\n          \/\/ Animasikan teks dan tombol\r\n          const revealItems = entry.target.querySelectorAll('.reveal-item');\r\n          revealItems.forEach(el => el.classList.add('visible-anim'));\r\n          \r\n          \/\/ Animasikan list secara berurutan\r\n          const listItems = entry.target.querySelectorAll('.comm-item');\r\n          listItems.forEach(el => el.classList.add('visible'));\r\n\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.2 }); \/\/ Memicu saat 20% konten terlihat\r\n\r\n    commObserver.observe(document.getElementById('comm-trigger'));\r\n  });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62712c8 e-con-full e-flex e-con e-parent\" data-id=\"62712c8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87b7d98 elementor-widget elementor-widget-html\" data-id=\"87b7d98\" 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@400;700&family=Space+Grotesk:wght@300;400;600&family=JetBrains+Mono:wght@400&display=swap');\r\n\r\n  .nuke-footer {\r\n    --bg-darker: #050505; \/* Sedikit lebih gelap dari body untuk kedalaman *\/\r\n    --primary: #f2a900;\r\n    --secondary: #39ff14;\r\n    --text-main: #ffffff;\r\n    --text-muted: #6b6b70;\r\n    --text-hover: #e0e0e0;\r\n\r\n    background-color: var(--bg-darker);\r\n    position: relative;\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    color: var(--text-muted);\r\n    padding: 80px 20px 20px 20px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Garis Neon Pembatas di Atas Footer *\/\r\n  .footer-top-glow {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 80%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--secondary), transparent);\r\n    box-shadow: 0 0 15px var(--secondary);\r\n    opacity: 0.5;\r\n  }\r\n\r\n  \/* Grid Utama Footer *\/\r\n  .footer-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 2fr 1fr 1fr;\r\n    gap: 60px;\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  \/* --- KOLOM 1: BRANDING --- *\/\r\n  .footer-brand {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .footer-logo {\r\n    font-family: 'Syncopate', sans-serif;\r\n    color: var(--text-main);\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 20px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .footer-logo svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    fill: var(--primary);\r\n  }\r\n\r\n  .footer-desc {\r\n    font-size: 0.95rem;\r\n    line-height: 1.6;\r\n    max-width: 400px;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  \/* Mini CA Box di Footer *\/\r\n  .footer-ca-box {\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    padding: 8px 12px;\r\n    border-radius: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .footer-ca-box:hover {\r\n    border-color: var(--secondary);\r\n    background: rgba(57, 255, 20, 0.05);\r\n  }\r\n\r\n  .footer-ca-label {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 10px;\r\n    color: var(--secondary);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .footer-ca-value {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 12px;\r\n    color: var(--text-main);\r\n  }\r\n\r\n  \/* --- KOLOM 2 & 3: LINKS --- *\/\r\n  .footer-title {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    color: var(--text-main);\r\n    font-size: 13px;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .footer-links {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n  }\r\n\r\n  .footer-links a {\r\n    color: var(--text-muted);\r\n    text-decoration: none;\r\n    font-size: 0.95rem;\r\n    transition: all 0.3s ease;\r\n    display: inline-flex;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Efek panah muncul saat di-hover *\/\r\n  .footer-links a::before {\r\n    content: '>';\r\n    font-family: 'JetBrains Mono', monospace;\r\n    color: var(--secondary);\r\n    font-size: 12px;\r\n    opacity: 0;\r\n    transform: translateX(-10px);\r\n    transition: all 0.3s ease;\r\n    margin-right: 0;\r\n    display: inline-block;\r\n    width: 0;\r\n  }\r\n\r\n  .footer-links a:hover {\r\n    color: var(--secondary);\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  .footer-links a:hover::before {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n    margin-right: 8px;\r\n    width: auto;\r\n  }\r\n\r\n  \/* --- BOTTOM: COPYRIGHT & DISCLAIMER --- *\/\r\n  .footer-bottom {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n    padding-top: 30px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    gap: 15px;\r\n  }\r\n\r\n  .footer-disclaimer {\r\n    font-size: 0.8rem;\r\n    line-height: 1.5;\r\n    color: #4a4a4e;\r\n    max-width: 800px;\r\n  }\r\n\r\n  .footer-copyright {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 0.85rem;\r\n    color: var(--text-muted);\r\n  }\r\n\r\n  \/* Toast Notifikasi Footer *\/\r\n  .f-toast {\r\n    position: fixed;\r\n    bottom: 20px;\r\n    right: 20px;\r\n    background: var(--secondary);\r\n    color: #000;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    padding: 10px 20px;\r\n    border-radius: 4px;\r\n    box-shadow: 0 5px 15px rgba(57, 255, 20, 0.3);\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    pointer-events: none;\r\n    transition: all 0.3s ease;\r\n    z-index: 1000;\r\n  }\r\n\r\n  .f-toast.show {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* RESPONSIVE *\/\r\n  @media (max-width: 768px) {\r\n    .footer-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 40px;\r\n    }\r\n    .footer-brand {\r\n      align-items: center;\r\n      text-align: center;\r\n    }\r\n    .footer-title {\r\n      text-align: center;\r\n    }\r\n    .footer-links {\r\n      align-items: center;\r\n    }\r\n    .footer-links a:hover {\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"nuke-footer\">\r\n  <div class=\"footer-top-glow\"><\/div>\r\n\r\n  <div class=\"footer-container\">\r\n    \r\n    <div class=\"footer-brand\">\r\n      <a href=\"#\" class=\"footer-logo\">\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M12 2L1 21H23L12 2ZM12 6.09L19.09 19H4.91L12 6.09ZM11 10V15H13V10H11ZM11 16V18H13V16H11Z\"\/>\r\n        <\/svg>\r\n        NONUCLEAR\r\n      <\/a>\r\n      <p class=\"footer-desc\">\r\n        A decentralized movement for global peace. We stand against escalation and advocate for a future safeguarded by dialogue, not destruction.\r\n      <\/p>\r\n      \r\n      <div class=\"footer-ca-box\" onclick=\"copyFooterCA()\">\r\n        <span class=\"footer-ca-label\">CA:<\/span>\r\n        <span class=\"footer-ca-value\" id=\"f-ca-text\">6XACVQwUPZdya5UwTcatUbmWbJwuYC6BRSwSX79Gpump<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div>\r\n      <h4 class=\"footer-title\">TERMINALS<\/h4>\r\n      <ul class=\"footer-links\">\r\n        <li><a href=\"#about\">Mission Briefing<\/a><\/li>\r\n        <li><a href=\"#message\">About Movement<\/a><\/li>\r\n        <li><a href=\"#tokenomics\">Tokenomics<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div>\r\n      <h4 class=\"footer-title\">COMMS<\/h4>\r\n      <ul class=\"footer-links\">\r\n        <li><a href=\"https:\/\/t.me\/nonuclearplease\" target=\"_blank\">Telegram Network<\/a><\/li>\r\n        <li><a href=\"https:\/\/x.com\/nonuclearplease\" target=\"_blank\">X (Twitter) Feed<\/a><\/li>\r\n        <li><a href=\"https:\/\/dexscreener.com\/solana\/6XACVQwUPZdya5UwTcatUbmWbJwuYC6BRSwSX79Gpump\" target=\"_blank\">DexScreener<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"footer-bottom\">\r\n    <p class=\"footer-disclaimer\">\r\n      <strong>DISCLAIMER:<\/strong> $NONUCLEAR is a community-driven memecoin created for entertainment and awareness purposes. It has no intrinsic value or expectation of financial return. There is no formal team or roadmap. The coin is completely useless and for entertainment purposes only. Cryptocurrency trading is highly speculative and involves significant risk.\r\n    <\/p>\r\n    <div class=\"footer-copyright\">\r\n      \u00a9 2026 NO NUCLEAR PLEASE. All rights reserved.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"f-toast\" id=\"f-toast-msg\">CONTRACT COPIED<\/div>\r\n<\/footer>\r\n\r\n<script>\r\n  function copyFooterCA() {\r\n    const text = document.getElementById(\"f-ca-text\").innerText;\r\n    navigator.clipboard.writeText(text).then(() => {\r\n      const toast = document.getElementById(\"f-toast-msg\");\r\n      toast.classList.add(\"show\");\r\n      \r\n      setTimeout(() => {\r\n        toast.classList.remove(\"show\");\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NO NUCLEAR PLEASE Twitter Telegram BUY NOW SYS.INIT_0x99SECURE_CONNECTION LAT: 34.0522LONG: -118.2437STATUS: ACTIVE The Future Is Not A Fallout Zone Contract Address 6XACVQwUPZdya5UwTcatUbmWbJwuYC6BRSwSX79Gpump ADDRESS COPIED TO CLIPBOARD MISSION BRIEF Power Should Protect Life Recent wars have shown how fragile peace truly is. As tensions rise, the shadow of nuclear weapons grows closer. NO NUCLEAR PLEASE is [&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:\/\/nonuclearplease.site\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nonuclearplease.site\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nonuclearplease.site\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nonuclearplease.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nonuclearplease.site\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":31,"href":"https:\/\/nonuclearplease.site\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":48,"href":"https:\/\/nonuclearplease.site\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/48"}],"wp:attachment":[{"href":"https:\/\/nonuclearplease.site\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}