{"id":8,"date":"2026-07-17T00:10:53","date_gmt":"2026-07-17T00:10:53","guid":{"rendered":"https:\/\/purplearrow.site\/?page_id=8"},"modified":"2026-07-17T12:57:57","modified_gmt":"2026-07-17T12:57:57","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/purplearrow.site\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\n\n\n\n\nPURPLE ARROW \u2014 $ARROW<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Space+Grotesk:wght@300;400;500;600&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\n\n\/* \u2500\u2500 RESET & BASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n background: #09090E;\n color: #F0EEF8;\n font-family: 'Space Grotesk', sans-serif;\n overflow-x: hidden;\n}\n::-webkit-scrollbar { width: 4px; }\n::-webkit-scrollbar-track { background: #09090E; }\n::-webkit-scrollbar-thumb { background: #5B21B6; }\np{\n color: #fff !important;\n font-weight: 700;\n \n}\n\n\/* \u2500\u2500 DESIGN TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n --bg: #09090E;\n --bg2: #0D0D14;\n --bg3: #111119;\n --panel: #0F0F18;\n --border: #2A1F4A;\n --border2: #3D2A6E;\n --purple: #7B3FFF;\n --purple2: #9D6FFF;\n --purple3: #5B21B6;\n --text: #F0EEF8;\n --muted: #7A7990;\n --muted2: #4A4960;\n}\n\n\/* \u2500\u2500 TYPOGRAPHY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.font-display { font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.04em; }\n.font-mono { font-family: 'Space Mono', monospace; }\n\n\/* \u2500\u2500 SCROLLBAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n\/* \u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nnav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 999;\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 2.5rem;\n height: 60px;\n background: rgba(9,9,14,0.85);\n border-bottom: 1px solid var(--border);\n backdrop-filter: blur(8px);\n transition: background 0.3s;\n}\n.nav-logo {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1.35rem;\n letter-spacing: 0.12em;\n color: #fff;\n text-decoration: none;\n display: flex; align-items: center; gap: 0.5rem;\n}\n.nav-logo-mark {\n display: inline-block;\n color: var(--purple);\n font-size: 1.5rem;\n line-height: 1;\n}\n.nav-links {\n display: flex; gap: 2.5rem; list-style: none;\n}\n.nav-links a {\n font-family: 'Space Mono', monospace;\n font-size: 1rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #fff;\n font-weight: 700;\n text-decoration: none;\n transition: color 0.2s;\n}\n.nav-links a:hover { color: var(--text); }\n.nav-btn {\n font-family: 'Space Mono', monospace;\n font-size: 0.65rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n font-weight: 700;\n background: var(--purple);\n color: #fff;\n border: none;\n padding: 0.5rem 1.25rem;\n cursor: pointer;\n clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);\n transition: background 0.2s;\n}\n.nav-btn:hover { background: var(--purple2); }\n\n\/* \u2500\u2500 BUTTONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.btn {\n display: inline-flex; align-items: center; gap: 0.5rem;\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n font-weight: 700;\n padding: 0.75rem 1.75rem;\n cursor: pointer;\n border: none;\n text-decoration: none;\n transition: all 0.2s;\n clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);\n}\n.btn-fill {\n background: var(--purple);\n color: #fff;\n}\n.btn-fill:hover { background: var(--purple2); }\n.btn-border {\n background: transparent;\n color: var(--text);\n border: 1px solid var(--border2);\n clip-path: none;\n}\n.btn-border:hover { border-color: var(--purple); color: var(--purple2); }\n\n\/* \u2500\u2500 HUD DECORATION HELPERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.corner-tl, .corner-tr, .corner-bl, .corner-br {\n position: absolute;\n width: 18px; height: 18px;\n border-color: var(--purple);\n border-style: solid;\n}\n.corner-tl { top: 0; left: 0; border-width: 2px 0 0 2px; }\n.corner-tr { top: 0; right: 0; border-width: 2px 2px 0 0; }\n.corner-bl { bottom: 0; left: 0; border-width: 0 0 2px 2px; }\n.corner-br { bottom: 0; right: 0; border-width: 0 2px 2px 0; }\n\n.crosshair {\n position: absolute;\n width: 18px; height: 18px;\n display: flex; align-items: center; justify-content: center;\n color: var(--purple);\n font-size: 1.1rem;\n opacity: 0.7;\n}\n.dot-grid {\n background-image: radial-gradient(circle, var(--border2) 1px, transparent 1px);\n background-size: 14px 14px;\n opacity: 0.4;\n}\n\n\/* \u2500\u2500 GALLERY STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.strip-track { display: flex; gap: 0.75rem; align-items: center; height: 100%; }\n.strip-track img {\n height: 100%;\n width: auto;\n object-fit: cover;\n flex-shrink: 0;\n display: block;\n}\n.strip-outer {\n overflow: hidden;\n mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);\n}\n\n\/* \u2500\u2500 SCROLL ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.65s ease, transform 0.65s ease;\n}\n.reveal.in { opacity: 1; transform: translateY(0); }\n.reveal-left {\n opacity: 0; transform: translateX(-30px);\n transition: opacity 0.65s ease, transform 0.65s ease;\n}\n.reveal-left.in { opacity: 1; transform: translateX(0); }\n.reveal-right {\n opacity: 0; transform: translateX(30px);\n transition: opacity 0.65s ease, transform 0.65s ease;\n}\n.reveal-right.in { opacity: 1; transform: translateX(0); }\n\n\/* \u2500\u2500 SECTION LABEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sec-label {\n font-family: 'Space Mono', monospace;\n font-size: 0.68rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--purple2);\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 1rem;\n}\n.sec-label::before { content: ''; display: block; width: 18px; height: 2px; background: var(--purple); }\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* S1 \u2014 HERO *\/\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#s1 {\n position: relative;\n height: 100vh; min-height: 680px;\n overflow: hidden;\n display: flex; align-items: flex-end;\n}\n\n\/* hero art background *\/\n.s1-bg {\n position: absolute; inset: 0;\n background: url('http:\/\/purplearrow.site\/wp-content\/uploads\/2026\/07\/bg1.png') center top \/ cover no-repeat;\n z-index: 0;\n}\n.s1-bg::after {\n content: '';\n position: absolute; inset: 0;\n background:\n linear-gradient(180deg, rgba(9,9,14,0.35) 0%, rgba(9,9,14,0.0) 35%, rgba(9,9,14,0.0) 55%, rgba(9,9,14,1) 100%),\n linear-gradient(90deg, rgba(9,9,14,0.65) 0%, transparent 55%);\n}\n\n\/* scrolling gallery strips behind art *\/\n.s1-strips {\n position: absolute; inset: 0; z-index: 1;\n display: flex; flex-direction: column;\n justify-content: space-around;\n overflow: hidden;\n pointer-events: none;\n opacity: 0.12;\n}\n.s1-strip {\n height: 72px;\n overflow: hidden;\n mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);\n}\n.s1-strip .strip-track { height: 72px; }\n.s1-strip .strip-track img { height: 68px; border-radius: 4px; filter: saturate(0.4) brightness(0.7); }\n.s1-strip:nth-child(odd) .strip-track { animation: scrollL 28s linear infinite; }\n.s1-strip:nth-child(even) .strip-track { animation: scrollR 32s linear infinite; }\n\n@keyframes scrollL { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n@keyframes scrollR { 0%{transform:translateX(-50%)} 100%{transform:translateX(0)} }\n\n\/* hero character *\/\n.s1-char {\n position: absolute; bottom: 0; right: 6%;\n height: 92%; z-index: 3;\n object-fit: contain; object-position: bottom;\n filter: drop-shadow(0 0 60px rgba(123,63,255,0.35));\n animation: charFloat 7s ease-in-out infinite;\n}\n@keyframes charFloat {\n 0%,100%{transform:translateY(0)}\n 50%{transform:translateY(-14px)}\n}\n\n\/* HUD frame lines *\/\n.s1-hud-top, .s1-hud-bot {\n position: absolute; left: 0; right: 0;\n height: 1px; background: var(--border); z-index: 4;\n}\n.s1-hud-top { top: 59px; }\n.s1-hud-bot { bottom: 0; }\n.s1-hud-vline {\n position: absolute; top: 60px; bottom: 0;\n width: 1px; background: var(--border); z-index: 4;\n}\n.s1-hud-vline-l { left: 2.5rem; }\n.s1-hud-vline-r { right: 2.5rem; }\n\n\/* hero content *\/\n.s1-content {\n position: relative; z-index: 5;\n width: 100%;\n padding: 0 2.5rem 5.5rem;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: end;\n gap: 3rem;\n}\n.s1-left {}\n.s1-ticker {\n font-family: 'Space Mono', monospace;\n font-size: 0.7rem;\n letter-spacing: 0.25em;\n color: var(--purple2);\n text-transform: uppercase;\n margin-bottom: 0.5rem;\n display: flex; align-items: center; gap: 0.5rem;\n}\n.s1-ticker::before { content:''; display:block; width:14px; height:2px; background:var(--purple); }\n.s1-h1 {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(4rem, 9vw, 8rem);\n line-height: 0.93;\n letter-spacing: 0.03em;\n color: #fff;\n margin-bottom: 1.25rem;\n}\n.s1-tagline {\n font-size: 1rem;\n color: var(--muted);\n max-width: 420px;\n line-height: 1.7;\n margin-bottom: 2rem;\n}\n.s1-ctas { display: flex; gap: 0.75rem; flex-wrap: wrap; }\n\n\/* CA box *\/\n.ca-row {\n display: flex; align-items: center;\n border: 1px solid var(--border2);\n background: rgba(15,15,24,0.9);\n padding: 0.6rem 0.85rem;\n gap: 0.75rem;\n margin-top: 1.5rem;\n max-width: 440px;\n position: relative;\n}\n.ca-row .corner-tl, .ca-row .corner-tr,\n.ca-row .corner-bl, .ca-row .corner-br { width:10px; height:10px; }\n.ca-lbl {\n font-family: 'Space Mono', monospace;\n font-size: 0.62rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--purple2);\n white-space: nowrap;\n}\n.ca-addr {\n font-family: 'Space Mono', monospace;\n font-size: 0.7rem;\n color: var(--muted);\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.ca-copy {\n font-family: 'Space Mono', monospace;\n font-size: 0.62rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n background: var(--purple);\n color: #fff;\n border: none;\n padding: 0.35rem 0.75rem;\n cursor: pointer;\n white-space: nowrap;\n transition: background 0.2s;\n}\n.ca-copy:hover { background: var(--purple2); }\n\n\/* Right panel \u2014 stats *\/\n.s1-right {\n display: flex; flex-direction: column;\n gap: 0.5rem;\n min-width: 200px;\n}\n.s1-stat {\n border: 1px solid var(--border);\n background: rgba(15,15,24,0.85);\n padding: 0.85rem 1.1rem;\n position: relative;\n}\n.s1-stat-lbl {\n font-family: 'Space Mono', monospace;\n font-size: 0.6rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 0.2rem;\n}\n.s1-stat-val {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1.6rem;\n color: var(--purple2);\n letter-spacing: 0.05em;\n line-height: 1;\n}\n\n\/* scroll arrow *\/\n.s1-scroll {\n position: absolute; bottom: 1.75rem; left: 50%;\n transform: translateX(-50%);\n z-index: 6;\n display: flex; flex-direction: column;\n align-items: center; gap: 0.35rem;\n color: var(--muted);\n font-family: 'Space Mono', monospace;\n font-size: 0.6rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n}\n.s1-scroll-line {\n width: 1px; height: 40px;\n background: linear-gradient(180deg, var(--purple), transparent);\n animation: lineAnim 2s ease-in-out infinite;\n}\n@keyframes lineAnim { 0%,100%{opacity:0.4;transform:scaleY(1)} 50%{opacity:1;transform:scaleY(0.6)} }\n\n\/* Section transition \u2014 diagonal cut *\/\n.wave-down {\n position: relative;\n z-index: 5;\n margin-top: -2px;\n}\n.wave-down svg { display: block; width: 100%; }\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* S2 \u2014 ABOUT *\/\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#s2 {\n background: var(--bg);\n position: relative;\n overflow: hidden;\n display: grid;\n grid-template-columns: 45% 55%;\n min-height: 100vh;\n}\n\n\/* Left \u2014 image *\/\n.s2-visual {\n position: relative;\n overflow: hidden;\n}\n.s2-visual-img {\n position: absolute; inset: 0;\n width: 100%; height: 100%;\n object-fit: cover;\n object-position: center top;\n filter: drop-shadow(0 0 55px rgba(123,63,255,0.25));\n}\n\/* right edge fade into section bg *\/\n.s2-visual::after {\n content: '';\n position: absolute; top: 0; right: -1px; bottom: 0;\n width: 100px;\n background: linear-gradient(90deg, transparent, var(--bg));\n z-index: 2;\n}\n\/* top\/bottom fades *\/\n.s2-visual::before {\n content: '';\n position: absolute; inset: 0; z-index: 1;\n background: linear-gradient(180deg, var(--bg) 0%, transparent 10%, transparent 88%, var(--bg) 100%);\n}\n\n\/* Right \u2014 content *\/\n.s2-content {\n position: relative;\n z-index: 3;\n padding: 7rem 3.5rem 5rem 2rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.s2-h2 {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(2.8rem, 4.5vw, 4.5rem);\n line-height: 0.95;\n letter-spacing: 0.04em;\n color: #fff;\n margin-bottom: 0.75rem;\n margin-top: 0.5rem;\n}\n.s2-desc {\n font-size: 0.95rem;\n font-weight: 600;\n color: var(--text);\n line-height: 1.75;\n margin-bottom: 2.5rem;\n max-width: 520px;\n}\n\n\/* Stacked feature panels *\/\n.s2-panels {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n.s2-panel {\n border: 1px solid var(--border);\n background: var(--panel);\n padding: 1.25rem 1.5rem;\n position: relative;\n transition: border-color 0.3s;\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 0 1.25rem;\n align-items: center;\n}\n.s2-panel:hover { border-color: var(--border2); }\n\n.s2-panel-num {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 2.2rem;\n color: var(--purple);\n line-height: 1;\n min-width: 70px;\n text-align: center;\n}\n.s2-panel-body {}\n.s2-panel-unit {\n font-family: 'Space Mono', monospace;\n font-size: 0.58rem;\n letter-spacing: 0.15em;\n color: var(--text);\n font-weight: 700;\n text-transform: uppercase;\n margin-bottom: 0.2rem;\n}\n.s2-panel h3 {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 0.9rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #fff;\n margin-bottom: 0.25rem;\n}\n.s2-panel p {\n font-size: 0.82rem;\n font-weight: 600;\n color: var(--text);\n line-height: 1.55;\n}\n.s2-panel-line {\n display: none;\n}\n.s2-panel-divider {\n grid-column: 1 \/ -1;\n height: 1px;\n background: var(--border);\n margin: 0.5rem 0 0.75rem;\n}\n\n\/* bg dot grid *\/\n.s2-dotgrid {\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle, var(--border) 1px, transparent 1px);\n background-size: 22px 22px;\n opacity: 0.4;\n z-index: 0;\n pointer-events: none;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* S3 \u2014 TOKENOMICS *\/\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#s3 {\n background: var(--bg2);\n position: relative;\n padding: 7rem 2.5rem;\n overflow: hidden;\n}\n.s3-inner { max-width: 1200px; margin: 0 auto; }\n\n.s3-header { margin-bottom: 4rem; }\n.s3-grid {\n display: grid;\n grid-template-columns: 380px 1fr;\n gap: 3rem;\n align-items: start;\n}\n\n\/* Donut *\/\n.s3-donut-wrap {\n border: 1px solid var(--border);\n background: var(--panel);\n padding: 2rem;\n position: relative;\n}\n.s3-donut-title {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 1.5rem;\n}\n.s3-donut-center-wrap {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.donut-svg { width: 220px; height: 220px; transform: rotate(-90deg); }\n.donut-center-abs {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n}\n.donut-center-val {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 2rem;\n color: var(--purple2);\n line-height: 1;\n}\n.donut-center-sub {\n font-family: 'Space Mono', monospace;\n font-size: 0.6rem;\n color: var(--muted);\n letter-spacing: 0.15em;\n text-transform: uppercase;\n}\n\n.s3-legend { margin-top: 1.5rem; display: flex; flex-direction: column; gap: 0.6rem; }\n.legend-row {\n display: flex; align-items: center;\n gap: 0.7rem;\n font-size: 0.82rem;\n}\n.legend-bar-wrap { flex: 1; height: 4px; background: var(--border); position: relative; }\n.legend-bar { height: 100%; background: var(--purple); }\n.legend-name { color: var(--muted); width: 130px; }\n.legend-pct { font-family: 'Space Mono', monospace; font-size: 0.72rem; color: #fff; width: 35px; text-align: right; }\n\n\/* Stat cards *\/\n.s3-right { display: flex; flex-direction: column; gap: 1rem; }\n.s3-stat-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n.s3-card {\n border: 1px solid var(--border);\n background: var(--panel);\n padding: 1.4rem 1.5rem;\n position: relative;\n transition: border-color 0.3s;\n}\n.s3-card:hover { border-color: var(--border2); }\n.s3-card-lbl {\n font-family: 'Space Mono', monospace;\n font-size: 0.6rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 0.4rem;\n}\n.s3-card-val {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 2rem;\n color: var(--purple2);\n letter-spacing: 0.04em;\n line-height: 1;\n}\n.s3-card-sub {\n font-size: 0.78rem;\n color: var(--muted);\n margin-top: 0.35rem;\n line-height: 1.5;\n}\n\n\/* Utility row *\/\n.s3-utils { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }\n.s3-util {\n border: 1px solid var(--border);\n background: var(--panel);\n padding: 1.4rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n position: relative;\n transition: border-color 0.3s;\n}\n.s3-util:hover { border-color: var(--border2); }\n.s3-util-icon { font-size: 1.4rem; }\n.s3-util-name {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 0.9rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: #fff;\n}\n.s3-util-desc { font-size: 0.8rem; color: var(--muted); line-height: 1.6; }\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* S4 \u2014 WHY PURPLE ARROW *\/\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#s4 {\n background: var(--bg);\n position: relative;\n overflow: hidden;\n display: grid;\n grid-template-columns: 55% 45%;\n min-height: 100vh;\n}\n\n.s4-visual {\n position: relative;\n overflow: hidden;\n}\n.s4-visual-img {\n position: absolute; inset: 0;\n width: 100%; height: 100%;\n object-fit: cover;\n object-position: center top;\n filter: saturate(0.9);\n}\n\/* diagonal edge *\/\n.s4-visual::after {\n content: '';\n position: absolute; top: 0; right: -2px; bottom: 0;\n width: 120px;\n background: linear-gradient(90deg, transparent, var(--bg));\n z-index: 2;\n}\n\/* top\/bottom fades *\/\n.s4-visual::before {\n content: '';\n position: absolute; inset: 0; z-index: 1;\n background: linear-gradient(180deg, var(--bg) 0%, transparent 12%, transparent 85%, var(--bg) 100%);\n}\n\n.s4-content {\n position: relative;\n z-index: 3;\n padding: 7rem 3rem 5rem 2rem;\n display: flex; flex-direction: column;\n justify-content: center;\n}\n\n\/* Roadmap *\/\n.s4-road { margin: 2.5rem 0; position: relative; }\n.s4-road::before {\n content: '';\n position: absolute; left: 14px; top: 20px; bottom: 20px;\n width: 1px; background: var(--border2);\n}\n.s4-step {\n display: flex; gap: 1.25rem; align-items: flex-start;\n padding: 0.9rem 0;\n position: relative;\n}\n.s4-step-dot {\n width: 30px; height: 30px; flex-shrink: 0;\n border: 1px solid var(--border2);\n background: var(--bg);\n display: flex; align-items: center; justify-content: center;\n font-family: 'Space Mono', monospace;\n font-size: 0.65rem;\n color: var(--muted);\n transition: all 0.3s;\n position: relative; z-index: 1;\n}\n.s4-step.done .s4-step-dot {\n border-color: var(--purple);\n background: var(--purple3);\n color: #fff;\n}\n.s4-step-body {}\n.s4-step-phase {\n font-family: 'Space Mono', monospace;\n font-size: 0.6rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--purple2);\n margin-bottom: 0.2rem;\n}\n.s4-step-title {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 0.95rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: #fff;\n margin-bottom: 0.3rem;\n}\n.s4-step-desc { font-size: 0.8rem; color: var(--muted); line-height: 1.55; }\n\n.s4-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 2rem; }\n.s4-tag {\n border: 1px solid var(--border);\n padding: 0.3rem 0.8rem;\n font-family: 'Space Mono', monospace;\n font-size: 0.62rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--muted);\n transition: all 0.2s;\n}\n.s4-tag:hover { border-color: var(--purple); color: var(--purple2); }\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* S5 \u2014 FAQ *\/\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#s5 {\n background: var(--bg2);\n position: relative;\n padding: 7rem 2.5rem 0;\n overflow: hidden;\n}\n\n\/* gallery marquee in FAQ *\/\n.s5-marquee {\n width: 100%;\n overflow: hidden;\n position: relative;\n z-index: 2;\n margin: 2.5rem 0;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n padding: 0.75rem 0;\n -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);\n mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);\n}\n.s5-marquee .strip-track {\n height: 120px;\n display: flex;\n gap: 0.75rem;\n align-items: center;\n animation: scrollL 20s linear infinite;\n width: max-content;\n}\n.s5-marquee .strip-track img {\n height: 120px;\n width: 180px;\n object-fit: cover;\n border-radius: 4px;\n flex-shrink: 0;\n border: 1px solid var(--border);\n display: block;\n}\n\n.s5-inner {\n max-width: 860px;\n margin: 0 auto;\n position: relative; z-index: 2;\n padding-bottom: 6rem;\n}\n.s5-header { text-align: center; margin-bottom: 3.5rem; }\n.s5-header .sec-label { justify-content: center; }\n.s5-header .sec-label::before { display: none; }\n\n\/* FAQ accordion *\/\n.faq-list { display: flex; flex-direction: column; gap: 0.5rem; }\n.faq-item {\n border: 1px solid var(--border);\n background: var(--panel);\n overflow: hidden;\n transition: border-color 0.3s;\n position: relative;\n}\n.faq-item.open { border-color: var(--border2); }\n.faq-q-btn {\n width: 100%;\n background: none; border: none;\n padding: 1.25rem 1.5rem;\n display: flex; align-items: center;\n justify-content: space-between;\n gap: 1rem;\n cursor: pointer;\n text-align: left;\n}\n.faq-q-txt {\n font-weight: 600;\n font-size: 0.92rem;\n color: var(--text);\n flex: 1;\n font-family: 'Space Grotesk', sans-serif;\n}\n.faq-icon {\n width: 26px; height: 26px; flex-shrink: 0;\n border: 1px solid var(--border2);\n display: flex; align-items: center; justify-content: center;\n font-family: 'Space Mono', monospace;\n font-size: 0.85rem;\n color: var(--purple2);\n transition: all 0.25s;\n background: var(--bg);\n}\n.faq-item.open .faq-icon {\n background: var(--purple);\n border-color: var(--purple);\n color: #fff;\n transform: rotate(45deg);\n}\n.faq-body {\n max-height: 0; overflow: hidden;\n transition: max-height 0.4s ease;\n}\n.faq-body-inner {\n padding: 0 1.5rem 1.25rem;\n font-size: 0.88rem;\n color: var(--muted);\n line-height: 1.78;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* FINAL CTA *\/\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.final-cta {\n background: var(--bg);\n border-top: 1px solid var(--border);\n padding: 6rem 2.5rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.final-cta-glow {\n position: absolute;\n width: 600px; height: 300px;\n background: radial-gradient(ellipse, rgba(123,63,255,0.12) 0%, transparent 70%);\n left: 50%; top: 50%;\n transform: translate(-50%,-50%);\n pointer-events: none;\n}\n.final-cta-h {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(2.5rem, 5vw, 4.5rem);\n letter-spacing: 0.04em;\n color: #fff;\n margin-bottom: 1rem;\n position: relative;\n}\n.final-cta-sub {\n font-size: 0.95rem;\n color: var(--muted);\n max-width: 480px;\n margin: 0 auto 2.5rem;\n line-height: 1.7;\n position: relative;\n}\n.final-cta-btns {\n display: flex; gap: 0.75rem;\n justify-content: center;\n flex-wrap: wrap;\n position: relative;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* FOOTER *\/\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfooter {\n background: var(--bg);\n border-top: 1px solid var(--border);\n padding: 2rem 2.5rem;\n display: flex; align-items: center;\n justify-content: space-between;\n gap: 1rem; flex-wrap: wrap;\n}\n.foot-brand {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1rem; letter-spacing: 0.15em;\n color: var(--text);\n}\n.foot-copy {\n font-family: 'Space Mono', monospace;\n font-size: 0.62rem;\n color: var(--muted2);\n letter-spacing: 0.08em;\n}\n.foot-social { display: flex; gap: 0.5rem; }\n.soc {\n width: 32px; height: 32px;\n border: 1px solid var(--border);\n display: flex; align-items: center; justify-content: center;\n color: var(--muted);\n font-size: 0.8rem;\n text-decoration: none;\n transition: all 0.2s;\n}\n.soc:hover { border-color: var(--purple); color: var(--purple2); }\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* TOAST *\/\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.toast {\n position: fixed; bottom: 1.75rem; right: 2rem;\n background: var(--panel);\n border: 1px solid var(--border2);\n padding: 0.75rem 1.25rem;\n display: flex; align-items: center; gap: 0.6rem;\n z-index: 9999;\n opacity: 0; transform: translateY(16px);\n transition: all 0.3s ease;\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem;\n letter-spacing: 0.08em;\n color: var(--text);\n}\n.toast.show { opacity: 1; transform: translateY(0); }\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* RESPONSIVE *\/\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 1024px) {\n .s3-grid { grid-template-columns: 1fr; }\n #s2 { grid-template-columns: 1fr; }\n .s2-visual { height: 55vw; min-height: 320px; }\n .s2-visual::after { display: none; }\n .s2-visual::before { background: linear-gradient(180deg, var(--bg) 0%, transparent 8%, transparent 80%, var(--bg) 100%); }\n .s2-content { padding: 3rem 2rem 4rem; }\n #s4 { grid-template-columns: 1fr; }\n .s4-visual { height: 50vh; min-height: 350px; }\n .s4-visual::after { display: none; }\n .s4-content { padding: 4rem 2rem; }\n}\n@media (max-width: 700px) {\n .s1-content { grid-template-columns: 1fr; }\n .s1-right { display: grid; grid-template-columns: 1fr 1fr; }\n .s3-utils { grid-template-columns: 1fr; }\n .s3-stat-row { grid-template-columns: 1fr; }\n .nav-links { display: none; }\n}\n\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<nav id=\"nav\">\n <a href=\"#s1\" class=\"nav-logo\">\n <span class=\"nav-logo-mark\">\u25b6<\/span>PURPLE ARROW\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#s2\">About<\/a><\/li>\n <li><a href=\"#s3\">Tokenomics<\/a><\/li>\n <li><a href=\"#s4\">Roadmap<\/a><\/li>\n <li><a href=\"#s5\">FAQ<\/a><\/li>\n <\/ul>\n <button class=\"nav-btn\" onclick=\"window.open('https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=8CigWvuQwpEDNdUZJDwVN38MkiU2NwxQUhRAKmcZpump','_blank')\">Buy $ARROW<\/button>\n<\/nav>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n S1 \u00b7 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"s1\">\n <div class=\"s1-bg\"><\/div>\n\n\n <!-- HUD lines -->\n <div class=\"s1-hud-top\"><\/div>\n <div class=\"s1-hud-vline s1-hud-vline-l\"><\/div>\n <div class=\"s1-hud-vline s1-hud-vline-r\"><\/div>\n <span class=\"crosshair\" style=\"top:62px;right:2.5rem;transform:translateY(-50%)\">+<\/span>\n <span class=\"crosshair\" style=\"bottom:0;left:2.5rem;\">+<\/span>\n\n <div class=\"s1-content\">\n <div class=\"s1-left\">\n <div class=\"s1-ticker\">$ARROW \u2014 Now Live<\/div>\n <h1 class=\"s1-h1\">PURPLE<br>ARROW<\/h1>\n <p class=\"s1-tagline\">The community-first gaming token aimed straight at the top. Built transparent, launched fair, fueled by holders.<\/p>\n <div class=\"s1-ctas\">\n <button class=\"btn btn-fill\" onclick=\"window.open('https:\/\/x.com\/PurpleArrowsol','_blank')\">Twitter[X]<\/button>\n <button class=\"btn btn-border\" onclick=\"window.open('https:\/\/t.me\/PURPLEARROSOL','_blank')\">Join Community<\/button>\n <\/div>\n <div class=\"ca-row\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-tr\"><\/div>\n <div class=\"corner-bl\"><\/div><div class=\"corner-br\"><\/div>\n <span class=\"ca-lbl\">CA<\/span>\n <span class=\"ca-addr\" id=\"ca-addr\">8CigWvuQwpEDNdUZJDwVN38MkiU2NwxQUhRAKmcZpump<\/span>\n <button class=\"ca-copy\" onclick=\"copyCA(8CigWvuQwpEDNdUZJDwVN38MkiU2NwxQUhRAKmcZpump)\">Copy<\/button>\n <\/div>\n <\/div>\n\n <div class=\"s1-right\">\n <div class=\"s1-stat\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-tr\"><\/div>\n <div class=\"corner-bl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s1-stat-lbl\">Total Supply<\/div>\n <div class=\"s1-stat-val\">1B<\/div>\n <\/div>\n <div class=\"s1-stat\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-tr\"><\/div>\n <div class=\"corner-bl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s1-stat-lbl\">Buy \/ Sell Tax<\/div>\n <div class=\"s1-stat-val\">0%<\/div>\n <\/div>\n <div class=\"s1-stat\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-tr\"><\/div>\n <div class=\"corner-bl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s1-stat-lbl\">Status<\/div>\n <div class=\"s1-stat-val\">Safu<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"s1-scroll\">\n <div class=\"s1-scroll-line\"><\/div>\n Scroll\n <\/div>\n<\/section>\n\n<!-- section weld -->\n<div style=\"height:1px;background:var(--border);\"><\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n S2 \u00b7 ABOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"s2\">\n <div class=\"s2-dotgrid\"><\/div>\n\n <!-- Left: character image -->\n <div class=\"s2-visual\">\n <img decoding=\"async\" class=\"s2-visual-img\" src=\"http:\/\/purplearrow.site\/wp-content\/uploads\/2026\/07\/featured2.png\" alt=\"Purple Arrow Character\">\n <\/div>\n\n <!-- Right: all content -->\n <div class=\"s2-content\">\n <div class=\"sec-label reveal\">What Is Purple Arrow?<\/div>\n <h2 class=\"s2-h2 reveal\">AIMED AT<br>THE FUTURE<\/h2>\n <p class=\"s2-desc reveal\">Purple Arrow ($ARROW) is a community-owned gaming token on Solana. No VC allocation, no insider edge \u2014 just a fair launch, zero taxes, and a growing ecosystem built by players, for players. Every holder is part of the mission.<\/p>\n\n <div class=\"s2-panels\">\n <div class=\"s2-panel reveal\" style=\"transition-delay:0.05s\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s2-panel-num\">10K+<\/div>\n <div class=\"s2-panel-body\">\n <div class=\"s2-panel-unit\">Holders in 72 Hours<\/div>\n <h3>Community First<\/h3>\n <p>Grown organically from day one. No bots, no paid shills \u2014 real holders who believe in the arrow's direction.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"s2-panel reveal\" style=\"transition-delay:0.1s\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s2-panel-num\">100%<\/div>\n <div class=\"s2-panel-body\">\n <div class=\"s2-panel-unit\">Fair Launch<\/div>\n <h3>No VC Allocation<\/h3>\n <p>Zero insider tokens. Zero presale advantages. The same entry price for everyone \u2014 from day one.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"s2-panel reveal\" style=\"transition-delay:0.15s\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s2-panel-num\">0%<\/div>\n <div class=\"s2-panel-body\">\n <div class=\"s2-panel-unit\">Buy \/ Sell Tax<\/div>\n <h3>Pure Liquidity<\/h3>\n <p>No hidden fees eating your trades. What you put in is what moves \u2014 no surprises, no friction.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"s2-panel reveal\" style=\"transition-delay:0.2s\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s2-panel-num\">\u2713<\/div>\n <div class=\"s2-panel-body\">\n <div class=\"s2-panel-unit\">Renounced & Audited<\/div>\n <h3>Contract Renounced<\/h3>\n <p>Admin keys burned. Liquidity locked for 12 months. Verified by independent audit. Fully on-chain transparency.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div style=\"height:1px;background:var(--border);\"><\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n S3 \u00b7 TOKENOMICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"s3\">\n <div class=\"s3-inner\">\n <div class=\"s3-header\">\n <div class=\"sec-label reveal\">$ARROW Token<\/div>\n <h2 class=\"font-display reveal\" style=\"font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:0.04em;line-height:0.95;margin-top:0.5rem;\">TOKENOMICS &<br>UTILITY<\/h2>\n <\/div>\n\n <div class=\"s3-grid\">\n <!-- Left: Donut + legend -->\n <div class=\"s3-donut-wrap reveal-left\" style=\"position:relative;\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-tr\"><\/div>\n <div class=\"corner-bl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s3-donut-title\">Allocation<\/div>\n <div class=\"s3-donut-center-wrap\">\n <svg class=\"donut-svg\" viewBox=\"0 0 220 220\">\n <!-- Total circumference at r=80: 502.65 -->\n <!-- Liquidity 40%: 201.06 -->\n <circle cx=\"110\" cy=\"110\" r=\"80\" fill=\"none\" stroke=\"#7B3FFF\" stroke-width=\"26\" stroke-dasharray=\"201.06 301.59\" stroke-dashoffset=\"0\"\/>\n <!-- Community 30%: 150.8 -->\n <circle cx=\"110\" cy=\"110\" r=\"80\" fill=\"none\" stroke=\"#5B21B6\" stroke-width=\"26\" stroke-dasharray=\"150.8 351.85\" stroke-dashoffset=\"-201.06\"\/>\n <!-- Marketing 20%: 100.53 -->\n <circle cx=\"110\" cy=\"110\" r=\"80\" fill=\"none\" stroke=\"#9D6FFF\" stroke-width=\"26\" stroke-dasharray=\"100.53 402.12\" stroke-dashoffset=\"-351.86\"\/>\n <!-- Dev 10%: 50.27 -->\n <circle cx=\"110\" cy=\"110\" r=\"80\" fill=\"none\" stroke=\"#3D2A6E\" stroke-width=\"26\" stroke-dasharray=\"50.27 452.38\" stroke-dashoffset=\"-452.39\"\/>\n <\/svg>\n <div class=\"donut-center-abs\">\n <div class=\"donut-center-val\">1B<\/div>\n <div class=\"donut-center-sub\">$ARROW<\/div>\n <\/div>\n <\/div>\n <div class=\"s3-legend\">\n <div class=\"legend-row\">\n <span class=\"legend-name\">Liquidity Pool<\/span>\n <div class=\"legend-bar-wrap\"><div class=\"legend-bar\" style=\"width:40%;background:#7B3FFF\"><\/div><\/div>\n <span class=\"legend-pct\">40%<\/span>\n <\/div>\n <div class=\"legend-row\">\n <span class=\"legend-name\">Community Rewards<\/span>\n <div class=\"legend-bar-wrap\"><div class=\"legend-bar\" style=\"width:30%;background:#5B21B6\"><\/div><\/div>\n <span class=\"legend-pct\">30%<\/span>\n <\/div>\n <div class=\"legend-row\">\n <span class=\"legend-name\">Marketing<\/span>\n <div class=\"legend-bar-wrap\"><div class=\"legend-bar\" style=\"width:20%;background:#9D6FFF\"><\/div><\/div>\n <span class=\"legend-pct\">20%<\/span>\n <\/div>\n <div class=\"legend-row\">\n <span class=\"legend-name\">Development<\/span>\n <div class=\"legend-bar-wrap\"><div class=\"legend-bar\" style=\"width:10%;background:#3D2A6E\"><\/div><\/div>\n <span class=\"legend-pct\">10%<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Right: stat cards + utility -->\n <div class=\"s3-right reveal-right\">\n <div class=\"s3-stat-row\">\n <div class=\"s3-card\" style=\"position:relative;\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-tr\"><\/div>\n <div class=\"corner-bl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s3-card-lbl\">Total Supply<\/div>\n <div class=\"s3-card-val\">1,000,000,000<\/div>\n <div class=\"s3-card-sub\">Fixed forever. No minting. No inflation.<\/div>\n <\/div>\n <div class=\"s3-card\" style=\"position:relative;\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-tr\"><\/div>\n <div class=\"corner-bl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s3-card-lbl\">Tax<\/div>\n <div class=\"s3-card-val\">0% \/ 0%<\/div>\n <div class=\"s3-card-sub\">Buy & Sell. No hidden fees.<\/div>\n <\/div>\n <div class=\"s3-card\" style=\"position:relative;\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-tr\"><\/div>\n <div class=\"corner-bl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s3-card-lbl\">Liquidity<\/div>\n <div class=\"s3-card-val\">Locked<\/div>\n <div class=\"s3-card-sub\">12 months. Fully verifiable on-chain.<\/div>\n <\/div>\n <div class=\"s3-card\" style=\"position:relative;\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-tr\"><\/div>\n <div class=\"corner-bl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s3-card-lbl\">Contract<\/div>\n <div class=\"s3-card-val\">Renounced<\/div>\n <div class=\"s3-card-sub\">Admin keys burned. Immutable.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"s3-utils\">\n <div class=\"s3-util reveal\" style=\"transition-delay:0.05s; position:relative;\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s3-util-icon\">\ud83d\uddf3\ufe0f<\/div>\n <div class=\"s3-util-name\">Governance<\/div>\n <div class=\"s3-util-desc\">Vote on treasury spending, listings, and community proposals. Your tokens, your voice.<\/div>\n <\/div>\n <div class=\"s3-util reveal\" style=\"transition-delay:0.1s; position:relative;\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s3-util-icon\">\u2694\ufe0f<\/div>\n <div class=\"s3-util-name\">Gaming Rewards<\/div>\n <div class=\"s3-util-desc\">Earn $ARROW through tournaments, seasonal events, and in-game challenges. Play to earn.<\/div>\n <\/div>\n <div class=\"s3-util reveal\" style=\"transition-delay:0.15s; position:relative;\">\n <div class=\"corner-tl\"><\/div><div class=\"corner-br\"><\/div>\n <div class=\"s3-util-icon\">\ud83d\udd12<\/div>\n <div class=\"s3-util-name\">Staking<\/div>\n <div class=\"s3-util-desc\">Lock $ARROW for passive yield, NFT access, whitelist priority, and alpha channel access.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div style=\"height:1px;background:var(--border);\"><\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n S4 \u00b7 WHY PURPLE ARROW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"s4\">\n <div class=\"s4-visual\">\n <img decoding=\"async\" class=\"s4-visual-img\" src=\"http:\/\/purplearrow.site\/wp-content\/uploads\/2026\/07\/featured4.png\" alt=\"\">\n <\/div>\n\n <div class=\"s4-content\">\n <div class=\"sec-label reveal\">Why Choose Us<\/div>\n <h2 class=\"font-display reveal\" style=\"font-size:clamp(2.8rem,4.5vw,4rem);letter-spacing:0.04em;line-height:0.95;margin-bottom:0.5rem;margin-top:0.5rem;\">BUILT<br>DIFFERENT.<br>AIMED<br>HIGHER.<\/h2>\n <p class=\"reveal\" style=\"font-size:0.9rem;color:var(--muted);line-height:1.7;max-width:360px;\">Purple Arrow isn't a copy-paste token. It's a full ecosystem play, built on gaming culture and community ownership \u2014 with a roadmap that actually executes.<\/p>\n\n <div class=\"s4-road\">\n <div class=\"s4-step done reveal\" style=\"transition-delay:0.05s\">\n <div class=\"s4-step-dot\">\u2713<\/div>\n <div class=\"s4-step-body\">\n <div class=\"s4-step-phase\">Phase 1 \u2014 Complete<\/div>\n <div class=\"s4-step-title\">Launch & Community<\/div>\n <div class=\"s4-step-desc\">Fair launch on Uniswap. LP locked, contract renounced. 10K+ holders in 72 hours organically.<\/div>\n <\/div>\n <\/div>\n <div class=\"s4-step done reveal\" style=\"transition-delay:0.1s\">\n <div class=\"s4-step-dot\">\u2713<\/div>\n <div class=\"s4-step-body\">\n <div class=\"s4-step-phase\">Phase 2 \u2014 Active<\/div>\n <div class=\"s4-step-title\">Listings & Partnerships<\/div>\n <div class=\"s4-step-desc\">Tier-1 CEX listings in negotiation. DeFi & gaming protocol partnerships being finalized.<\/div>\n <\/div>\n <\/div>\n <div class=\"s4-step reveal\" style=\"transition-delay:0.15s\">\n <div class=\"s4-step-dot\">03<\/div>\n <div class=\"s4-step-body\">\n <div class=\"s4-step-phase\">Phase 3 \u2014 Upcoming<\/div>\n <div class=\"s4-step-title\">Gaming Ecosystem<\/div>\n <div class=\"s4-step-desc\">Play-to-earn platform launch, staking protocol, and community NFT collection goes live.<\/div>\n <\/div>\n <\/div>\n <div class=\"s4-step reveal\" style=\"transition-delay:0.2s\">\n <div class=\"s4-step-dot\">04<\/div>\n <div class=\"s4-step-body\">\n <div class=\"s4-step-phase\">Phase 4 \u2014 Vision<\/div>\n <div class=\"s4-step-title\">Purple Arrow DAO<\/div>\n <div class=\"s4-step-desc\">Mobile gaming app. Full community governance of the $ARROW universe.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"s4-tags reveal\">\n <span class=\"s4-tag\">LP Locked<\/span>\n <span class=\"s4-tag\">Renounced<\/span>\n <span class=\"s4-tag\">0% Tax<\/span>\n <span class=\"s4-tag\">Audited<\/span>\n <span class=\"s4-tag\">10K+ Holders<\/span>\n <span class=\"s4-tag\">Gaming Utility<\/span>\n <span class=\"s4-tag\">DAO Governance<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n<div style=\"height:1px;background:var(--border);\"><\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n S5 \u00b7 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"s5\">\n <div class=\"s5-inner\" style=\"padding-bottom:0;\">\n <div class=\"s5-header\">\n <div class=\"sec-label reveal\" style=\"justify-content:center;\">Got Questions<\/div>\n <h2 class=\"font-display reveal\" style=\"font-size:clamp(3rem,5.5vw,5rem);letter-spacing:0.04em;margin-top:0.5rem;\">FREQUENTLY ASKED<\/h2>\n <\/div>\n <\/div>\n\n <!-- gallery marquee \u2014 full width between header and accordion -->\n <div class=\"s5-marquee\">\n <div class=\"strip-track\" id=\"fs1\"><\/div>\n <\/div>\n\n <div class=\"s5-inner\" style=\"padding-top:0;\">\n <div class=\"faq-list\">\n <div class=\"faq-item reveal\" style=\"transition-delay:0.05s;\" data-faq>\n <button class=\"faq-q-btn\">\n <span class=\"faq-q-txt\">What is Purple Arrow ($ARROW)?<\/span>\n <span class=\"faq-icon\">+<\/span>\n <\/button>\n <div class=\"faq-body\">\n <div class=\"faq-body-inner\">Purple Arrow is a community-driven gaming token on Solana. It merges gaming culture with decentralized finance \u2014 creating an ecosystem where every holder is a stakeholder. $ARROW powers governance, staking, gaming rewards, and NFT utilities across an expanding product suite.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item reveal\" style=\"transition-delay:0.08s;\" data-faq>\n <button class=\"faq-q-btn\">\n <span class=\"faq-q-txt\">How do I buy $ARROW?<\/span>\n <span class=\"faq-icon\">+<\/span>\n <\/button>\n <div class=\"faq-body\">\n <div class=\"faq-body-inner\">Buy $ARROW on Raydium, Jupiter, or any Solana-compatible DEX. Copy the official contract address (CA), connect your Phantom, Solflare, or other Solana wallet, paste the CA into the DEX token search, and swap SOL for $ARROW. Recommended slippage: 1\u20132%. Always verify the official contract address before making any transaction.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item reveal\" style=\"transition-delay:0.11s;\" data-faq>\n <button class=\"faq-q-btn\">\n <span class=\"faq-q-txt\">Is $ARROW safe? Has it been audited?<\/span>\n <span class=\"faq-icon\">+<\/span>\n <\/button>\n <div class=\"faq-body\">\n <div class=\"faq-body-inner\">Yes. The $ARROW contract was audited by a leading blockchain security firm before launch. The contract is renounced (no admin keys), liquidity is locked for 12 months, and there is 0% buy\/sell tax. All of this is verifiable on-chain \u2014 nothing is hidden, nothing can be changed.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item reveal\" style=\"transition-delay:0.14s;\" data-faq>\n <button class=\"faq-q-btn\">\n <span class=\"faq-q-txt\">What is the token supply and distribution?<\/span>\n <span class=\"faq-icon\">+<\/span>\n <\/button>\n <div class=\"faq-body\">\n <div class=\"faq-body-inner\">Total supply: 1,000,000,000 (1 Billion) $ARROW. Distribution \u2014 40% Liquidity Pool (locked), 30% Community Rewards & Staking, 20% Marketing & Growth, 10% Development (vested). There is no VC allocation, no team token dump risk. The community owns the mission.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item reveal\" style=\"transition-delay:0.17s;\" data-faq>\n <button class=\"faq-q-btn\">\n <span class=\"faq-q-txt\">What gaming utilities does $ARROW have?<\/span>\n <span class=\"faq-icon\">+<\/span>\n <\/button>\n <div class=\"faq-body\">\n <div class=\"faq-body-inner\">The $ARROW gaming ecosystem (launching Phase 3) includes: play-to-earn tournaments, NFT staking for passive yield, exclusive holder-only game modes, seasonal battle passes, and DAO governance votes on game integrations. The arrow isn't just a token \u2014 it's the entry ticket to a full gaming universe.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item reveal\" style=\"transition-delay:0.2s;\" data-faq>\n <button class=\"faq-q-btn\">\n <span class=\"faq-q-txt\">Where can I follow project updates?<\/span>\n <span class=\"faq-icon\">+<\/span>\n <\/button>\n <div class=\"faq-body\">\n <div class=\"faq-body-inner\">Join the official Telegram for real-time discussion and early announcements. Follow on X (Twitter) for milestone updates. Once you hold $ARROW, you unlock holder-exclusive channels with alpha, early product access, and voting rights. The community is the project \u2014 be inside it.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div style=\"height:1px;background:var(--border);\"><\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FINAL CTA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"final-cta\">\n <div class=\"final-cta-glow\"><\/div>\n <div class=\"sec-label reveal\" style=\"justify-content:center;margin-bottom:1rem;\">Take Aim<\/div>\n <h2 class=\"final-cta-h reveal\">READY TO AIM HIGHER?<\/h2>\n <p class=\"final-cta-sub reveal\">The arrow is loaded. Join thousands of holders who chose purple before the rest of the world caught on.<\/p>\n <div class=\"final-cta-btns reveal\">\n <button class=\"btn btn-fill\" onclick=\"window.open('https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=8CigWvuQwpEDNdUZJDwVN38MkiU2NwxQUhRAKmcZpump','_blank')\">Buy $ARROW Now<\/button>\n <!--<button class=\"btn\" onclick=\"copyCA()\" style=\"background:var(--panel);color:var(--text);border:1px solid var(--border2);clip-path:none;\">Copy Contract Address<\/button>-->\n <button class=\"btn btn-border\" onclick=\"window.open('https:\/\/t.me\/PURPLEARROSOL','_blank')\">Join Community<\/button>\n <\/div>\n<\/div>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"foot-brand\">\u25b6 PURPLE ARROW<\/div>\n <div class=\"foot-copy\">\u00a9 2026 Purple Arrow. $ARROW. Not financial advice.<\/div>\n <div class=\"foot-social\">\n <!--<a class=\"soc\" href=\"#\" title=\"Telegram\">\u2708<\/a>-->\n <!--<a class=\"soc\" href=\"#\" title=\"X \/ Twitter\">\ud835\udd4f<\/a>-->\n <\/div>\n<\/footer>\n\n<!-- TOAST -->\n<div class=\"toast\" id=\"toast\">\u2713   Contract address copied<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SCRIPTS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\nconst CA = 'null';\nconst IMGS = Array.from({length:8},(_,i)=>`http:\/\/purplearrow.site\/wp-content\/uploads\/2026\/07\/gallery${i+1}.png`);\n\n\/* \u2500\u2500 Build strips \u2500\u2500 *\/\nfunction buildStrip(el, count) {\n if (!el) return;\n const imgs = [...IMGS,...IMGS,...IMGS];\n imgs.forEach(src=>{\n const img = document.createElement('img');\n img.src = src; img.alt = ''; img.loading='lazy';\n el.appendChild(img);\n });\n}\nbuildStrip(document.getElementById('fs1'));\n\n\/* \u2500\u2500 Copy CA \u2500\u2500 *\/\nfunction copyCA() {\n navigator.clipboard.writeText(CA).catch(()=>{\n const ta=document.createElement('textarea');\n ta.value=CA; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta);\n });\n const t=document.getElementById('toast');\n t.classList.add('show');\n setTimeout(()=>t.classList.remove('show'),2500);\n}\n\n\/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\nconst ro = new IntersectionObserver(entries=>{\n entries.forEach(e=>{ if(e.isIntersecting) e.target.classList.add('in'); });\n},{threshold:0.12});\ndocument.querySelectorAll('.reveal,.reveal-left,.reveal-right').forEach(el=>ro.observe(el));\n\n\/* \u2500\u2500 FAQ accordion \u2500\u2500 *\/\ndocument.querySelectorAll('[data-faq] .faq-q-btn').forEach(btn=>{\n btn.addEventListener('click',()=>{\n const item = btn.closest('.faq-item');\n const body = item.querySelector('.faq-body');\n const open = item.classList.contains('open');\n document.querySelectorAll('.faq-item.open').forEach(i=>{\n i.classList.remove('open');\n i.querySelector('.faq-body').style.maxHeight='0';\n });\n if(!open){\n item.classList.add('open');\n body.style.maxHeight = body.scrollHeight+'px';\n }\n });\n});\n\/\/ Open first FAQ\n(()=>{\n const first=document.querySelector('[data-faq]');\n if(first){\n first.classList.add('open');\n first.querySelector('.faq-body').style.maxHeight=first.querySelector('.faq-body').scrollHeight+'px';\n }\n})();\n\n\/* \u2500\u2500 Nav scroll style \u2500\u2500 *\/\nwindow.addEventListener('scroll',()=>{\n document.getElementById('nav').style.background =\n window.scrollY>60 ? 'rgba(9,9,14,0.97)' : 'rgba(9,9,14,0.85)';\n},{passive:true});\n\n\/* \u2500\u2500 Hero character parallax (subtle) \u2500\u2500 *\/\nconst heroChar = document.querySelector('.s1-char');\nwindow.addEventListener('mousemove',e=>{\n if(!heroChar) return;\n const x = (e.clientX\/window.innerWidth - 0.5) * 10;\n const y = (e.clientY\/window.innerHeight - 0.5) * 6;\n heroChar.style.transform = `translateY(0) translate(${x}px,${y}px)`;\n},{passive:true});\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PURPLE ARROW \u2014 $ARROW \u25b6PURPLE ARROW About Tokenomics Roadmap FAQ Buy $ARROW + + $ARROW \u2014 Now Live PURPLEARROW The community-first gaming token aimed straight at the top. Built transparent, launched fair, fueled by holders. Twitter[X] Join Community CA 8CigWvuQwpEDNdUZJDwVN38MkiU2NwxQUhRAKmcZpump Copy Total Supply 1B Buy \/ Sell Tax 0% Status Safu Scroll What Is Purple […]<\/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:\/\/purplearrow.site\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/purplearrow.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/purplearrow.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/purplearrow.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/purplearrow.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":73,"href":"https:\/\/purplearrow.site\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":101,"href":"https:\/\/purplearrow.site\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/101"}],"wp:attachment":[{"href":"https:\/\/purplearrow.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}