{"id":8,"date":"2026-05-18T18:02:09","date_gmt":"2026-05-18T18:02:09","guid":{"rendered":"https:\/\/voltix.lol\/?page_id=8"},"modified":"2026-05-19T06:38:24","modified_gmt":"2026-05-19T06:38:24","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/voltix.lol\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n VOLTIX - Dominating Contemporary Finance<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700&family=Syne:wght@700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* --- Root System & Premium Palette --- *\/\r\n :root {\r\n --accent-gold: #ffb703;\r\n --accent-white: #ffffff;\r\n --text-light: #f5f3f4;\r\n --text-muted: #bcba9a;\r\n \r\n \/* Diubah menjadi semi-transparan untuk mendukung visibilitas video secara penuh *\/\r\n --card-solid: rgba(18, 15, 19, 0.75);\r\n --glass-bg: rgba(18, 15, 10, 0.4);\r\n --glass-border: rgba(255, 183, 3, 0.2);\r\n --glow-gold: rgba(255, 183, 3, 0.5);\r\n --transition-smooth: cubic-bezier(0.25, 0.8, 0.25, 1);\r\n }\r\n\r\n \/* --- Reset & Core Layout Matrix --- *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html, body {\r\n width: 100%;\r\n overflow-x: hidden; \r\n scroll-behavior: smooth;\r\n background: transparent; \/* Menghilangkan warna background hitam pekat bawaan *\/\r\n }\r\n\r\n body {\r\n font-family: 'Space Grotesk', sans-serif;\r\n color: var(--text-light);\r\n line-height: 1.6;\r\n padding-bottom: 80px; \r\n }\r\n\r\n \/* --- FIXED & LOCKED: Fullscreen Video Background --- *\/\r\n .video-bg-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n z-index: -3;\r\n overflow: hidden;\r\n pointer-events: none;\r\n }\r\n\r\n .video-bg-container video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Menggunakan overlay gradasi lembut agar video tetap terlihat jelas di balik teks *\/\r\n .video-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: linear-gradient(180deg, rgba(5, 4, 5, 0.35) 0%, rgba(5, 4, 5, 0.75) 100%);\r\n z-index: -2;\r\n pointer-events: none;\r\n }\r\n\r\n \/* --- Content Isolation Wrapper --- *\/\r\n .main-content-wrapper {\r\n position: relative;\r\n z-index: 1;\r\n width: 100%;\r\n }\r\n\r\n \/* --- Scroll Reveal Blur Effect --- *\/\r\n .reveal {\r\n opacity: 0;\r\n filter: blur(20px);\r\n transform: translateY(40px);\r\n transition: opacity 1.2s var(--transition-smooth), \r\n filter 1.2s var(--transition-smooth), \r\n transform 1.2s var(--transition-smooth);\r\n }\r\n\r\n .reveal.active {\r\n opacity: 1;\r\n filter: blur(0px);\r\n transform: translateY(0);\r\n }\r\n\r\n \/* --- Typography --- *\/\r\n h1, h2, h3, h4 {\r\n font-family: 'Syne', sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n color: var(--accent-white);\r\n word-wrap: break-word;\r\n }\r\n\r\n \/* Kontainer Glitch untuk mengisolasi efek acak teks agar tidak merusak layout visual *\/\r\n .glitch-text {\r\n display: inline-block;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n section {\r\n padding: 120px 0;\r\n position: relative;\r\n }\r\n\r\n \/* --- Premium Container Card Systems (Ultra-Glassmorphism) --- *\/\r\n .solid-card {\r\n background: var(--card-solid);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n border-radius: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\r\n transition: border-color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;\r\n }\r\n \r\n .solid-card:hover {\r\n background: rgba(18, 15, 19, 0.85);\r\n border-color: rgba(255, 183, 3, 0.3);\r\n box-shadow: 0 30px 60px rgba(255, 183, 3, 0.1);\r\n }\r\n\r\n .glass-card {\r\n background: var(--glass-bg);\r\n border: 1px solid var(--glass-border);\r\n border-radius: 20px;\r\n backdrop-filter: blur(24px);\r\n -webkit-backdrop-filter: blur(24px);\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n transition: transform 0.4s var(--transition-smooth), \r\n border-color 0.4s var(--transition-smooth), \r\n box-shadow 0.4s var(--transition-smooth);\r\n }\r\n\r\n .glass-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -150%;\r\n width: 50%;\r\n height: 100%;\r\n background: linear-gradient(to right, transparent, rgba(255, 183, 3, 0.25), transparent);\r\n transform: skewX(-30deg);\r\n animation: shineSweep 6s infinite ease-in-out;\r\n pointer-events: none;\r\n }\r\n\r\n \/* --- Ultra-Slim Header Navigation --- *\/\r\n nav {\r\n position: absolute; \r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 100;\r\n background: rgba(5, 4, 5, 0.4);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border-bottom: 1px solid rgba(255, 183, 3, 0.15);\r\n padding: 15px 0; \r\n transition: background 0.3s ease;\r\n }\r\n\r\n .nav-container {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .brand-logo {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: var(--accent-white);\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n letter-spacing: 1.5px;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .brand-logo:hover {\r\n transform: scale(1.02);\r\n }\r\n\r\n .brand-logo span {\r\n color: var(--accent-gold);\r\n font-size: 11px;\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n border: 1px solid var(--accent-gold);\r\n padding: 2px 8px;\r\n border-radius: 6px;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 0 10px rgba(255, 183, 3, 0.2);\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n list-style: none;\r\n gap: 40px;\r\n }\r\n\r\n .nav-menu a {\r\n color: var(--text-muted);\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n position: relative;\r\n padding: 4px 0;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .nav-menu a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background-color: var(--accent-gold);\r\n transition: width 0.3s var(--transition-smooth);\r\n box-shadow: 0 0 8px var(--glow-gold);\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: var(--accent-gold);\r\n }\r\n\r\n .nav-menu a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n \/* --- Unified Button System --- *\/\r\n .btn-core {\r\n background: transparent;\r\n border: 2px solid var(--accent-gold);\r\n color: var(--accent-gold);\r\n padding: 12px 26px;\r\n font-family: 'Syne', sans-serif;\r\n font-weight: 800;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n cursor: pointer;\r\n border-radius: 8px;\r\n position: relative;\r\n z-index: 1;\r\n overflow: hidden;\r\n transition: color 0.4s var(--transition-smooth), \r\n border-color 0.4s var(--transition-smooth), \r\n box-shadow 0.4s var(--transition-smooth), \r\n transform 0.4s var(--transition-smooth);\r\n text-decoration: none;\r\n display: inline-block;\r\n text-align: center;\r\n }\r\n\r\n .btn-core::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 0%;\r\n height: 100%;\r\n background: var(--accent-gold);\r\n z-index: -1;\r\n transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .btn-core:hover::before {\r\n width: 100%;\r\n }\r\n\r\n .btn-core:hover {\r\n color: #050405;\r\n box-shadow: 0 0 25px var(--glow-gold);\r\n transform: translateY(-3px);\r\n border-color: var(--accent-gold);\r\n }\r\n\r\n .btn-filled {\r\n background: var(--accent-gold);\r\n color: #050405;\r\n border-color: var(--accent-gold);\r\n }\r\n \r\n .btn-filled:hover {\r\n background: transparent;\r\n color: var(--accent-gold);\r\n }\r\n \r\n .btn-filled::before {\r\n background: #050405;\r\n }\r\n\r\n \/* --- Hero Section Layout --- *\/\r\n .hero-section {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n padding-top: 140px;\r\n padding-bottom: 80px;\r\n }\r\n\r\n .hero-layout {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .hero-content h1 {\r\n font-size: clamp(48px, 8vw, 102px);\r\n font-weight: 800;\r\n line-height: 0.9;\r\n margin-bottom: 25px;\r\n animation: pulseGlow 4s infinite ease-in-out;\r\n }\r\n\r\n .hero-content h2 {\r\n font-size: clamp(14px, 2vw, 18px);\r\n color: var(--accent-gold);\r\n margin-bottom: 35px;\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 500;\r\n text-transform: none;\r\n line-height: 1.5;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .amplitude-box {\r\n padding: 30px 35px;\r\n border-left: 4px solid var(--accent-gold);\r\n font-size: 16px;\r\n background: linear-gradient(90deg, rgba(255,183,3,0.06), transparent);\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.3);\r\n }\r\n\r\n .hero-graphic-container {\r\n display: flex;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n\r\n .hero-asset {\r\n width: 100%;\r\n max-width: 430px;\r\n height: auto;\r\n filter: drop-shadow(0 0 35px rgba(255, 183, 3, 0.4));\r\n animation: floatY 4.5s infinite ease-in-out;\r\n }\r\n\r\n \/* --- Section Header UI --- *\/\r\n .section-header {\r\n margin-bottom: 60px;\r\n }\r\n\r\n .section-header.centered {\r\n text-align: center;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(28px, 4vw, 44px);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n }\r\n\r\n .section-title span {\r\n color: var(--accent-gold);\r\n display: block;\r\n font-size: 13px;\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 3px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n \/* --- Section 01: Distortion --- *\/\r\n .distortion-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .distortion-text p {\r\n color: var(--text-muted);\r\n margin-bottom: 24px;\r\n font-size: 16px;\r\n text-align: justify;\r\n }\r\n\r\n .distortion-asset {\r\n width: 100%;\r\n max-width: 450px;\r\n height: auto;\r\n filter: drop-shadow(0 20px 40px rgba(0,0,0,0.7));\r\n animation: floatRot 5s infinite ease-in-out;\r\n display: block;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* --- Section 02: Rigging --- *\/\r\n .rigging-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n width: 100%;\r\n }\r\n\r\n .feature-card {\r\n padding: 45px 35px;\r\n text-align: center;\r\n }\r\n\r\n .feature-card:hover {\r\n border-color: rgba(255, 255, 255, 0.4);\r\n box-shadow: 0 20px 45px rgba(255,183,3,0.15);\r\n transform: translateY(-8px);\r\n }\r\n\r\n .feature-card h3 {\r\n color: var(--accent-gold);\r\n font-size: 22px;\r\n margin-bottom: 16px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .feature-card p {\r\n color: var(--text-muted);\r\n font-size: 15px;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* --- Section 03: Metrics --- *\/\r\n .metrics-layout {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr;\r\n gap: 60px;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .table-responsive {\r\n width: 100%;\r\n overflow-x: auto;\r\n border-radius: 16px;\r\n border: 1px solid var(--glass-border);\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.4);\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n text-align: left;\r\n background: rgba(5, 4, 5, 0.65);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n min-width: 550px;\r\n }\r\n\r\n th {\r\n background: rgba(255, 183, 3, 0.1);\r\n color: var(--accent-gold);\r\n font-family: 'Syne', sans-serif;\r\n padding: 22px;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n border-bottom: 2px solid var(--accent-gold);\r\n }\r\n\r\n td {\r\n padding: 22px;\r\n border-bottom: 1px solid rgba(255, 183, 3, 0.12);\r\n font-size: 15px;\r\n transition: background 0.3s ease, color 0.3s ease;\r\n }\r\n\r\n tr:last-child td {\r\n border-bottom: none;\r\n }\r\n\r\n tr:hover td {\r\n background: rgba(255, 183, 3, 0.18) !important; \r\n color: var(--accent-white);\r\n }\r\n\r\n .metrics-asset {\r\n width: 100%;\r\n max-width: 380px;\r\n height: auto;\r\n filter: drop-shadow(0 20px 40px rgba(255, 183, 3, 0.25));\r\n animation: floatY 5.5s infinite ease-in-out;\r\n display: block;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* --- Section 04: World Tour --- *\/\r\n .roadmap-layout {\r\n display: grid;\r\n grid-template-columns: 0.8fr 1.2fr;\r\n gap: 60px;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .roadmap-asset {\r\n width: 100%;\r\n max-width: 370px;\r\n height: auto;\r\n filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.8));\r\n animation: floatX 5s infinite ease-in-out;\r\n display: block;\r\n margin: 0 auto;\r\n }\r\n\r\n .roadmap-timeline {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 28px;\r\n width: 100%;\r\n }\r\n\r\n .roadmap-node {\r\n padding: 40px;\r\n border-left: 4px solid rgba(255, 183, 3, 0.25);\r\n background: rgba(22, 19, 23, 0.45);\r\n transition: border-color 0.4s var(--transition-smooth), \r\n background 0.4s var(--transition-smooth), \r\n transform 0.4s var(--transition-smooth),\r\n box-shadow 0.4s var(--transition-smooth);\r\n }\r\n\r\n .roadmap-node:hover {\r\n border-left-color: var(--accent-gold);\r\n background: rgba(255, 183, 3, 0.1);\r\n transform: translateX(8px);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n }\r\n\r\n .roadmap-node.current {\r\n border-left-color: var(--accent-gold);\r\n background: rgba(255, 183, 3, 0.06);\r\n box-shadow: inset 6px 0 30px rgba(255, 183, 3, 0.08);\r\n }\r\n\r\n .roadmap-node h3 {\r\n font-size: 22px;\r\n margin-bottom: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n }\r\n\r\n .badge {\r\n background: var(--accent-gold);\r\n color: #050405;\r\n font-size: 11px;\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-weight: 700;\r\n padding: 5px 12px;\r\n border-radius: 6px;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 15px rgba(255, 183, 3, 0.3);\r\n }\r\n\r\n \/* --- Footer Styles --- *\/\r\n footer {\r\n background: rgba(5, 4, 5, 0.65); \/* Sedikit ditingkatkan agar kontras video seimbang *\/\r\n backdrop-filter: blur(24px);\r\n -webkit-backdrop-filter: blur(24px);\r\n padding: 120px 0 60px 0;\r\n text-align: center;\r\n border-top: 1px solid rgba(255, 183, 3, 0.15);\r\n width: 100%;\r\n }\r\n\r\n \/* Container CTA Footer *\/\r\n .footer-cta-clean-wrap {\r\n margin-bottom: 80px;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n \/* PERBAIKAN UTAMA: Ditambahkan text-shadow (drop-shadow gelap bertenaga) \r\n agar teks putih tebal tetap pop-out penuh di atas video background terang *\/\r\n .footer-cta-clean-wrap h2 {\r\n font-size: clamp(28px, 4.5vw, 48px);\r\n margin-bottom: 45px;\r\n line-height: 1.2;\r\n letter-spacing: 1px;\r\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.95), 0 0 40px rgba(0, 0, 0, 0.8);\r\n }\r\n\r\n .social-channels {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n width: 100%;\r\n }\r\n \r\n .social-btn {\r\n min-width: 180px;\r\n }\r\n\r\n .footer-brand {\r\n font-family: 'Syne', sans-serif;\r\n font-size: 24px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);\r\n }\r\n\r\n .footer-brand italic {\r\n font-family: 'Space Grotesk', sans-serif;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n display: block;\r\n margin-top: 8px;\r\n font-style: normal;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .disclaimer {\r\n font-size: 12px;\r\n color: #b5b3b4; \/* Kontras warna ditingkatkan agar teks tampil lengkap & jelas dibaca *\/\r\n max-width: 850px;\r\n margin: 45px auto 0 auto;\r\n line-height: 1.8;\r\n padding: 0 20px;\r\n letter-spacing: 0.2px;\r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);\r\n }\r\n\r\n \/* --- STICKY FLOATING ULTRA-SLIM CONTRACT ADDRESS BAR --- *\/\r\n .fixed-ca-bar {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n background: rgba(5, 4, 5, 0.95);\r\n backdrop-filter: blur(24px);\r\n -webkit-backdrop-filter: blur(24px);\r\n border-top: 1px solid rgba(255, 183, 3, 0.3);\r\n z-index: 999;\r\n padding: 12px 0; \r\n box-shadow: 0 -15px 35px rgba(0,0,0,0.7);\r\n }\r\n\r\n .ca-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .ca-label {\r\n font-family: 'Syne', sans-serif;\r\n font-weight: 800;\r\n color: var(--accent-gold);\r\n font-size: 13px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .ca-box {\r\n background: rgba(0, 0, 0, 0.6);\r\n border: 1px solid rgba(255, 183, 3, 0.2);\r\n padding: 8px 20px;\r\n border-radius: 6px;\r\n font-family: 'Space Grotesk', sans-serif; \r\n font-weight: 500;\r\n font-size: 14px;\r\n color: var(--accent-white);\r\n letter-spacing: 0.5px;\r\n user-select: all;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n box-shadow: inset 0 2px 8px rgba(0,0,0,0.5);\r\n }\r\n\r\n .btn-copy-slim {\r\n background: var(--accent-gold);\r\n border: none;\r\n color: #050405;\r\n padding: 8px 20px;\r\n font-family: 'Syne', sans-serif;\r\n font-weight: 800;\r\n font-size: 12px;\r\n text-transform: uppercase;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;\r\n }\r\n\r\n .btn-copy-slim:hover {\r\n background: var(--accent-white);\r\n box-shadow: 0 0 20px var(--glow-gold);\r\n transform: translateY(-1px);\r\n }\r\n \r\n .btn-copy-slim:active {\r\n transform: translateY(0);\r\n }\r\n\r\n \/* --- Engine Loops & Keyframes --- *\/\r\n @keyframes shineSweep {\r\n 0% { left: -150%; }\r\n 50% { left: -150%; }\r\n 85% { left: 150%; }\r\n 100% { left: 150%; }\r\n }\r\n\r\n @keyframes floatY {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-15px); }\r\n }\r\n\r\n @keyframes floatX {\r\n 0%, 100% { transform: translateX(0); }\r\n 50% { transform: translateX(-12px); }\r\n }\r\n\r\n @keyframes floatRot {\r\n 0%, 100% { transform: translateY(0) rotate(0deg); }\r\n 50% { transform: translateY(-10px) rotate(1.5deg); }\r\n }\r\n\r\n @keyframes pulseGlow {\r\n 0%, 100% { text-shadow: 0 0 15px rgba(255, 255, 255, 0.05); }\r\n 50% { text-shadow: 0 0 35px rgba(255, 183, 3, 0.4); }\r\n }\r\n\r\n \/* --- Responsive Matrix --- *\/\r\n @media (max-width: 1024px) {\r\n .hero-layout, .distortion-grid, .metrics-layout, .roadmap-layout {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n gap: 50px;\r\n }\r\n .rigging-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n .amplitude-box {\r\n border-left: none;\r\n border-top: 4px solid var(--accent-gold);\r\n background: linear-gradient(180deg, rgba(255,183,3,0.06), transparent);\r\n }\r\n .distortion-text p {\r\n text-align: center;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n section {\r\n padding: 80px 0;\r\n }\r\n .nav-menu {\r\n display: none; \r\n }\r\n nav {\r\n padding: 12px 0;\r\n }\r\n .btn-nav-vip {\r\n font-size: 11px !important; \r\n padding: 8px 18px !important;\r\n }\r\n .brand-logo {\r\n font-size: 20px;\r\n }\r\n .rigging-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .footer-cta-clean-wrap {\r\n padding: 0 10px;\r\n margin-bottom: 60px;\r\n }\r\n .social-channels {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n .social-btn {\r\n width: 100%;\r\n max-width: 340px;\r\n }\r\n .hero-asset, .distortion-asset, .metrics-asset, .roadmap-asset {\r\n max-width: 300px; \r\n }\r\n .ca-container {\r\n gap: 8px;\r\n }\r\n .ca-box {\r\n font-size: 12px;\r\n padding: 6px 12px;\r\n max-width: 200px; \r\n }\r\n .btn-copy-slim {\r\n padding: 6px 14px;\r\n font-size: 11px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"video-bg-container\">\r\n <video autoplay muted loop playsinline id=\"bgVideo\">\r\n <source src=\"https:\/\/voltix.lol\/wp-content\/uploads\/2026\/05\/HERO-VOLTIX1A.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <div class=\"video-overlay\"><\/div>\r\n\r\n <div class=\"main-content-wrapper\">\r\n\r\n <header>\r\n <nav>\r\n <div class=\"container nav-container\">\r\n <a href=\"#\" class=\"brand-logo\">VOLTIX <span>$VOLTIX<\/span><\/a>\r\n <ul class=\"nav-menu\">\r\n <li><a href=\"#distortion\">Distortion<\/a><\/li>\r\n <li><a href=\"#rigging\">Rigging<\/a><\/li>\r\n <li><a href=\"#metrics\">Metrics<\/a><\/li>\r\n <li><a href=\"#tour\">World Tour<\/a><\/li>\r\n <\/ul>\r\n <a href=\"#tour\" class=\"btn-core btn-nav-vip\">SECURE VIP PASS<\/a>\r\n <\/div>\r\n <\/nav>\r\n <\/header>\r\n\r\n <main>\r\n <section class=\"hero-section\">\r\n <div class=\"container hero-layout\">\r\n <div class=\"hero-content\">\r\n <h1 class=\"glitch-text\">VOLTIX<\/h1>\r\n <h2 class=\"glitch-text\">DOMINATING CONTEMPORARY FINANCE. AMPLIFYING THE ARENA WITHOUT COMPROMISE.<\/h2>\r\n <div class=\"glass-card amplitude-box\">\r\n Welcome to an elite era where trading discards the rigid, boring playbook. <strong>$VOLTIX<\/strong> injects the raw, electric energy of a sold-out stadium tour straight into the Solana network. We are here to headline the market.\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-graphic-container\">\r\n <img decoding=\"async\" src=\"https:\/\/voltix.lol\/wp-content\/uploads\/2026\/05\/ASETV2.png\" alt=\"Voltix Center Character\" class=\"hero-asset\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"distortion\">\r\n <div class=\"container solid-card reveal\" style=\"padding: 45px;\">\r\n <div class=\"distortion-grid\">\r\n <div class=\"distortion-text\">\r\n <h2 class=\"section-title glitch-text\"><span>01. Distortion<\/span>The New Rules Of The Game<\/h2>\r\n <p style=\"margin-top: 20px;\">When advanced blockchain architecture collides with stadium-shaking charisma, the old rulebook instantly shatters. VOLTIX was not created to ask for permission. We are here to seize the center stage and establish an uncompromising standard of excellence.<\/p>\r\n <p>Inspired by blinding stage lights and premium gold, this project represents absolute power and sheer audacity. Every chart movement is a melody we compose; every surge in momentum is the roar of an unstoppable crowd.<\/p>\r\n <\/div>\r\n <div class=\"asset-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/voltix.lol\/wp-content\/uploads\/2026\/05\/ASETV4.png\" alt=\"Voltix Rockstar Character\" class=\"distortion-asset\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"rigging\">\r\n <div class=\"container reveal\">\r\n <div class=\"section-header centered\">\r\n <h2 class=\"section-title glitch-text\"><span>02. Specifications<\/span>Main Stage Rigging<\/h2>\r\n <\/div>\r\n <div class=\"rigging-grid\">\r\n <div class=\"glass-card feature-card\">\r\n <h3>Absolute Charisma<\/h3>\r\n <p>World-class visual aesthetics designed to capture global market attention from the very first second. Setting a new, premium benchmark.<\/p>\r\n <\/div>\r\n <div class=\"glass-card feature-card\">\r\n <h3>Maximum Energy<\/h3>\r\n <p>A high-octane growth engine backed by aggressive market penetration and an unyielding focus on sustained ecosystem value.<\/p>\r\n <\/div>\r\n <div class=\"glass-card feature-card\">\r\n <h3>Exclusive Access<\/h3>\r\n <p>Premium privileges reserved for our core community, granting front-row priority to future strategic project expansions.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"metrics\">\r\n <div class=\"container reveal\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title glitch-text\"><span>03. Solana Metrics<\/span>Financial Blueprint<\/h2>\r\n <\/div>\r\n <div class=\"metrics-layout\">\r\n <div class=\"table-responsive\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Core Parameter<\/th>\r\n <th>Value \/ Metric<\/th>\r\n <th>Operational Deployment<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td><strong>Total Supply<\/strong><\/td>\r\n <td><span style=\"color: var(--accent-gold); font-weight: bold;\">1,000,000,000<\/span><\/td>\r\n <td>One billion fixed supply tokens deployed on the Solana network.<\/td>\r\n <\/tr>\r\n <tr>\r\n <td><strong>Transaction Tax<\/strong><\/td>\r\n <td><span style=\"color: var(--accent-gold); font-weight: bold;\">0% (Zero Tax)<\/span><\/td>\r\n <td>Completely friction-free trading across all decentralized markets.<\/td>\r\n <\/tr>\r\n <tr>\r\n <td><strong>Liquidity Pool<\/strong><\/td>\r\n <td><span style=\"color: var(--accent-gold); font-weight: bold;\">100% Burned<\/span><\/td>\r\n <td>LP tokens permanently destroyed to guarantee absolute floor safety.<\/td>\r\n <\/tr>\r\n <tr>\r\n <td><strong>Network Platform<\/strong><\/td>\r\n <td><span style=\"color: var(--accent-white); font-weight: bold;\">Solana Architecture<\/span><\/td>\r\n <td>Leveraging high-fidelity speed and micro-gas operational efficiency.<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <div class=\"metrics-graphic-container\">\r\n <img decoding=\"async\" src=\"https:\/\/voltix.lol\/wp-content\/uploads\/2026\/05\/ASETV1.png\" alt=\"Voltix Finance Graphic\" class=\"metrics-asset\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"tour\">\r\n <div class=\"container reveal\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title glitch-text\"><span>04. Live Schedule<\/span>World Tour Roadmap<\/h2>\r\n <\/div>\r\n <div class=\"roadmap-layout\">\r\n <div class=\"roadmap-asset-container\">\r\n <img decoding=\"async\" src=\"https:\/\/voltix.lol\/wp-content\/uploads\/2026\/05\/ASETV3.png\" alt=\"Voltix Roadmap Graphic\" class=\"roadmap-asset\">\r\n <\/div>\r\n <div class=\"roadmap-timeline\">\r\n <div class=\"glass-card roadmap-node\">\r\n <h3>Phase 01: Soundcheck & Rehearsal<\/h3>\r\n <p>Finalizing the project blueprint, launching premium digital infrastructure, and rallying the initial core community to the front row.<\/p>\r\n <\/div>\r\n <div class=\"glass-card roadmap-node current\">\r\n <h3>Phase 02: Lifting the Main Stage Curtain <span class=\"badge\">Current Stage<\/span><\/h3>\r\n <p>Official launch of the $VOLTIX token, integration into premier platforms, and activation of global marketing campaigns.<\/p>\r\n <\/div>\r\n <div class=\"glass-card roadmap-node\">\r\n <h3>Phase 03: Stadium Amplification & Dominance<\/h3>\r\n <p>Full-scale ecosystem expansion, exclusive cross-industry partnerships, and solidifying VOLTIX as the most respected asset.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer>\r\n <div class=\"container reveal\">\r\n <!-- Bagian CTA Utama Tanpa Card Hitam Solid -->\r\n <div class=\"footer-cta-clean-wrap\">\r\n <h2 class=\"glitch-text\">JOIN THE FRONT ROW NOW.<br><span style=\"color: var(--accent-gold)\">IT'S TIME TO OWN THE ARENA.<\/span><\/h2>\r\n \r\n <div class=\"social-channels\">\r\n <a href=\"https:\/\/dexscreener.com\/solana\/your_link\" target=\"_blank\" class=\"social-btn btn-core btn-filled\">DEXSCREENER<\/a>\r\n <a href=\"https:\/\/pump.fun\/your_link\" target=\"_blank\" class=\"social-btn btn-core btn-filled\">PUMP.FUN<\/a>\r\n <a href=\"https:\/\/t.me\/your_telegram\" target=\"_blank\" class=\"social-btn btn-core\">TELEGRAM<\/a>\r\n <a href=\"https:\/\/x.com\/your_twitter\" target=\"_blank\" class=\"social-btn btn-core\">X \/ TWITTER<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-brand\">\r\n \u00a9 2026 VOLTIX\r\n <italic>The Sound of Financial Freedom<\/italic>\r\n <\/div>\r\n\r\n <p class=\"disclaimer\">\r\n All digital asset movements carry inherent market volatility. This content is strictly for project introduction and character presentation purposes, and does not constitute financial advice. Conduct thorough due diligence before entering the arena.\r\n <\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <\/div> \r\n\r\n <div class=\"fixed-ca-bar\">\r\n <div class=\"container ca-container\">\r\n <div class=\"ca-label\">\u26a1 CONTRACT ADDRESS (SOLANA):<\/div>\r\n <div class=\"ca-box\" id=\"caTokenText\">7GfFqMg3Wvep1uk81yUC19aYXV5hBusjtHTyrmx1pump<\/div>\r\n <button class=\"btn-copy-slim\" onclick=\"copyContractAddress(7GfFqMg3Wvep1uk81yUC19aYXV5hBusjtHTyrmx1pump)\">Copy<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ --- Glitch & Text Shuffle Shuffler Engine ---\r\n const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789@#$%&*+=?';\r\n \r\n function runTextShuffle(element) {\r\n if (element.classList.contains('glitching')) return;\r\n element.classList.add('glitching');\r\n\r\n const hasSpan = element.querySelector('span');\r\n let originalText = \"\";\r\n let targetSpanHTML = \"\";\r\n \r\n if (hasSpan) {\r\n originalText = element.childNodes[1] ? element.childNodes[1].textContent.trim() : element.innerText;\r\n targetSpanHTML = hasSpan.outerHTML;\r\n } else {\r\n originalText = element.innerText;\r\n }\r\n\r\n let iterations = 0;\r\n const intervalDuration = 25; \r\n const totalDuration = 12; \r\n \r\n const interval = setInterval(() => {\r\n let scrambled = originalText.split('').map((letter, index) => {\r\n if (letter === \" \" || letter === \".\" || letter === \":\") return letter;\r\n if (index < iterations) return originalText[index];\r\n return chars[Math.floor(Math.random() * chars.length)];\r\n }).join('');\r\n\r\n if (hasSpan) {\r\n element.innerHTML = targetSpanHTML + \" \" + scrambled;\r\n } else {\r\n element.innerText = scrambled;\r\n }\r\n\r\n if (iterations >= originalText.length) {\r\n clearInterval(interval);\r\n element.classList.remove('glitching');\r\n if (hasSpan) {\r\n element.innerHTML = targetSpanHTML + \" \" + originalText;\r\n } else {\r\n element.innerText = originalText;\r\n }\r\n }\r\n iterations += originalText.length \/ totalDuration;\r\n }, intervalDuration);\r\n }\r\n\r\n const glitchObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n runTextShuffle(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n document.querySelectorAll('.glitch-text').forEach(title => {\r\n glitchObserver.observe(title);\r\n });\r\n\r\n \/\/ --- Scroll Reveal Blur Effect ---\r\n function revealOnScroll() {\r\n var reveals = document.querySelectorAll(\".reveal\");\r\n for (var i = 0; i < reveals.length; i++) {\r\n var windowHeight = window.innerHeight;\r\n var elementTop = reveals[i].getBoundingClientRect().top;\r\n var elementVisible = 100;\r\n \r\n if (elementTop < windowHeight - elementVisible) {\r\n reveals[i].classList.add(\"active\");\r\n } else {\r\n reveals[i].classList.remove(\"active\");\r\n }\r\n }\r\n }\r\n window.addEventListener(\"scroll\", revealOnScroll);\r\n revealOnScroll();\r\n\r\n \/\/ --- Mekanisme Salin Alamat Kontrak Protokol ---\r\n function copyContractAddress() {\r\n var caText = document.getElementById(\"caTokenText\").innerText;\r\n navigator.clipboard.writeText(caText).then(function() {\r\n var copyBtn = document.querySelector(\".btn-copy-slim\");\r\n copyBtn.innerText = \"Copied! \u26a1\";\r\n copyBtn.style.background = \"var(--accent-white)\";\r\n copyBtn.style.color = \"#050405\";\r\n \r\n setTimeout(function() {\r\n copyBtn.innerText = \"Copy\";\r\n copyBtn.style.background = \"var(--accent-gold)\";\r\n copyBtn.style.color = \"#050405\";\r\n }, 2000);\r\n }).catch(function(err) {\r\n console.error(\"Failed to execute copy protocol: \", err);\r\n });\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n var video = document.getElementById('bgVideo');\r\n if(video) {\r\n video.play().catch(function(error) {\r\n console.log(\"Autoplay was prevented, handling interaction trigger.\");\r\n });\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\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>VOLTIX – Dominating Contemporary Finance VOLTIX $VOLTIX Distortion Rigging Metrics World Tour SECURE VIP PASS VOLTIX DOMINATING CONTEMPORARY FINANCE. AMPLIFYING THE ARENA WITHOUT COMPROMISE. Welcome to an elite era where trading discards the rigid, boring playbook. $VOLTIX injects the raw, electric energy of a sold-out stadium tour straight into the Solana network. We are here […]<\/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:\/\/voltix.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/voltix.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/voltix.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/voltix.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/voltix.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":58,"href":"https:\/\/voltix.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":80,"href":"https:\/\/voltix.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/80"}],"wp:attachment":[{"href":"https:\/\/voltix.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}