{"id":8,"date":"2026-07-21T18:31:12","date_gmt":"2026-07-21T18:31:12","guid":{"rendered":"https:\/\/themazerunner.lol\/?page_id=8"},"modified":"2026-07-21T20:01:19","modified_gmt":"2026-07-21T20:01:19","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/themazerunner.lol\/","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-c42a032 e-flex e-con-boxed e-con e-parent\" data-id=\"c42a032\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-decf5e1 elementor-widget elementor-widget-html\" data-id=\"decf5e1\" 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=\"moon-terminal-wrapper\" id=\"moonTerminal\">\r\n  \r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');\r\n\r\n    :root {\r\n      --bg-core: #020408;\r\n      --bg-terminal: #070c14;\r\n      --text-core: #ffffff;\r\n      --text-muted: #94a3b8;\r\n      \r\n      \/* Vibrant Sci-Fi Gradient Palette *\/\r\n      --accent-neon-green: #00ff88; \r\n      --accent-neon-cyan: #00f0ff;\r\n      --accent-neon-purple: #b026ff;\r\n      --accent-glow-green: rgba(0, 255, 136, 0.25);\r\n      --accent-glow-cyan: rgba(0, 240, 255, 0.25);\r\n      --accent-glow-purple: rgba(176, 38, 255, 0.25);\r\n      \r\n      --gradient-cyber: linear-gradient(135deg, #00ff88 0%, #00f0ff 50%, #b026ff 100%);\r\n      --gradient-text: linear-gradient(135deg, #ffffff 30%, #00f0ff 70%, #00ff88 100%);\r\n      \r\n      --border-swiss: #111a28;\r\n      --border-swiss-bright: #1e2d42;\r\n      --font-heading: 'Instrument Serif', serif;\r\n      --font-mono: 'Space Mono', monospace;\r\n    }\r\n\r\n    \/* Reset Total & Layout Fullscreen *\/\r\n    html, body {\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n      width: 100% !important;\r\n      background-color: var(--bg-core);\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    .moon-terminal-wrapper {\r\n      background-color: var(--bg-core);\r\n      color: var(--text-core);\r\n      font-family: var(--font-mono);\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n      overflow-x: hidden;\r\n      position: relative;\r\n      width: 100vw;\r\n      margin: 0;\r\n      padding: 0;\r\n      left: 50%;\r\n      right: 50%;\r\n      margin-left: -50vw;\r\n      margin-right: -50vw;\r\n      cursor: crosshair;\r\n    }\r\n\r\n    .moon-terminal-wrapper *, .moon-terminal-wrapper *::before, .moon-terminal-wrapper *::after {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    \/* Gradient Tech Tag *\/\r\n    .tech-tag {\r\n      font-size: 10px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 2px;\r\n      background: var(--gradient-cyber);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      font-weight: 700;\r\n      margin-bottom: 15px;\r\n      display: inline-block;\r\n      filter: drop-shadow(0 0 8px var(--accent-glow-cyan));\r\n      animation: pulseGlow 3s infinite alternate;\r\n    }\r\n\r\n    \/* Dynamic Holographic Pill Buttons *\/\r\n    .moon-btn {\r\n      background: rgba(7, 12, 20, 0.7);\r\n      border: 1px solid var(--accent-neon-cyan);\r\n      color: var(--text-core);\r\n      font-family: var(--font-mono);\r\n      font-size: 12px;\r\n      text-transform: uppercase;\r\n      padding: 14px 32px;\r\n      cursor: pointer;\r\n      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n      text-decoration: none;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      letter-spacing: 1.5px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-radius: 50px; \/* Style Pill *\/\r\n      box-shadow: 0 0 15px rgba(0, 240, 255, 0.15);\r\n      backdrop-filter: blur(8px);\r\n    }\r\n\r\n    .moon-btn::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: -100%; width: 100%; height: 100%;\r\n      background: linear-gradient(90deg, transparent, rgba(0, 240, 255, 0.4), transparent);\r\n      transition: left 0.6s ease;\r\n      border-radius: 50px;\r\n    }\r\n\r\n    .moon-btn:hover::before {\r\n      left: 100%;\r\n    }\r\n\r\n    .moon-btn:hover {\r\n      border-color: var(--accent-neon-green);\r\n      color: var(--accent-neon-green);\r\n      box-shadow: 0 0 25px var(--accent-glow-green), inset 0 0 15px var(--accent-glow-green);\r\n      transform: translateY(-2px) scale(1.03);\r\n    }\r\n\r\n    .moon-btn-primary {\r\n      background: var(--gradient-cyber);\r\n      color: var(--bg-core);\r\n      font-weight: bold;\r\n      border: none;\r\n      box-shadow: 0 0 20px var(--accent-glow-green);\r\n    }\r\n\r\n    .moon-btn-primary:hover {\r\n      color: #000;\r\n      box-shadow: 0 0 35px var(--accent-neon-cyan), 0 0 15px var(--accent-neon-green);\r\n      transform: translateY(-2px) scale(1.05);\r\n    }\r\n\r\n    \/* NAVBAR *\/\r\n    .moon-nav {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 20px 40px;\r\n      background: rgba(2, 4, 8, 0.65);\r\n      backdrop-filter: blur(15px);\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 100;\r\n      border-bottom: 1px solid rgba(0, 240, 255, 0.15);\r\n      width: 100%;\r\n    }\r\n\r\n    .nav-logo {\r\n      font-family: var(--font-heading);\r\n      font-size: 32px;\r\n      font-style: italic;\r\n      background: var(--gradient-cyber);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      text-decoration: none;\r\n      filter: drop-shadow(0 0 10px var(--accent-glow-cyan));\r\n      transition: filter 0.3s ease;\r\n    }\r\n\r\n    .nav-logo:hover {\r\n      filter: drop-shadow(0 0 18px var(--accent-neon-green));\r\n    }\r\n\r\n    .nav-right-container {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 15px;\r\n    }\r\n\r\n    .ca-display-box {\r\n      font-size: 11px;\r\n      color: var(--accent-neon-cyan);\r\n      border: 1px dashed var(--accent-neon-cyan);\r\n      padding: 8px 18px;\r\n      background: rgba(0, 240, 255, 0.05);\r\n      box-shadow: inset 0 0 10px rgba(0, 240, 255, 0.1);\r\n      letter-spacing: 1px;\r\n      border-radius: 50px; \/* Pill Style *\/\r\n    }\r\n\r\n    .btn-copy-ca {\r\n      background: transparent;\r\n      border: 1px solid var(--accent-neon-green);\r\n      color: var(--accent-neon-green);\r\n      padding: 8px 20px;\r\n      font-family: var(--font-mono);\r\n      font-size: 11px;\r\n      text-transform: uppercase;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      border-radius: 50px; \/* Pill Style *\/\r\n    }\r\n\r\n    .btn-copy-ca:hover {\r\n      background: var(--accent-neon-green);\r\n      color: var(--bg-core);\r\n      box-shadow: 0 0 18px var(--accent-glow-green);\r\n    }\r\n\r\n    \/* SECTION 1: HERO *\/\r\n    .moon-hero {\r\n      position: relative;\r\n      min-height: 88vh;\r\n      width: 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-end;\r\n      align-items: center;\r\n      text-align: center;\r\n      overflow: hidden;\r\n      padding-top: 60px;\r\n    }\r\n\r\n    .hero-video-bg {\r\n      position: absolute;\r\n      top: 0; left: 0; width: 100%; height: 100%;\r\n      object-fit: cover;\r\n      z-index: 1;\r\n      opacity: 0.85;\r\n      filter: contrast(110%) brightness(95%);\r\n    }\r\n\r\n    .hero-overlay {\r\n      position: absolute;\r\n      top: 0; left: 0; width: 100%; height: 100%;\r\n      background: linear-gradient(to bottom, \r\n        rgba(2, 4, 8, 0.15) 0%, \r\n        rgba(2, 4, 8, 0.4) 60%, \r\n        var(--bg-core) 100%);\r\n      z-index: 2;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .hero-content {\r\n      position: relative;\r\n      z-index: 3;\r\n      width: 100%;\r\n      max-width: 950px;\r\n      padding: 0 20px 60px 20px;\r\n    }\r\n\r\n    .hero-title {\r\n      font-family: var(--font-heading);\r\n      font-size: clamp(46px, 7vw, 86px);\r\n      line-height: 0.98;\r\n      font-weight: 400;\r\n      margin-bottom: 20px;\r\n      background: var(--gradient-text);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      text-shadow: 0 10px 30px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    .hero-subtitle {\r\n      font-size: clamp(14px, 2vw, 18px);\r\n      color: #e2e8f0;\r\n      margin-bottom: 35px;\r\n      max-width: 680px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      text-shadow: 0 2px 10px rgba(0,0,0,0.9);\r\n    }\r\n\r\n    .hero-btn-group {\r\n      display: flex;\r\n      gap: 18px;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    \/* SWISS MARQUEE TICKER *\/\r\n    .swiss-marquee-container {\r\n      width: 100%;\r\n      border-top: 1px solid rgba(0, 240, 255, 0.2);\r\n      border-bottom: 1px solid rgba(0, 240, 255, 0.2);\r\n      background: rgba(7, 12, 20, 0.9);\r\n      padding: 16px 0;\r\n      overflow: hidden;\r\n      white-space: nowrap;\r\n      position: relative;\r\n      z-index: 10;\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .swiss-marquee-content {\r\n      display: inline-block;\r\n      animation: marquee 22s linear infinite;\r\n    }\r\n\r\n    .marquee-text {\r\n      font-size: 12px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 2.5px;\r\n      color: var(--text-core);\r\n      display: inline-block;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .marquee-spacer {\r\n      background: var(--gradient-cyber);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      margin: 0 40px;\r\n      display: inline-block;\r\n      font-size: 14px;\r\n    }\r\n\r\n    \/* SECTION 2: ABOUT & INTERACTIVE HUB *\/\r\n    .moon-about {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      width: 100%;\r\n      min-height: 80vh;\r\n      border-bottom: 1px solid var(--border-swiss);\r\n      background: radial-gradient(circle at 10% 50%, rgba(0, 240, 255, 0.05) 0%, transparent 50%),\r\n                  radial-gradient(circle at 90% 50%, rgba(176, 38, 255, 0.05) 0%, transparent 50%);\r\n    }\r\n\r\n    \/* Video Full Canvas Layout (Tanpa Space Atas Bawah) *\/\r\n    .about-left-media {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 0; \/* Padding Nol Agar Full Layar *\/\r\n      background: #000;\r\n      border-right: 1px solid var(--border-swiss);\r\n      position: relative;\r\n      overflow: hidden;\r\n      height: 100%;\r\n      width: 100%;\r\n    }\r\n\r\n    .about-video {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover; \/* Mengisi penuh tanpa spasi terpotong *\/\r\n      background: #000;\r\n      transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.6s ease;\r\n      filter: brightness(95%) contrast(105%);\r\n    }\r\n\r\n    .about-left-media:hover .about-video {\r\n      transform: scale(1.03);\r\n      filter: brightness(105%) contrast(110%);\r\n    }\r\n\r\n    .about-right-content {\r\n      padding: 60px 50px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n    }\r\n\r\n    .section-title {\r\n      font-family: var(--font-heading);\r\n      font-size: clamp(38px, 4.5vw, 56px);\r\n      line-height: 1.05;\r\n      margin-bottom: 20px;\r\n      background: var(--gradient-text);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .about-desc {\r\n      color: var(--text-muted);\r\n      font-size: 14px;\r\n      line-height: 1.8;\r\n      margin-bottom: 35px;\r\n    }\r\n    \r\n    .about-desc p {\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    \/* Interactive Hub Action Cards - Style Pill Container *\/\r\n    .hub-actions-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 16px;\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .hub-card-btn {\r\n      background: var(--bg-terminal);\r\n      border: 1px solid var(--border-swiss-bright);\r\n      padding: 20px 22px;\r\n      text-align: left;\r\n      cursor: pointer;\r\n      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n      color: var(--text-core);\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-radius: 30px; \/* Pill Card Style *\/\r\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    .hub-card-btn::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: 0; left: 0; width: 0%; height: 3px;\r\n      background: var(--gradient-cyber);\r\n      transition: width 0.4s ease;\r\n    }\r\n\r\n    .hub-card-btn:hover {\r\n      border-color: var(--accent-neon-cyan);\r\n      background: rgba(0, 240, 255, 0.08);\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 10px 25px rgba(0, 240, 255, 0.2);\r\n    }\r\n\r\n    .hub-card-btn:hover::after {\r\n      width: 100%;\r\n    }\r\n\r\n    .hub-btn-tag {\r\n      font-size: 9px;\r\n      color: var(--accent-neon-cyan);\r\n      letter-spacing: 1.5px;\r\n      display: block;\r\n      margin-bottom: 6px;\r\n      font-weight: bold;\r\n    }\r\n\r\n    .hub-btn-title {\r\n      font-family: var(--font-heading);\r\n      font-size: 20px;\r\n      line-height: 1.1;\r\n      color: #fff;\r\n    }\r\n\r\n    \/* MODAL POP-UP SYSTEM *\/\r\n    .modal-overlay {\r\n      position: fixed;\r\n      top: 0; left: 0; width: 100vw; height: 100vh;\r\n      background: rgba(2, 4, 8, 0.88);\r\n      backdrop-filter: blur(12px);\r\n      z-index: 1000;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n      padding: 20px;\r\n    }\r\n\r\n    .modal-overlay.active {\r\n      opacity: 1;\r\n      visibility: visible;\r\n    }\r\n\r\n    .modal-container {\r\n      background: var(--bg-terminal);\r\n      border: 1px solid var(--accent-neon-cyan);\r\n      box-shadow: 0 0 40px var(--accent-glow-cyan), inset 0 0 20px rgba(0, 240, 255, 0.05);\r\n      width: 100%;\r\n      max-width: 680px;\r\n      max-height: 85vh;\r\n      overflow-y: auto;\r\n      padding: 40px;\r\n      position: relative;\r\n      transform: scale(0.88) translateY(20px);\r\n      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n      border-radius: 24px; \/* Rounded Modal Window *\/\r\n    }\r\n\r\n    .modal-overlay.active .modal-container {\r\n      transform: scale(1) translateY(0);\r\n    }\r\n\r\n    .modal-close-btn {\r\n      position: absolute;\r\n      top: 20px; right: 20px;\r\n      background: rgba(0, 0, 0, 0.5);\r\n      border: 1px solid var(--border-swiss-bright);\r\n      color: var(--text-core);\r\n      width: 36px; height: 36px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-family: var(--font-mono);\r\n      transition: all 0.3s ease;\r\n      border-radius: 50%; \/* Circular Close Button *\/\r\n    }\r\n\r\n    .modal-close-btn:hover {\r\n      border-color: var(--accent-neon-purple);\r\n      color: var(--accent-neon-purple);\r\n      box-shadow: 0 0 15px var(--accent-glow-purple);\r\n      transform: rotate(90deg);\r\n    }\r\n\r\n    .modal-body {\r\n      display: none;\r\n    }\r\n\r\n    .modal-body.active {\r\n      display: block;\r\n      animation: fadeIn 0.4s ease forwards;\r\n    }\r\n\r\n    .pop-list {\r\n      list-style: none;\r\n      margin-top: 15px;\r\n    }\r\n\r\n    .pop-list li {\r\n      margin-bottom: 12px;\r\n      color: var(--text-muted);\r\n      font-size: 13px;\r\n      padding-left: 22px;\r\n      position: relative;\r\n    }\r\n\r\n    .pop-list li::before {\r\n      content: \"\u25b9\";\r\n      position: absolute;\r\n      left: 0;\r\n      color: var(--accent-neon-green);\r\n      font-weight: bold;\r\n    }\r\n\r\n    .tokenomics-pop-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 15px;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .token-pop-card {\r\n      border: 1px dashed var(--border-swiss-bright);\r\n      padding: 18px;\r\n      background: rgba(2, 4, 8, 0.6);\r\n      transition: border-color 0.3s ease;\r\n      border-radius: 18px; \/* Rounded Cards *\/\r\n    }\r\n\r\n    .token-pop-card:hover {\r\n      border-color: var(--accent-neon-cyan);\r\n    }\r\n\r\n    .buy-step-card {\r\n      border: 1px solid var(--border-swiss-bright);\r\n      background: rgba(2, 4, 8, 0.6);\r\n      padding: 18px 22px;\r\n      margin-bottom: 14px;\r\n      transition: all 0.3s ease;\r\n      position: relative;\r\n      border-radius: 20px; \/* Pill Cards for Steps *\/\r\n    }\r\n\r\n    .buy-step-card:hover {\r\n      border-color: var(--accent-neon-green);\r\n      box-shadow: 0 0 15px rgba(0, 255, 136, 0.1);\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    .buy-step-title {\r\n      color: var(--accent-neon-green);\r\n      font-size: 11px;\r\n      margin-bottom: 5px;\r\n      letter-spacing: 1px;\r\n      font-weight: bold;\r\n    }\r\n\r\n    .buy-step-desc {\r\n      color: var(--text-muted);\r\n      font-size: 12px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* FOOTER *\/\r\n    .moon-footer {\r\n      padding: 40px;\r\n      background: var(--bg-core);\r\n      width: 100%;\r\n      border-top: 1px solid var(--border-swiss);\r\n    }\r\n\r\n    .footer-grid {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      flex-wrap: wrap;\r\n      gap: 20px;\r\n    }\r\n\r\n    .footer-left-meta {\r\n      font-size: 11px;\r\n      color: var(--text-muted);\r\n    }\r\n\r\n    .footer-links {\r\n      display: flex;\r\n      gap: 24px;\r\n    }\r\n\r\n    .footer-link-item {\r\n      color: var(--text-core);\r\n      text-decoration: none;\r\n      font-size: 11px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .footer-link-item:hover {\r\n      color: var(--accent-neon-cyan);\r\n      text-shadow: 0 0 10px var(--accent-glow-cyan);\r\n    }\r\n\r\n    \/* ANIMATIONS *\/\r\n    @keyframes marquee {\r\n      0% { transform: translate3d(0, 0, 0); }\r\n      100% { transform: translate3d(-50%, 0, 0); }\r\n    }\r\n\r\n    @keyframes pulseGlow {\r\n      0% { filter: drop-shadow(0 0 5px var(--accent-glow-green)); }\r\n      100% { filter: drop-shadow(0 0 15px var(--accent-glow-cyan)); }\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n      from { opacity: 0; transform: translateY(10px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @media (max-width: 991px) {\r\n      .moon-about { grid-template-columns: 1fr; }\r\n      .about-left-media { min-height: 400px; border-right: none; border-bottom: 1px solid var(--border-swiss); }\r\n      .hub-actions-grid { grid-template-columns: 1fr; }\r\n      .moon-nav { padding: 15px 20px; }\r\n      .about-right-content { padding: 40px 20px; }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .moon-nav { flex-direction: column; gap: 15px; text-align: center; }\r\n      .nav-right-container { flex-direction: column; width: 100%; }\r\n      .ca-display-box { word-break: break-all; width: 100%; }\r\n      .footer-grid { flex-direction: column; text-align: center; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- NAVBAR -->\r\n  <nav class=\"moon-nav\">\r\n    <a href=\"#\" class=\"nav-logo\">MAZERUNNER<\/a>\r\n    <div class=\"nav-right-container\">\r\n      <div class=\"ca-display-box\" id=\"caTokenBox\">CA: NULL<\/div>\r\n      <button class=\"btn-copy-ca\" onclick=\"copyContractAddress()\">Copy CA<\/button>\r\n      <a href=\"LINK-KAMU\" class=\"moon-btn moon-btn-primary\" style=\"padding: 8px 20px; font-size: 11px;\">Buy $MAZERUNNER<\/a>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- PAGE 1: HERO SECTION -->\r\n  <section class=\"moon-hero\">\r\n    <video class=\"hero-video-bg\" autoplay loop muted playsinline>\r\n      <source src=\"https:\/\/themazerunner.lol\/wp-content\/uploads\/2026\/07\/HERO-THE-MAZE-RUNNER.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"hero-overlay\"><\/div>\r\n    <div class=\"hero-content\">\r\n      <span class=\"tech-tag\">[ LABYRINTH_NAVIGATION_ACTIVE ]<\/span>\r\n      <h1 class=\"hero-title\">Navigate the Labyrinth.<br>Discover Real Value.<\/h1>\r\n      <p class=\"hero-subtitle\">A meme token inspired by resilience, strategy, and finding the right path in a complex market.<\/p>\r\n      <div class=\"hero-btn-group\">\r\n        <a href=\"LINK-KAMU\" class=\"moon-btn moon-btn-primary\">View Chart<\/a>\r\n        <a href=\"LINK-KAMU\" class=\"moon-btn\">Join Community<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- MARQUEE -->\r\n  <div class=\"swiss-marquee-container\">\r\n    <div class=\"swiss-marquee-content\">\r\n      <span class=\"marquee-text\">Navigate the Labyrinth<\/span><span class=\"marquee-spacer\">\u2726<\/span>\r\n      <span class=\"marquee-text\">Discover Real Value<\/span><span class=\"marquee-spacer\">\u2726<\/span>\r\n      <span class=\"marquee-text\">$MAZERUNNER<\/span><span class=\"marquee-spacer\">\u2726<\/span>\r\n      <span class=\"marquee-text\">Resilience & Strategy<\/span><span class=\"marquee-spacer\">\u2726<\/span>\r\n      <span class=\"marquee-text\">Navigate the Labyrinth<\/span><span class=\"marquee-spacer\">\u2726<\/span>\r\n      <span class=\"marquee-text\">Discover Real Value<\/span><span class=\"marquee-spacer\">\u2726<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- PAGE 2: ABOUT & POP-UP HUB -->\r\n  <section class=\"moon-about\">\r\n    <div class=\"about-left-media\">\r\n      <video class=\"about-video\" autoplay loop muted playsinline>\r\n        <source src=\"https:\/\/themazerunner.lol\/wp-content\/uploads\/2026\/07\/HERO-THE-MAZE-RUNNER1.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/div>\r\n    <div class=\"about-right-content\">\r\n      <span class=\"tech-tag\">\/\/ 01 . STATE_OF_THE_MAZE<\/span>\r\n      <h2 class=\"section-title\">Inside the Maze<\/h2>\r\n      <div class=\"about-desc\">\r\n        <p>The Maze Runner ($MAZERUNNER) is a community-driven meme token inspired by endurance, teamwork, and the constant search for a way forward\u2014traits that mirror the dynamic nature of the crypto market.<\/p>\r\n        <p>By combining lighthearted meme culture with a clear, logical structure, $MAZERUNNER aims for steady, long-term growth driven by its holders.<\/p>\r\n      <\/div>\r\n\r\n      <!-- POP-UP TRIGGER BUTTONS -->\r\n      <span class=\"tech-tag\">\/\/ 02 . INTERACTIVE_HUB<\/span>\r\n      <div class=\"hub-actions-grid\">\r\n        <button class=\"hub-card-btn\" onclick=\"openModal('tokenomicsPop')\">\r\n          <span class=\"hub-btn-tag\">VIEW METRICS<\/span>\r\n          <div class=\"hub-btn-title\">Tokenomics<\/div>\r\n        <\/button>\r\n\r\n        <button class=\"hub-card-btn\" onclick=\"openModal('roadmapPop')\">\r\n          <span class=\"hub-btn-tag\">VIEW PHASES<\/span>\r\n          <div class=\"hub-btn-title\">Roadmap<\/div>\r\n        <\/button>\r\n\r\n        <button class=\"hub-card-btn\" onclick=\"openModal('buyPop')\">\r\n          <span class=\"hub-btn-tag\">EXECUTION<\/span>\r\n          <div class=\"hub-btn-title\">How To Buy<\/div>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- MODAL POP-UP SYSTEM -->\r\n  <div class=\"modal-overlay\" id=\"modalOverlay\">\r\n    <div class=\"modal-container\">\r\n      <button class=\"modal-close-btn\" onclick=\"closeModal()\">\u2715<\/button>\r\n\r\n      <!-- TOKENOMICS POPUP CONTENT -->\r\n      <div class=\"modal-body\" id=\"tokenomicsPop\">\r\n        <span class=\"tech-tag\">\/\/ SYSTEM_METRICS<\/span>\r\n        <h3 class=\"section-title\" style=\"font-size: 32px; margin-bottom: 10px;\">Tokenomics<\/h3>\r\n        <p style=\"color: var(--text-muted); font-size: 12px;\">Total Supply & Allocation Parameters<\/p>\r\n        \r\n        <div class=\"tokenomics-pop-grid\">\r\n          <div class=\"token-pop-card\">\r\n            <div style=\"font-size: 10px; color: var(--text-muted);\">BLOCKCHAIN<\/div>\r\n            <div style=\"font-size: 16px; color: var(--accent-neon-green); font-weight: bold;\">Solana<\/div>\r\n          <\/div>\r\n          <div class=\"token-pop-card\">\r\n            <div style=\"font-size: 10px; color: var(--text-muted);\">TOTAL SUPPLY<\/div>\r\n            <div style=\"font-size: 16px; color: var(--accent-neon-cyan); font-weight: bold;\">1,000,000,000<\/div>\r\n          <\/div>\r\n          <div class=\"token-pop-card\">\r\n            <div style=\"font-size: 10px; color: var(--text-muted);\">TAX<\/div>\r\n            <div style=\"font-size: 16px; color: var(--accent-neon-green); font-weight: bold;\">0%<\/div>\r\n          <\/div>\r\n          <div class=\"token-pop-card\">\r\n            <div style=\"font-size: 10px; color: var(--text-muted);\">LIQUIDITY<\/div>\r\n            <div style=\"font-size: 16px; color: var(--accent-neon-cyan); font-weight: bold;\">Burned Forever<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div style=\"margin-top: 15px;\" class=\"token-pop-card\">\r\n          <div style=\"font-size: 10px; color: var(--text-muted);\">CONTRACT ADDRESS<\/div>\r\n          <div style=\"font-size: 14px; color: #fff; word-break: break-all; margin-top: 5px;\">NULL<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ROADMAP POPUP CONTENT -->\r\n      <div class=\"modal-body\" id=\"roadmapPop\">\r\n        <span class=\"tech-tag\">\/\/ EXPLORATION_PHASES<\/span>\r\n        <h3 class=\"section-title\" style=\"font-size: 32px; margin-bottom: 10px;\">Roadmap<\/h3>\r\n        \r\n        <div style=\"margin-top: 15px;\">\r\n          <div style=\"color: var(--accent-neon-cyan); font-size: 11px; font-weight: bold;\">[ PHASE 01: MAPPING ]<\/div>\r\n          <ul class=\"pop-list\">\r\n            <li>Website & Social Media Launch<\/li>\r\n            <li>Smart Contract Deployment & Verification<\/li>\r\n            <li>Initial DEX Listing<\/li>\r\n            <li>Community Building Phase<\/li>\r\n          <\/ul>\r\n\r\n          <div style=\"color: var(--accent-neon-green); font-size: 11px; font-weight: bold; margin-top: 18px;\">[ PHASE 02: RUNNING ]<\/div>\r\n          <ul class=\"pop-list\">\r\n            <li>Targeted Marketing Campaigns<\/li>\r\n            <li>Data Aggregator Listings (CG\/CMC)<\/li>\r\n            <li>Strategic Community Partnerships<\/li>\r\n            <li>Holder Growth Initiatives<\/li>\r\n          <\/ul>\r\n\r\n          <div style=\"color: var(--accent-neon-purple); font-size: 11px; font-weight: bold; margin-top: 18px;\">[ PHASE 03: THE EXIT PATH ]<\/div>\r\n          <ul class=\"pop-list\">\r\n            <li>Community Governance Setup<\/li>\r\n            <li>Centralized Exchange (CEX) Outreach<\/li>\r\n            <li>Ecosystem Expansion & Utility Concepts<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- HOW TO BUY POPUP CONTENT -->\r\n      <div class=\"modal-body\" id=\"buyPop\">\r\n        <span class=\"tech-tag\">\/\/ EXECUTION_PROTOCOL<\/span>\r\n        <h3 class=\"section-title\" style=\"font-size: 32px; margin-bottom: 10px;\">How To Buy<\/h3>\r\n        \r\n        <div style=\"margin-top: 15px;\">\r\n          <div class=\"buy-step-card\">\r\n            <div class=\"buy-step-title\">STEP 01: CREATE A WALLET<\/div>\r\n            <div class=\"buy-step-desc\">Download Phantom or Solflare wallet from the official store or extension market.<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"buy-step-card\">\r\n            <div class=\"buy-step-title\">STEP 02: GET SOLANA (SOL)<\/div>\r\n            <div class=\"buy-step-desc\">Acquire SOL from any major exchange and transfer it directly to your wallet.<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"buy-step-card\">\r\n            <div class=\"buy-step-title\">STEP 03: ACCESS PUMP.FUN \/ PUMPSWAP<\/div>\r\n            <div class=\"buy-step-desc\">Connect your wallet to Pump.fun or PumpSwap, paste the Contract Address (CA), and execute the trade.<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"buy-step-card\">\r\n            <div class=\"buy-step-title\">STEP 04: TRACK LIVE CHART<\/div>\r\n            <div class=\"buy-step-desc\">Monitor real-time trading metrics and price action directly on DexScreener.<\/div>\r\n          <\/div>\r\n\r\n          <div style=\"display: flex; gap: 12px; margin-top: 18px;\">\r\n            <a href=\"LINK-KAMU\" class=\"moon-btn moon-btn-primary\" style=\"flex: 1; text-align: center; font-size: 10px;\">Buy on Pump.fun<\/a>\r\n            <a href=\"LINK-KAMU\" class=\"moon-btn\" style=\"flex: 1; text-align: center; font-size: 10px;\">Live DexScreener<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- FOOTER -->\r\n  <footer class=\"moon-footer\">\r\n    <div class=\"footer-grid\">\r\n      <div class=\"footer-left-meta\">\r\n        <div>SYSTEM STATUS: NAVIGATION_ACTIVE<\/div>\r\n        <div style=\"color: var(--text-muted); margin-top: 5px;\">\u00a9 2026 The Maze Runner. All rights reserved.<\/div>\r\n      <\/div>\r\n      <div class=\"footer-links\">\r\n        <a href=\"LINK-KAMU\" class=\"footer-link-item\">Buy $MAZERUNNER<\/a>\r\n        <a href=\"LINK-KAMU\" class=\"footer-link-item\">LIVE CHART<\/a>\r\n        <a href=\"LINK-KAMU\" class=\"footer-link-item\">TELEGRAM<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <script>\r\n    \/\/ Copy CA Function\r\n    function copyContractAddress() {\r\n      const caBox = document.getElementById('caTokenBox');\r\n      const caText = caBox ? caBox.innerText.replace('CA: ', '').trim() : \"NULL\";\r\n      \r\n      navigator.clipboard.writeText(caText).then(() => {\r\n        const copyBtn = document.querySelector('.btn-copy-ca');\r\n        const originalText = copyBtn.innerText;\r\n        copyBtn.innerText = \"COPIED!\";\r\n        copyBtn.style.background = \"var(--accent-neon-green)\";\r\n        copyBtn.style.color = \"#000000\";\r\n        setTimeout(() => {\r\n          copyBtn.innerText = originalText;\r\n          copyBtn.style.background = \"transparent\";\r\n          copyBtn.style.color = \"var(--accent-neon-green)\";\r\n        }, 2000);\r\n      });\r\n    }\r\n\r\n    \/\/ Modal Control Logic\r\n    function openModal(targetId) {\r\n      const overlay = document.getElementById('modalOverlay');\r\n      const bodies = document.querySelectorAll('.modal-body');\r\n      \r\n      bodies.forEach(b => b.classList.remove('active'));\r\n      document.getElementById(targetId).classList.add('active');\r\n      overlay.classList.add('active');\r\n    }\r\n\r\n    function closeModal() {\r\n      document.getElementById('modalOverlay').classList.remove('active');\r\n    }\r\n\r\n    \/\/ Close Modal on Overlay Click\r\n    document.getElementById('modalOverlay').addEventListener('click', function(e) {\r\n      if (e.target === this) {\r\n        closeModal();\r\n      }\r\n    });\r\n  <\/script>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MAZERUNNER CA: NULL Copy CA Buy $MAZERUNNER [ LABYRINTH_NAVIGATION_ACTIVE ] Navigate the Labyrinth.Discover Real Value. A meme token inspired by resilience, strategy, and finding the right path in a complex market. View Chart Join Community Navigate the Labyrinth\u2726 Discover Real Value\u2726 $MAZERUNNER\u2726 Resilience &#038; Strategy\u2726 Navigate the Labyrinth\u2726 Discover Real Value\u2726 \/\/ 01 . STATE_OF_THE_MAZE [&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:\/\/themazerunner.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themazerunner.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themazerunner.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themazerunner.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themazerunner.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":31,"href":"https:\/\/themazerunner.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/themazerunner.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/themazerunner.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}