{"id":9,"date":"2026-06-28T17:36:23","date_gmt":"2026-06-28T17:36:23","guid":{"rendered":"https:\/\/theblackgoat.xyz\/?page_id=9"},"modified":"2026-06-29T05:51:39","modified_gmt":"2026-06-29T05:51:39","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/theblackgoat.xyz\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-988f033 e-con-full e-flex e-con e-parent\" data-id=\"988f033\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6889090 elementor-widget elementor-widget-html\" data-id=\"6889090\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"black-goat-app\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Darker+Grotesque:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap');\r\n\r\n#black-goat-app, #black-goat-app *, #black-goat-app *::before, #black-goat-app *::after { box-sizing: border-box; }\r\n#black-goat-app {\r\n  font-family: 'Darker Grotesque', sans-serif;\r\n  background: #000; color: #fff; min-height: 100vh; line-height: 1.4;\r\n  position: relative; overflow-x: hidden;\r\n}\r\n#black-goat-app .mono { font-family: 'JetBrains Mono', monospace; }\r\n#black-goat-app a { color: inherit; text-decoration: none; }\r\n#black-goat-app button { font-family: inherit; cursor: pointer; }\r\n#black-goat-app img, #black-goat-app video { display: block; max-width: 100%; }\r\n\r\n#black-goat-app .bg-container { background: #000; }\r\n#black-goat-app .wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\r\n#black-goat-app .gold { color: #E5B850; }\r\n#black-goat-app .gold-bg { background: #E5B850; }\r\n\r\n#black-goat-app .tag-chip {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  padding: 6px 12px; border: 1px solid rgba(229,184,80,0.35);\r\n  color: #E5B850; font-family: 'JetBrains Mono', monospace; font-size: 11px;\r\n  letter-spacing: 0.18em; text-transform: uppercase; border-radius: 999px;\r\n  background: rgba(229,184,80,0.05);\r\n}\r\n#black-goat-app .dot { width: 6px; height: 6px; border-radius: 50%; background: #E5B850; display: inline-block; }\r\n\r\n\/* Buttons *\/\r\n#black-goat-app .btn-gold {\r\n  background: #E5B850; color: #000; border: 1px solid #E5B850; padding: 12px 22px;\r\n  font-weight: 800; letter-spacing: 0.04em; font-size: 14px; text-transform: uppercase;\r\n  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;\r\n  display: inline-flex; align-items: center; gap: 8px; border-radius: 2px;\r\n}\r\n#black-goat-app .btn-gold:hover { background: #fff; border-color: #fff; transform: translateY(-2px); }\r\n#black-goat-app .btn-ghost {\r\n  background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.25);\r\n  padding: 12px 22px; font-weight: 700; letter-spacing: 0.04em; font-size: 14px;\r\n  text-transform: uppercase; transition: border-color .2s ease, color .2s ease, transform .2s ease;\r\n  display: inline-flex; align-items: center; gap: 8px; border-radius: 2px;\r\n}\r\n#black-goat-app .btn-ghost:hover { border-color: #E5B850; color: #E5B850; transform: translateY(-2px); }\r\n\r\n#black-goat-app .icon-btn {\r\n  width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;\r\n  border: 1px solid rgba(255,255,255,0.2); border-radius: 999px;\r\n  color: #fff; background: rgba(0,0,0,0.4);\r\n  transition: border-color .2s ease, color .2s ease, transform .2s ease, background .2s ease;\r\n}\r\n#black-goat-app .icon-btn:hover { border-color: #E5B850; color: #E5B850; transform: translateY(-2px); background: rgba(229,184,80,0.08); }\r\n\r\n\/* Card *\/\r\n#black-goat-app .card-dark {\r\n  background: linear-gradient(180deg, rgba(20,20,20,0.6), rgba(8,8,8,0.6));\r\n  border: 1px solid rgba(255,255,255,0.06); padding: 24px; transition: border-color .25s ease, transform .25s ease;\r\n}\r\n#black-goat-app .card-dark:hover { border-color: rgba(229,184,80,0.4); transform: translateY(-4px); }\r\n#black-goat-app .label-mono { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 0.3em; text-transform: uppercase; color: #71717a; }\r\n\r\n\/* Animations *\/\r\n@keyframes goatFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\r\n#black-goat-app .float { animation: goatFloat 6s ease-in-out infinite; }\r\n@keyframes goatBlink { 50% { opacity: 0; } }\r\n#black-goat-app .cursor-blink::after { content: '|'; margin-left: 2px; color: #E5B850; animation: goatBlink .9s steps(1) infinite; }\r\n@keyframes goatShimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }\r\n#black-goat-app .shimmer {\r\n  background: linear-gradient(90deg, #E5B850 0%, #fff 50%, #E5B850 100%);\r\n  background-size: 200% 100%; -webkit-background-clip: text; background-clip: text;\r\n  -webkit-text-fill-color: transparent; animation: goatShimmer 4s linear infinite;\r\n}\r\n@keyframes goatPulse { 0%,100% { opacity: 1; } 50% { opacity: .4; } }\r\n#black-goat-app .pulse { animation: goatPulse 2s ease-in-out infinite; }\r\n@keyframes goatScrollX { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n#black-goat-app .marquee-track { animation: goatScrollX 40s linear infinite; }\r\n@keyframes goatPopIn { 0% { opacity: 0; transform: translateY(20px) scale(.95); } 100% { opacity: 1; transform: translateY(0) scale(1); } }\r\n#black-goat-app .pop-in { animation: goatPopIn .35s ease forwards; }\r\n@keyframes goatFadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n#black-goat-app .fade-up { animation: goatFadeUp .8s ease forwards; }\r\n\r\n\/* ===== Loading ===== *\/\r\n#bg-loader {\r\n  position: fixed; inset: 0; z-index: 99999; background: #000;\r\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n  padding: 24px; transition: opacity .7s ease;\r\n}\r\n#bg-loader.hidden { opacity: 0; pointer-events: none; }\r\n#bg-loader .top-l, #bg-loader .top-r {\r\n  position: absolute; top: 22px; font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .3em; text-transform: uppercase;\r\n}\r\n#bg-loader .top-l { left: 22px; color: #71717a; }\r\n#bg-loader .top-r { right: 22px; color: #E5B850; }\r\n#bg-loader .row { width: 100%; max-width: 980px; display: grid; grid-template-columns: 260px 1fr; gap: 32px; align-items: center; }\r\n#bg-loader .circ {\r\n  position: relative; width: 240px; height: 240px; margin: 0 auto;\r\n  border-radius: 50%; border: 1px solid #27272a; padding: 6px; background: #0a0a0a;\r\n}\r\n#bg-loader .circ-inner { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background: #050505; display: flex; align-items: center; justify-content: center; }\r\n#bg-loader .circ-inner img { width: 100%; height: 100%; object-fit: cover; animation: goatFloat 6s ease-in-out infinite; }\r\n#bg-loader .ring {\r\n  position: absolute; inset: -8px; border-radius: 50%; border: 1px solid rgba(229,184,80,0.35);\r\n  animation: goatPulse 2.2s ease-in-out infinite;\r\n}\r\n#bg-loader .quote-box {\r\n  border: 1px solid #27272a; background: rgba(10,10,10,0.6); padding: 22px; border-radius: 4px;\r\n  backdrop-filter: blur(6px);\r\n}\r\n#bg-loader .quote-title { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .3em; text-transform: uppercase; color: #E5B850; margin-bottom: 10px; }\r\n#bg-loader .quote-text { font-size: 26px; font-weight: 600; color: #fff; line-height: 1.2; min-height: 70px; }\r\n#bg-loader .progress-wrap { width: 100%; max-width: 760px; margin-top: 40px; }\r\n#bg-loader .progress-meta { display: flex; justify-content: space-between; font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .3em; text-transform: uppercase; color: #71717a; margin-bottom: 8px; }\r\n#bg-loader .progress-meta .pct { color: #E5B850; }\r\n#bg-loader .progress-bar { height: 2px; background: #18181b; width: 100%; overflow: hidden; }\r\n#bg-loader .progress-fill { height: 100%; background: #E5B850; width: 0%; transition: width .15s linear; }\r\n@media (max-width: 720px) {\r\n  #bg-loader .row { grid-template-columns: 1fr; }\r\n  #bg-loader .circ { width: 180px; height: 180px; }\r\n  #bg-loader .quote-text { font-size: 20px; }\r\n}\r\n\r\n\/* ===== Navbar ===== *\/\r\n#black-goat-app .nav {\r\n  position: fixed; top: 0; left: 0; right: 0; z-index: 5000;\r\n  backdrop-filter: blur(12px); background: rgba(0,0,0,0.6); border-bottom: 1px solid rgba(255,255,255,0.06);\r\n}\r\n#black-goat-app .nav-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; height: 64px; display: flex; align-items: center; justify-content: space-between; }\r\n#black-goat-app .brand { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 20px; letter-spacing: -0.01em; }\r\n#black-goat-app .brand .dot { width: 8px; height: 8px; }\r\n#black-goat-app .nav-links { display: flex; align-items: center; gap: 28px; }\r\n#black-goat-app .nav-links a { color: #d4d4d8; font-size: 14px; letter-spacing: .02em; position: relative; padding: 6px 0; }\r\n#black-goat-app .nav-links a::after {\r\n  content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; background: #E5B850; transition: width .25s ease;\r\n}\r\n#black-goat-app .nav-links a:hover { color: #fff; }\r\n#black-goat-app .nav-links a:hover::after { width: 100%; }\r\n#black-goat-app .nav-right { display: flex; align-items: center; gap: 12px; }\r\n#black-goat-app #wallet-btn { padding: 10px 18px; font-size: 13px; }\r\n#black-goat-app #burger { display: none; background: transparent; border: none; color: #fff; }\r\n#black-goat-app .mobile-menu { display: none; border-top: 1px solid rgba(255,255,255,0.06); background: rgba(0,0,0,0.95); }\r\n#black-goat-app .mobile-menu.open { display: block; }\r\n#black-goat-app .mobile-menu .mm-inner { padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; }\r\n#black-goat-app .mobile-menu a { color: #e4e4e7; padding: 6px 0; }\r\n@media (max-width: 880px) {\r\n  #black-goat-app .nav-links { display: none; }\r\n  #black-goat-app #wallet-btn { display: none; }\r\n  #black-goat-app #burger { display: inline-flex; }\r\n}\r\n\r\n\/* ===== Hero ===== *\/\r\n#black-goat-app .hero { position: relative; min-height: 100vh; width: 100%; overflow: hidden; }\r\n#black-goat-app .hero video, #black-goat-app .hero .hero-fallback {\r\n  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;\r\n}\r\n#black-goat-app .hero .hero-overlay {\r\n  position: absolute; inset: 0; z-index: 1; pointer-events: none;\r\n  background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.55) 50%, rgba(0,0,0,1) 100%);\r\n}\r\n#black-goat-app .hero .hero-top { position: relative; z-index: 2; padding: 110px 20px 0; max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 10px; }\r\n#black-goat-app .hero .hero-content {\r\n  position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 0 20px 60px;\r\n}\r\n#black-goat-app .hero .hero-grid {\r\n  max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.4fr 1fr; gap: 32px; align-items: end;\r\n}\r\n#black-goat-app .hero-eyebrow { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .35em; text-transform: uppercase; color: #E5B850; margin-bottom: 16px; }\r\n#black-goat-app .hero-title {\r\n  font-size: clamp(48px, 9vw, 120px); font-weight: 900; letter-spacing: -0.02em;\r\n  line-height: 0.95; color: #fff; margin: 0;\r\n}\r\n#black-goat-app .hero-desc { color: #d4d4d8; font-size: 18px; max-width: 620px; margin-top: 18px; }\r\n#black-goat-app .hero-right { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }\r\n#black-goat-app .ca-btn {\r\n  width: 100%; max-width: 420px; display: flex; align-items: center; justify-content: space-between; gap: 14px;\r\n  padding: 14px 16px; border: 1px solid rgba(255,255,255,0.18); background: rgba(0,0,0,0.45); backdrop-filter: blur(8px);\r\n  color: #fff; text-align: left; transition: border-color .25s ease;\r\n}\r\n#black-goat-app .ca-btn:hover { border-color: #E5B850; }\r\n#black-goat-app .ca-btn .ca-label { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .3em; color: #E5B850; text-transform: uppercase; }\r\n#black-goat-app .ca-btn .ca-value { font-family: 'JetBrains Mono', monospace; font-size: 15px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 320px; }\r\n#black-goat-app .hero-socials { display: flex; align-items: center; gap: 12px; }\r\n\r\n@media (max-width: 880px) {\r\n  #black-goat-app .hero .hero-grid { grid-template-columns: 1fr; gap: 24px; }\r\n  #black-goat-app .hero-right { align-items: stretch; }\r\n  #black-goat-app .hero-desc { font-size: 16px; }\r\n}\r\n\r\n\/* ===== Sections ===== *\/\r\n#black-goat-app .section { padding: 96px 20px; position: relative; }\r\n#black-goat-app .section h2 { font-size: clamp(34px, 5.5vw, 64px); font-weight: 900; letter-spacing: -0.02em; line-height: 1.0; color: #fff; margin: 12px 0 0; }\r\n#black-goat-app .section p.lead { color: #a1a1aa; font-size: 17px; margin-top: 18px; max-width: 640px; }\r\n#black-goat-app .section .head { display: flex; flex-direction: column; gap: 8px; margin-bottom: 32px; }\r\n#black-goat-app .section .head.center { align-items: center; text-align: center; }\r\n#black-goat-app .divider { height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(229,184,80,0.5) 50%, transparent 100%); margin: 40px 0; }\r\n\r\n\/* About *\/\r\n#black-goat-app .about-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 56px; align-items: start; }\r\n#black-goat-app .about-text p { color: #d4d4d8; font-size: 17px; margin: 0 0 14px; }\r\n#black-goat-app .about-text p.muted { color: #a1a1aa; font-size: 15px; }\r\n#black-goat-app .compare-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 28px; }\r\n#black-goat-app .compare-card { padding: 18px; border: 1px solid rgba(255,255,255,0.08); background: rgba(10,10,10,0.6); }\r\n#black-goat-app .compare-card.bull { border-color: rgba(239,68,68,0.35); }\r\n#black-goat-app .compare-card.goat { border-color: rgba(229,184,80,0.4); background: rgba(26,20,5,0.3); }\r\n#black-goat-app .compare-card .head-row { display: flex; align-items: center; gap: 8px; font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .3em; text-transform: uppercase; margin-bottom: 6px; }\r\n#black-goat-app .compare-card.bull .head-row { color: #fca5a5; }\r\n#black-goat-app .compare-card.bull .head-row .dot { background: #ef4444; }\r\n#black-goat-app .compare-card.goat .head-row { color: #E5B850; }\r\n#black-goat-app .compare-card.goat .head-row .dot { background: #E5B850; }\r\n#black-goat-app .compare-card h4 { margin: 4px 0; color: #fff; font-size: 18px; }\r\n#black-goat-app .compare-card p { color: #a1a1aa; font-size: 13px; margin: 0; }\r\n\r\n\/* Modified Image Container for Full Visibility *\/\r\n#black-goat-app .about-image { position: relative; width: 100%; aspect-ratio: 1\/1; max-width: 460px; margin: 0 auto; }\r\n#black-goat-app .about-image .ring1, #black-goat-app .about-image .ring2 { position: absolute; inset: 0; border-radius: 50%; }\r\n#black-goat-app .about-image .ring1 { border: 1px solid rgba(229,184,80,0.2); }\r\n#black-goat-app .about-image .ring2 { inset: 12px; border: 1px solid rgba(255,255,255,0.05); }\r\n#black-goat-app .about-image .img-wrap { \r\n  position: absolute; inset: 24px; border-radius: 50%; overflow: hidden; \r\n  background: rgba(8,8,8,0.6); display: flex; align-items: center; justify-content: center; \r\n}\r\n\/* Ensure the image fills the container correctly without being cut off *\/\r\n#black-goat-app .about-image .img-wrap img { \r\n  width: 80%; height: 80%; object-fit: contain; animation: goatFloat 6s ease-in-out infinite; \r\n}\r\n\r\n#black-goat-app .cards-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 56px; }\r\n#black-goat-app .cards-grid-4 .card-dark { padding: 22px; }\r\n#black-goat-app .cards-grid-4 .ic { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; color: #E5B850; }\r\n#black-goat-app .cards-grid-4 h3 { color: #fff; font-size: 20px; margin: 0 0 8px; }\r\n#black-goat-app .cards-grid-4 p { color: #a1a1aa; font-size: 14px; margin: 0; line-height: 1.5; }\r\n\r\n@media (max-width: 980px) {\r\n  #black-goat-app .about-grid { grid-template-columns: 1fr; }\r\n  #black-goat-app .cards-grid-4 { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 560px) {\r\n  #black-goat-app .cards-grid-4, #black-goat-app .compare-row { grid-template-columns: 1fr; }\r\n}\r\n\r\n\/* Tokenomics *\/\r\n#black-goat-app .tk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }\r\n#black-goat-app .tk-grid .card-dark { text-align: left; }\r\n#black-goat-app .tk-grid .tk-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }\r\n#black-goat-app .tk-grid .tk-value { font-size: 34px; font-weight: 900; color: #fff; letter-spacing: -0.02em; }\r\n#black-goat-app .tk-grid .tk-sub { color: #71717a; font-size: 14px; margin-top: 6px; }\r\n@media (max-width: 880px) { #black-goat-app .tk-grid { grid-template-columns: 1fr 1fr; } }\r\n@media (max-width: 540px) { #black-goat-app .tk-grid { grid-template-columns: 1fr; } }\r\n\r\n\/* Live Market *\/\r\n#black-goat-app .market-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 24px; }\r\n#black-goat-app .market-actions { display: flex; gap: 10px; }\r\n#black-goat-app .status-row { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .3em; text-transform: uppercase; color: #71717a; }\r\n#black-goat-app .status-row .live-dot { width: 8px; height: 8px; border-radius: 50%; background: #71717a; }\r\n#black-goat-app .status-row.is-live .live-dot { background: #34d399; animation: goatPulse 1.8s ease-in-out infinite; }\r\n#black-goat-app .status-row.is-live { color: #34d399; }\r\n#black-goat-app .stats-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }\r\n#black-goat-app .stats-grid .card-dark { padding: 18px; }\r\n#black-goat-app .stats-grid .s-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }\r\n#black-goat-app .stats-grid .s-value { font-size: 22px; font-weight: 800; color: #fff; }\r\n#black-goat-app .stats-grid .s-value.down { color: #f87171; }\r\n#black-goat-app .stats-grid .s-value.up { color: #E5B850; }\r\n#black-goat-app .ca-bar { margin-top: 28px; border: 1px solid rgba(255,255,255,0.08); background: rgba(10,10,10,0.6); padding: 18px; display: flex; flex-direction: row; gap: 16px; justify-content: space-between; align-items: center; flex-wrap: wrap; }\r\n#black-goat-app .ca-bar .ca-val { font-family: 'JetBrains Mono', monospace; color: #fff; word-break: break-all; }\r\n#black-goat-app .ca-bar .ca-disclaim { color: #71717a; font-size: 12px; max-width: 420px; text-align: right; }\r\n@media (max-width: 1080px) { #black-goat-app .stats-grid { grid-template-columns: repeat(3, 1fr); } }\r\n@media (max-width: 560px)  { #black-goat-app .stats-grid { grid-template-columns: 1fr 1fr; } }\r\n\r\n\/* Manifesto *\/\r\n#black-goat-app .manifesto { position: relative; overflow: hidden; }\r\n#black-goat-app .manifesto .watermark {\r\n  position: absolute; top: -10px; left: 0; right: 0; pointer-events: none;\r\n  font-size: 20vw; font-weight: 900; letter-spacing: -0.04em; color: #fff;\r\n  opacity: 0.04; white-space: nowrap; line-height: 1;\r\n}\r\n#black-goat-app .mf-rows { display: flex; flex-direction: column; gap: 10px; }\r\n#black-goat-app .mf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\r\n#black-goat-app .mf-cell { display: flex; align-items: flex-start; gap: 12px; padding: 18px; border: 1px solid rgba(255,255,255,0.08); background: rgba(10,10,10,0.6); transition: border-color .25s ease; }\r\n#black-goat-app .mf-cell.bull:hover { border-color: rgba(239,68,68,0.4); }\r\n#black-goat-app .mf-cell.goat { border-color: rgba(229,184,80,0.25); background: rgba(21,17,10,0.6); }\r\n#black-goat-app .mf-cell.goat:hover { border-color: rgba(229,184,80,0.6); }\r\n#black-goat-app .mf-cell .ic-wrap { width: 28px; height: 28px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }\r\n#black-goat-app .mf-cell.bull .ic-wrap { background: rgba(239,68,68,0.1); color: #fca5a5; }\r\n#black-goat-app .mf-cell.goat .ic-wrap { background: rgba(229,184,80,0.1); color: #E5B850; }\r\n#black-goat-app .mf-cell .text { color: #fff; font-weight: 700; font-size: 18px; }\r\n#black-goat-app .mf-cell .small-label { display: none; }\r\n#black-goat-app .mf-head { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }\r\n#black-goat-app .mf-head .h { padding: 12px 18px; font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .3em; text-transform: uppercase; }\r\n#black-goat-app .mf-head .h.bull { border: 1px solid rgba(239,68,68,0.3); background: rgba(239,68,68,0.05); color: #fca5a5; }\r\n#black-goat-app .mf-head .h.goat { border: 1px solid rgba(229,184,80,0.4); background: rgba(229,184,80,0.05); color: #E5B850; }\r\n#black-goat-app .prophecy { margin-top: 50px; text-align: center; }\r\n#black-goat-app .prophecy .box { display: inline-block; border: 1px solid rgba(229,184,80,0.4); background: rgba(229,184,80,0.05); padding: 18px 24px; }\r\n#black-goat-app .prophecy .quote-text { color: #fff; font-size: 22px; font-weight: 800; margin-top: 4px; }\r\n@media (max-width: 720px) {\r\n  #black-goat-app .mf-head { display: none; }\r\n  #black-goat-app .mf-row { grid-template-columns: 1fr; }\r\n  #black-goat-app .mf-cell .small-label { display: block; font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .3em; text-transform: uppercase; margin-bottom: 4px; }\r\n  #black-goat-app .mf-cell.bull .small-label { color: #fca5a5; }\r\n  #black-goat-app .mf-cell.goat .small-label { color: #E5B850; }\r\n}\r\n\r\n\/* ===== Community ===== *\/\r\n#black-goat-app .community { position: relative; overflow: hidden; min-height: 80vh; display: flex; align-items: center; justify-content: center; padding: 110px 20px; }\r\n#black-goat-app .community-bg { position: absolute; inset: 0; background-size: cover; background-position: bottom center; background-repeat: no-repeat; z-index: 0; }\r\n#black-goat-app .community .ovr { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.55) 40%, rgba(0,0,0,0.85) 100%); }\r\n#black-goat-app .community .c-inner { position: relative; z-index: 2; max-width: 760px; text-align: center; }\r\n#black-goat-app .community h2 { font-size: clamp(34px, 5.5vw, 64px); font-weight: 900; letter-spacing: -0.02em; line-height: 1.0; color: #fff; margin: 12px 0 0; }\r\n#black-goat-app .community .lead { color: #d4d4d8; max-width: 560px; margin: 18px auto 0; font-size: 17px; }\r\n#black-goat-app .community .ctas { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 32px; }\r\n#black-goat-app .community .foot-line { margin-top: 32px; font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: #E5B850; }\r\n\r\n\/* ===== Footer ===== *\/\r\n#black-goat-app footer { padding: 56px 20px 30px; border-top: 1px solid rgba(255,255,255,0.05); background: #000; }\r\n#black-goat-app .marquee { position: relative; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05); padding: 18px 0; margin: 0 -20px 40px; }\r\n#black-goat-app .marquee-inner { display: flex; white-space: nowrap; }\r\n#black-goat-app .marquee-inner .group { display: flex; align-items: center; gap: 40px; padding: 0 24px; }\r\n#black-goat-app .marquee-inner .word { font-family: 'JetBrains Mono', monospace; font-size: 34px; font-weight: 800; letter-spacing: -0.02em; color: rgba(255,255,255,0.8); }\r\n#black-goat-app .marquee-inner .star { color: #E5B850; font-size: 26px; }\r\n#black-goat-app .footer-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 5fr 3fr 4fr; gap: 36px; }\r\n#black-goat-app .footer-grid h5 { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .3em; text-transform: uppercase; color: #E5B850; margin: 0 0 12px; }\r\n#black-goat-app .footer-grid p { color: #a1a1aa; font-size: 14px; }\r\n#black-goat-app .footer-grid ul { list-style: none; padding: 0; margin: 0; }\r\n#black-goat-app .footer-grid ul li { color: #d4d4d8; font-size: 14px; padding: 4px 0; }\r\n#black-goat-app .footer-grid ul li:hover { color: #fff; }\r\n#black-goat-app .footer-socials { margin-top: 18px; display: flex; gap: 10px; }\r\n#black-goat-app .footer-ca { border: 1px solid rgba(255,255,255,0.08); background: rgba(10,10,10,0.6); padding: 12px; font-family: 'JetBrains Mono', monospace; font-size: 12px; word-break: break-all; color: #fff; }\r\n#black-goat-app .footer-bottom { max-width: 1200px; margin: 40px auto 0; padding-top: 22px; border-top: 1px solid rgba(255,255,255,0.05); display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 12px; color: #71717a; }\r\n#black-goat-app .footer-bottom .right { font-family: 'JetBrains Mono', monospace; letter-spacing: .3em; text-transform: uppercase; }\r\n@media (max-width: 880px) { #black-goat-app .footer-grid { grid-template-columns: 1fr; } }\r\n\r\n\/* Popups *\/\r\n#bg-popups { position: fixed; bottom: 18px; right: 18px; z-index: 6000; display: flex; flex-direction: column; gap: 10px; max-width: 360px; }\r\n#bg-popups .pop {\r\n  display: flex; align-items: flex-start; gap: 12px; padding: 14px;\r\n  border: 1px solid rgba(229,184,80,0.4); background: rgba(0,0,0,0.85); backdrop-filter: blur(8px);\r\n  box-shadow: 0 16px 40px rgba(0,0,0,0.5);\r\n}\r\n#bg-popups .pop .em { font-size: 22px; line-height: 1; margin-top: 2px; }\r\n#bg-popups .pop .body { flex: 1; }\r\n#bg-popups .pop .lbl { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .3em; text-transform: uppercase; color: #E5B850; margin-bottom: 4px; }\r\n#bg-popups .pop .txt { color: #fff; font-weight: 700; font-size: 14px; }\r\n#bg-popups .pop .close { background: transparent; border: none; color: #71717a; cursor: pointer; padding: 2px; }\r\n#bg-popups .pop .close:hover { color: #fff; }\r\n\r\n\/* Toast *\/\r\n#bg-toast {\r\n  position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%) translateY(20px);\r\n  z-index: 7000; background: #0a0a0a; border: 1px solid rgba(229,184,80,0.4); padding: 12px 18px;\r\n  color: #fff; font-size: 14px; opacity: 0; transition: opacity .3s ease, transform .3s ease;\r\n  pointer-events: none; box-shadow: 0 12px 30px rgba(0,0,0,0.5);\r\n}\r\n#bg-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }\r\n<\/style>\r\n\r\n<div id=\"bg-loader\">\r\n  <div class=\"top-l\">&gt; SYSTEM.INIT(GOAT_MODE)<\/div>\r\n  <div class=\"top-r\"><span id=\"loader-status\">Detecting alpha<\/span><span id=\"loader-dots\"><\/span><\/div>\r\n\r\n  <div class=\"row\">\r\n    <div class=\"circ\">\r\n      <div class=\"circ-inner\">\r\n        <img decoding=\"async\" src=\"https:\/\/theblackgoat.xyz\/wp-content\/uploads\/2026\/06\/Asset-9.png\" alt=\"The Black Goat\" \/>\r\n      <\/div>\r\n      <div class=\"ring\"><\/div>\r\n    <\/div>\r\n    <div class=\"quote-box\">\r\n      <div class=\"quote-title\">&gt; goat.transmission<\/div>\r\n      <div class=\"quote-text\"><span id=\"loader-typed\"><\/span><span class=\"cursor-blink\"><\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"progress-wrap\">\r\n    <div class=\"progress-meta\"><span>LOADING THE HERD<\/span><span class=\"pct\" id=\"loader-pct\">0%<\/span><\/div>\r\n    <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"loader-fill\"><\/div><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<header class=\"nav\">\r\n  <div class=\"nav-inner\">\r\n    <a class=\"brand\" href=\"#top\">\r\n      <span class=\"dot gold-bg\"><\/span>\r\n      <span>The Black <span class=\"gold\">Goat<\/span><\/span>\r\n    <\/a>\r\n    <nav class=\"nav-links\">\r\n      <a href=\"#about\">About<\/a>\r\n      <a href=\"#tokenomics\">Tokenomics<\/a>\r\n      <a href=\"#market\">Live Market<\/a>\r\n      <a href=\"#manifesto\">Manifesto<\/a>\r\n      <a href=\"#community\">Community<\/a>\r\n    <\/nav>\r\n    <div class=\"nav-right\">\r\n      <button id=\"wallet-btn\" class=\"btn-gold\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 7H5a2 2 0 0 0 0 4h15v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h13v4z\"\/><circle cx=\"17\" cy=\"13\" r=\"1.2\" fill=\"currentColor\"\/><\/svg>\r\n        <span id=\"wallet-label\">Connect Wallet<\/span>\r\n      <\/button>\r\n      <button id=\"burger\" aria-label=\"menu\">\r\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"mobile-menu\" id=\"mobile-menu\">\r\n    <div class=\"mm-inner\">\r\n      <a href=\"#about\">About<\/a>\r\n      <a href=\"#tokenomics\">Tokenomics<\/a>\r\n      <a href=\"#market\">Live Market<\/a>\r\n      <a href=\"#manifesto\">Manifesto<\/a>\r\n      <a href=\"#community\">Community<\/a>\r\n      <button id=\"wallet-btn-mobile\" class=\"btn-gold\" style=\"justify-content:center;\">\r\n        <span id=\"wallet-label-mobile\">Connect Wallet<\/span>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<section class=\"hero\" id=\"top\">\r\n  <video autoplay loop muted playsinline poster=\"https:\/\/theblackgoat.xyz\/wp-content\/uploads\/2026\/06\/Asset-8.png\">\r\n    <source src=\"https:\/\/theblackgoat.xyz\/wp-content\/uploads\/2026\/06\/bg1-goat.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n  <div class=\"hero-overlay\"><\/div>\r\n\r\n  <div class=\"hero-top\">\r\n    <span class=\"tag-chip\"><span class=\"dot pulse\"><\/span> GOAT MODE ACTIVE<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"hero-content\">\r\n    <div class=\"hero-grid\">\r\n      <div class=\"fade-up\">\r\n        <div class=\"hero-eyebrow\">The bull runs. The GOAT arrives.<\/div>\r\n        <h1 class=\"hero-title\">THE BLACK <span class=\"shimmer\">GOAT<\/span><\/h1>\r\n        <p class=\"hero-desc\">The market chases him. No roadmap, no utility &mdash; just pure alpha and contrarian plays. Welcome to <strong style=\"color:#fff;\">The Black Goat market<\/strong>. Are you ready to climb?<\/p>\r\n      <\/div>\r\n      <div class=\"hero-right fade-up\">\r\n        <button class=\"ca-btn\" id=\"copy-ca-1\">\r\n          <div>\r\n            <div class=\"ca-label\">Contract Address<\/div>\r\n            <div class=\"ca-value\" id=\"ca-text-1\">COMING_SOON_GOAT_CA<\/div>\r\n          <\/div>\r\n          <span class=\"icon-btn\" aria-label=\"copy\">\r\n            <svg id=\"copy-icon-1\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"hero-socials\">\r\n          <a href=\"https:\/\/x.com\/\" target=\"_blank\" rel=\"noopener\" class=\"icon-btn\" aria-label=\"twitter\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2H21.5l-7.5 8.57L23 22h-6.875l-4.91-6.41L5.6 22H2.34l8.07-9.22L1.5 2h7.04l4.44 5.86L18.244 2zm-1.207 18h1.875L7.06 4H5.06l11.977 16z\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/t.me\/\" target=\"_blank\" rel=\"noopener\" class=\"icon-btn\" aria-label=\"telegram\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.24 3.64 11.94c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/dexscreener.com\/\" target=\"_blank\" rel=\"noopener\" class=\"icon-btn\" aria-label=\"chart\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3v18h18\"\/><path d=\"M7 15l4-4 3 3 5-7\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/pump.fun\/\" target=\"_blank\" rel=\"noopener\" class=\"icon-btn\" aria-label=\"buy\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"section\" id=\"about\">\r\n  <div class=\"wrap\">\r\n    <div class=\"head\"><span class=\"tag-chip\">&gt; 01 \/ The Origin Story<\/span><\/div>\r\n    <div class=\"about-grid\">\r\n      <div class=\"about-text\">\r\n        <h2>The Herd vs. <br\/>The <span class=\"gold\">Climber<\/span>.<\/h2>\r\n        <p style=\"margin-top:24px;\">While the bulls were chasing pumps and getting rekt, one man stood alone in the field. Calm. Unbothered. Chewing on alpha.<\/p>\r\n        <p class=\"muted\">They called him a whale. They called him a bot. They said he was manipulating the charts. But the truth? He was just right. Every single time.<\/p>\r\n        <p class=\"muted\">While degens were aping into rugs, GOAT was already out. While bears were celebrating a crash, GOAT was already back in. This isn&rsquo;t a bull market. This isn&rsquo;t a bear market. <strong style=\"color:#fff;\">This is The Black GOAT market.<\/strong> And you&rsquo;re just living in it.<\/p>\r\n        <div class=\"compare-row\">\r\n          <div class=\"compare-card bull\">\r\n            <div class=\"head-row\"><span class=\"dot\"><\/span> The Black Bull<\/div>\r\n            <h4>Herd mentality.<\/h4>\r\n            <p>Following the crowd. Getting liquidated. Charges blindly into the wall.<\/p>\r\n          <\/div>\r\n          <div class=\"compare-card goat\">\r\n            <div class=\"head-row\"><span class=\"dot gold-bg\"><\/span> The Black Goat<\/div>\r\n            <h4>Contrarian plays.<\/h4>\r\n            <p>Never wrong. Never rushed. Climbs to higher ground.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"about-image\">\r\n        <div class=\"ring1\"><\/div>\r\n        <div class=\"ring2\"><\/div>\r\n        <div class=\"img-wrap\">\r\n           <img decoding=\"async\" src=\"https:\/\/theblackgoat.xyz\/wp-content\/uploads\/2026\/06\/Asset-9.png\" alt=\"Goat\"\/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cards-grid-4\">\r\n      <div class=\"card-dark\">\r\n        <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;\">\r\n          <span class=\"label-mono\">01<\/span>\r\n          <span class=\"ic\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 4l3 12h14l3-12-6 4-4-8-4 8-6-4z\"\/><path d=\"M5 20h14\"\/><\/svg><\/span>\r\n        <\/div>\r\n        <h3>The Whale Myth<\/h3>\r\n        <p>They called him a whale. But he didn&rsquo;t move the market &mdash; he saw it before it moved. The herd is loud, the GOAT is quiet.<\/p>\r\n      <\/div>\r\n      <div class=\"card-dark\">\r\n        <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;\">\r\n          <span class=\"label-mono\">02<\/span>\r\n          <span class=\"ic\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"10\" rx=\"2\"\/><circle cx=\"12\" cy=\"5\" r=\"2\"\/><path d=\"M12 7v4\"\/><line x1=\"8\" y1=\"16\" x2=\"8\" y2=\"16\"\/><line x1=\"16\" y1=\"16\" x2=\"16\" y2=\"16\"\/><\/svg><\/span>\r\n        <\/div>\r\n        <h3>The Bot Theory<\/h3>\r\n        <p>They said he was a bot, an algorithm, a script. The truth? Just sharper eyes and zero hesitation. Pattern recognition pays.<\/p>\r\n      <\/div>\r\n      <div class=\"card-dark\">\r\n        <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;\">\r\n          <span class=\"label-mono\">03<\/span>\r\n          <span class=\"ic\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"23 18 13.5 8.5 8.5 13.5 1 6\"\/><polyline points=\"17 18 23 18 23 12\"\/><\/svg><\/span>\r\n        <\/div>\r\n        <h3>The Manipulation Cope<\/h3>\r\n        <p>They said he manipulated the charts. He didn&rsquo;t. The charts simply agreed with him. Repeatedly. Embarrassingly.<\/p>\r\n      <\/div>\r\n      <div class=\"card-dark\">\r\n        <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;\">\r\n          <span class=\"label-mono\">04<\/span>\r\n          <span class=\"ic\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"3 20 9 8 14 16 17 12 21 20 3 20\"\/><\/svg><\/span>\r\n        <\/div>\r\n        <h3>The Higher Ground<\/h3>\r\n        <p>While degens aped into rugs, the GOAT was already out. While bears celebrated the crash, the GOAT was already back in.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"section\" id=\"tokenomics\">\r\n  <div class=\"wrap\">\r\n    <div class=\"head center\">\r\n      <span class=\"tag-chip\">&gt; 02 \/ Tokenomics<\/span>\r\n      <h2>Greatest <span class=\"gold\">Of<\/span> All Time. <span class=\"gold\">No Bull.<\/span><\/h2>\r\n      <p class=\"lead\" style=\"margin: 18px auto 0; text-align:center;\">Six numbers. Zero promises. The kind of tokenomics a goat would design &mdash; sparse, honest, and impossible to argue with at 3 AM.<\/p>\r\n    <\/div>\r\n    <div class=\"divider\"><\/div>\r\n    <div class=\"tk-grid\">\r\n      <div class=\"card-dark\"><div class=\"tk-top\"><span class=\"label-mono\">Ticker<\/span><span class=\"gold\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8 12h8M12 8v8\"\/><\/svg><\/span><\/div><div class=\"tk-value\">$GOAT<\/div><div class=\"tk-sub\">Greatest Of All Time<\/div><\/div>\r\n      <div class=\"card-dark\"><div class=\"tk-top\"><span class=\"label-mono\">Total Supply<\/span><span class=\"gold\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"4\" y1=\"9\" x2=\"20\" y2=\"9\"\/><line x1=\"4\" y1=\"15\" x2=\"20\" y2=\"15\"\/><line x1=\"10\" y1=\"3\" x2=\"8\" y2=\"21\"\/><line x1=\"16\" y1=\"3\" x2=\"14\" y2=\"21\"\/><\/svg><\/span><\/div><div class=\"tk-value\">1,000,000,000<\/div><div class=\"tk-sub\">Grazing room for the herd<\/div><\/div>\r\n      <div class=\"card-dark\"><div class=\"tk-top\"><span class=\"label-mono\">Buy Tax<\/span><span class=\"gold\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"\/><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\"\/><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"\/><\/svg><\/span><\/div><div class=\"tk-value\">0%<\/div><div class=\"tk-sub\">No milking the herd<\/div><\/div>\r\n      <div class=\"card-dark\"><div class=\"tk-top\"><span class=\"label-mono\">Sell Tax<\/span><span class=\"gold\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"\/><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\"\/><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"\/><\/svg><\/span><\/div><div class=\"tk-value\">0%<\/div><div class=\"tk-sub\">No milking the herd<\/div><\/div>\r\n      <div class=\"card-dark\"><div class=\"tk-top\"><span class=\"label-mono\">Utility<\/span><span class=\"gold\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><line x1=\"5.6\" y1=\"5.6\" x2=\"18.4\" y2=\"18.4\"\/><\/svg><\/span><\/div><div class=\"tk-value\">None<\/div><div class=\"tk-sub\">Absolutely none<\/div><\/div>\r\n      <div class=\"card-dark\"><div class=\"tk-top\"><span class=\"label-mono\">Roadmap<\/span><span class=\"gold\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><line x1=\"9\" y1=\"13\" x2=\"15\" y2=\"19\"\/><line x1=\"15\" y1=\"13\" x2=\"9\" y2=\"19\"\/><\/svg><\/span><\/div><div class=\"tk-value\">No roadmap<\/div><div class=\"tk-sub\">Just vibes and calls<\/div><\/div>\r\n    <\/div>\r\n    <div style=\"text-align:center; margin-top:36px;\">\r\n      <span class=\"label-mono\" style=\"color:#E5B850;\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"vertical-align:-2px\"><path d=\"M12 2l2.39 7.36H22l-6.18 4.49L18.21 22 12 17.27 5.79 22l2.39-8.15L2 9.36h7.61L12 2z\"\/><\/svg> Verified by vibes. Verified on-chain.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"section\" id=\"market\">\r\n  <div class=\"wrap\">\r\n    <div class=\"market-head\">\r\n      <div>\r\n        <span class=\"tag-chip\">&gt; 03 \/ Live Market<\/span>\r\n        <h2 style=\"margin-top:18px;\">Watch The <span class=\"gold\">Climb<\/span>.<\/h2>\r\n        <p class=\"lead\">Live token stats pulled from Dexscreener. The GOAT only knows one direction: up the mountain.<\/p>\r\n      <\/div>\r\n      <div class=\"market-actions\">\r\n        <button class=\"btn-ghost\" id=\"market-refresh\">\r\n          <svg id=\"refresh-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/svg>\r\n          Refresh\r\n        <\/button>\r\n        <a class=\"btn-gold\" id=\"market-open\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/dexscreener.com\/\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>\r\n          Open Dexscreener\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"status-row\" id=\"market-status\">\r\n      <span class=\"live-dot\"><\/span>\r\n      <span id=\"market-status-text\">CA TBA &middot; stats unlock at launch<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"stats-grid\" id=\"stats-grid\">\r\n      <\/div>\r\n\r\n    <div class=\"ca-bar\">\r\n      <div>\r\n        <div class=\"label-mono gold\">Contract Address<\/div>\r\n        <div class=\"ca-val\" id=\"ca-text-2\">COMING_SOON_GOAT_CA<\/div>\r\n      <\/div>\r\n      <div class=\"ca-disclaim\">Memecoins are volatile. If you&rsquo;re worried about volatility, you might just be a bull. Verify the CA before climbing.<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"section manifesto\" id=\"manifesto\">\r\n  <div class=\"watermark\">CONTRARIAN &middot; CONTRARIAN &middot; CONTRARIAN<\/div>\r\n  <div class=\"wrap\" style=\"position:relative;\">\r\n    <div class=\"head center\">\r\n      <span class=\"tag-chip\">&gt; 04 \/ The Contrarian Manifesto<\/span>\r\n      <h2>Running with the Bulls? <br\/>Or <span class=\"gold\">climbing<\/span> with the GOATs?<\/h2>\r\n      <p class=\"lead\" style=\"margin:18px auto 0; text-align:center;\">A side-by-side examination of two species of degen. One ends up in a liquidation thread. The other ends up in a screenshot people will quote three months later.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mf-head\">\r\n      <div class=\"h bull\"><span class=\"dot\" style=\"background:#ef4444;\"><\/span> &nbsp; The Black Bull<\/div>\r\n      <div class=\"h goat\"><span class=\"dot gold-bg\"><\/span> &nbsp; The Black Goat<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mf-rows\" id=\"mf-rows\">\r\n      <\/div>\r\n\r\n    <div class=\"prophecy\">\r\n      <div class=\"box\">\r\n        <div class=\"label-mono gold\">Prophecy<\/div>\r\n        <div class=\"quote-text\">&ldquo;This is not financial advice. This is prophecy.&rdquo;<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"community\" id=\"community\">\r\n  <div class=\"community-bg\" style=\"background-image:url('https:\/\/theblackgoat.xyz\/wp-content\/uploads\/2026\/06\/Asset-7.png');\"><\/div>\r\n  <div class=\"ovr\"><\/div>\r\n  <div class=\"c-inner\">\r\n    <span class=\"tag-chip\">&gt; 05 \/ Join the Climb<\/span>\r\n    <h2 style=\"margin-top:18px;\">Stand alone, <br\/>but <span class=\"gold\">never<\/span> alone.<\/h2>\r\n    <p class=\"lead\">The herd is loud. The GOATs are quiet &mdash; until they aren&rsquo;t. Join the community and graze with the contrarians who saw it first. Spoiler: you&rsquo;re still early.<\/p>\r\n    <div class=\"ctas\">\r\n      <a class=\"btn-gold\" href=\"https:\/\/x.com\/\" target=\"_blank\" rel=\"noopener\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2H21.5l-7.5 8.57L23 22h-6.875l-4.91-6.41L5.6 22H2.34l8.07-9.22L1.5 2h7.04l4.44 5.86L18.244 2z\"\/><\/svg>\r\n        Follow on X\r\n      <\/a>\r\n      <a class=\"btn-ghost\" href=\"https:\/\/t.me\/\" target=\"_blank\" rel=\"noopener\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.24 3.64 11.94c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z\"\/><\/svg>\r\n        Join Telegram\r\n      <\/a>\r\n    <\/div>\r\n    <div class=\"foot-line\">&gt; The GOAT does not chase. He waits. And so should you.<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<footer>\r\n  <div class=\"marquee\">\r\n    <div class=\"marquee-inner marquee-track\" id=\"marquee-track\">\r\n      <\/div>\r\n  <\/div>\r\n  <div class=\"footer-grid\">\r\n    <div>\r\n      <div class=\"brand\" style=\"margin-bottom:14px;\"><span class=\"dot gold-bg\"><\/span> <span style=\"font-size:18px;\">The Black <span class=\"gold\">Goat<\/span><\/span><\/div>\r\n      <p>A community-built memecoin on Solana. No roadmap. No utility. Just alpha, contrarian plays, and the quiet confidence of the GOAT.<\/p>\r\n      <div class=\"footer-socials\">\r\n        <a href=\"https:\/\/x.com\/\" target=\"_blank\" rel=\"noopener\" class=\"icon-btn\" aria-label=\"twitter\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2H21.5l-7.5 8.57L23 22h-6.875l-4.91-6.41L5.6 22H2.34l8.07-9.22L1.5 2h7.04l4.44 5.86L18.244 2z\"\/><\/svg><\/a>\r\n        <a href=\"https:\/\/t.me\/\" target=\"_blank\" rel=\"noopener\" class=\"icon-btn\" aria-label=\"telegram\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.24 3.64 11.94c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z\"\/><\/svg><\/a>\r\n        <a href=\"https:\/\/dexscreener.com\/\" target=\"_blank\" rel=\"noopener\" class=\"icon-btn\" aria-label=\"chart\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3v18h18\"\/><path d=\"M7 15l4-4 3 3 5-7\"\/><\/svg><\/a>\r\n        <a href=\"https:\/\/pump.fun\/\" target=\"_blank\" rel=\"noopener\" class=\"icon-btn\" aria-label=\"buy\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div>\r\n      <h5>Explore<\/h5>\r\n      <ul>\r\n        <li><a href=\"#about\">About<\/a><\/li>\r\n        <li><a href=\"#tokenomics\">Tokenomics<\/a><\/li>\r\n        <li><a href=\"#market\">Live Market<\/a><\/li>\r\n        <li><a href=\"#manifesto\">Manifesto<\/a><\/li>\r\n        <li><a href=\"#community\">Community<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div>\r\n      <h5>Contract Address<\/h5>\r\n      <div class=\"footer-ca\" id=\"ca-text-3\">COMING_SOON_GOAT_CA<\/div>\r\n      <p style=\"margin-top:10px; font-size:12px; color:#71717a;\">Always verify the CA on Solscan or Dexscreener before any trade. The GOAT verifies. The herd FOMOs.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"footer-bottom\">\r\n    <div>&copy; <span id=\"year\"><\/span> The Black Goat. Built by the herd, for the climbers.<\/div>\r\n    <div class=\"right\">&gt; Not financial advice. Prophecy only.<\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<div id=\"bg-popups\"><\/div>\r\n<div id=\"bg-toast\"><\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ ============ CONFIG ============\r\n  window.__GOAT = window.__GOAT || {};\r\n  var CA = window.__GOAT.ca || 'COMING_SOON_GOAT_CA'; \/\/ <-- replace when CA is live\r\n  var DEX_API = 'https:\/\/api.dexscreener.com\/latest\/dex\/tokens\/';\r\n  var POPUPS = [\r\n    'He knew.',\r\n    \"You're early. Or are you?\",\r\n    'The bull ran. The GOAT was already there.',\r\n    'This is not financial advice. This is prophecy.',\r\n    \"Sir, ANSEM doesn't explain himself.\",\r\n    'Refreshing the chart won\\u2019t help. He already sold.',\r\n    'Look up. Higher. The GOAT is up there.',\r\n    'You think this is a dip. He thinks this is Tuesday.'\r\n  ];\r\n  var QUOTE = 'They called him a whale. They called him a bot. He was just... right.';\r\n\r\n  \/\/ ============ UTILITIES ============\r\n  function $(s, p){ return (p||document).querySelector(s); }\r\n  function $all(s, p){ return Array.prototype.slice.call((p||document).querySelectorAll(s)); }\r\n  function fmt(n, opt){ opt = opt || {}; if (n===null||n===undefined||isNaN(n)) return '\\u2014'; var o={notation: opt.compact===false?'standard':'compact', maximumFractionDigits: opt.dp||2}; var v=new Intl.NumberFormat('en-US', o).format(n); return opt.currency? '$'+v : v; }\r\n  function isRealCA(c){ return c && !\/^COMING|^TBA|^SOON|insert\/i.test(c) && c.length > 20; }\r\n  function shorten(a){ return a ? a.slice(0,4)+'...'+a.slice(-4) : ''; }\r\n  function toast(msg){ var el=$('#bg-toast'); el.textContent=msg; el.classList.add('show'); clearTimeout(el._t); el._t=setTimeout(function(){ el.classList.remove('show'); }, 2200); }\r\n  function setCAEverywhere(c){ ['#ca-text-1','#ca-text-2','#ca-text-3'].forEach(function(s){ var el=$(s); if(el) el.textContent=c; }); }\r\n\r\n  setCAEverywhere(CA);\r\n  $('#year').textContent = new Date().getFullYear();\r\n\r\n  \/\/ ============ LOADER ============\r\n  (function loader(){\r\n    var dots=''; var dotsEl=$('#loader-dots');\r\n    var dotsId=setInterval(function(){ dots = dots.length>=3?'':dots+'.'; dotsEl.textContent=dots; }, 350);\r\n    var i=0; var typed=$('#loader-typed');\r\n    var typeId=setInterval(function(){ i++; typed.textContent=QUOTE.slice(0,i); if(i>=QUOTE.length) clearInterval(typeId); }, 32);\r\n    var p=0; var fill=$('#loader-fill'); var pct=$('#loader-pct');\r\n    var prog=setInterval(function(){\r\n      p+=2; if(p>=100){ p=100; clearInterval(prog);\r\n        setTimeout(function(){ $('#bg-loader').classList.add('hidden'); startPopups(); }, 500);\r\n        setTimeout(function(){ var L=$('#bg-loader'); if(L && L.parentNode){ L.parentNode.removeChild(L); } clearInterval(dotsId); }, 1300);\r\n      }\r\n      fill.style.width=p+'%'; pct.textContent=p+'%';\r\n    }, 60);\r\n  })();\r\n\r\n  \/\/ ============ NAV \/ MOBILE ============\r\n  var mm = $('#mobile-menu');\r\n  $('#burger').addEventListener('click', function(){ mm.classList.toggle('open'); });\r\n  $all('#mobile-menu a').forEach(function(a){ a.addEventListener('click', function(){ mm.classList.remove('open'); }); });\r\n\r\n  \/\/ ============ PHANTOM WALLET ============\r\n  function getProvider(){ var p = (window.phantom && window.phantom.solana) || window.solana; return (p && p.isPhantom) ? p : null; }\r\n  var walletAddress = null;\r\n  function updateWalletUI(){\r\n    var lbl = walletAddress ? shorten(walletAddress) : 'Connect Wallet';\r\n    var btns = [$('#wallet-btn'), $('#wallet-btn-mobile')];\r\n    var labels = [$('#wallet-label'), $('#wallet-label-mobile')];\r\n    btns.forEach(function(b){ if(!b) return; b.classList.toggle('btn-gold', !walletAddress); b.classList.toggle('btn-ghost', !!walletAddress); });\r\n    labels.forEach(function(l){ if(l) l.textContent = lbl; });\r\n  }\r\n  async function connect(){\r\n    var prov = getProvider();\r\n    if (!prov){ window.open('https:\/\/phantom.app\/', '_blank', 'noopener'); toast('Phantom wallet not detected. Install it to connect.'); return; }\r\n    try { var res = await prov.connect(); walletAddress = res.publicKey.toString(); updateWalletUI(); toast('Wallet connected: '+shorten(walletAddress)); }\r\n    catch(e){ toast('Connection rejected.'); }\r\n  }\r\n  async function disconnect(){\r\n    var prov = getProvider();\r\n    try { if (prov) await prov.disconnect(); } catch(_){}\r\n    walletAddress = null; updateWalletUI(); toast('Wallet disconnected.');\r\n  }\r\n  async function walletClick(){ if (walletAddress) await disconnect(); else await connect(); }\r\n  $('#wallet-btn').addEventListener('click', walletClick);\r\n  $('#wallet-btn-mobile').addEventListener('click', walletClick);\r\n  (function eager(){\r\n    var prov = getProvider(); if (!prov) return;\r\n    prov.connect({ onlyIfTrusted: true }).then(function(r){ walletAddress = r.publicKey.toString(); updateWalletUI(); }).catch(function(){});\r\n    prov.on && prov.on('disconnect', function(){ walletAddress = null; updateWalletUI(); });\r\n    prov.on && prov.on('accountChanged', function(pk){ walletAddress = pk ? pk.toString() : null; updateWalletUI(); });\r\n  })();\r\n\r\n  \/\/ ============ COPY CA ============\r\n  $('#copy-ca-1').addEventListener('click', function(){\r\n    try {\r\n      navigator.clipboard.writeText(CA).then(function(){\r\n        toast('CA copied. Verify before you graze.');\r\n        var icon = $('#copy-icon-1');\r\n        if (icon) icon.outerHTML = '<svg id=\"copy-icon-1\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>';\r\n        setTimeout(function(){\r\n          var ic = $('#copy-icon-1'); if (ic) ic.outerHTML = '<svg id=\"copy-icon-1\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>';\r\n        }, 1800);\r\n      });\r\n    } catch(e){ toast('Copy failed. Select and copy manually.'); }\r\n  });\r\n\r\n  \/\/ ============ MANIFESTO ROWS ============\r\n  var MF = [\r\n    ['Chases green candles','Creates the green candles'],\r\n    ['Begs devs for a roadmap','Knows the meta before it is built'],\r\n    ['Panic sells the dip','Grazes peacefully through the red'],\r\n    ['Relies on the herd for safety','Stands alone at the top'],\r\n    ['Tweets cope after liquidation','Tweets prophecy before the move'],\r\n    ['Buys the top, sells the bottom','Buys the rumor, sells the news']\r\n  ];\r\n  var rows = $('#mf-rows');\r\n  MF.forEach(function(r){\r\n    var row = document.createElement('div'); row.className='mf-row';\r\n    row.innerHTML = '<div class=\"mf-cell bull\"><div class=\"ic-wrap\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/div><div><div class=\"small-label\">Bull<\/div><div class=\"text\">'+r[0]+'<\/div><\/div><\/div>'+\r\n                    '<div class=\"mf-cell goat\"><div class=\"ic-wrap\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><div><div class=\"small-label\">Goat<\/div><div class=\"text\">'+r[1]+'<\/div><\/div><\/div>';\r\n    rows.appendChild(row);\r\n  });\r\n\r\n  \/\/ ============ MARQUEE ============\r\n  var WORDS = ['GREATEST OF ALL TIME','$GOAT','NO ROADMAP','JUST VIBES',\"ANSEM'S MARKET\",'CLIMB THE MOUNTAIN','NOT FINANCIAL ADVICE','PROPHECY'];\r\n  var track = $('#marquee-track');\r\n  function buildMarqueeGroup(){\r\n    var g = document.createElement('div'); g.className='group';\r\n    WORDS.forEach(function(w){\r\n      var s = document.createElement('span'); s.className='word'; s.textContent = w;\r\n      var st = document.createElement('span'); st.className='star'; st.textContent = '\\u2726';\r\n      g.appendChild(s); g.appendChild(st);\r\n    });\r\n    return g;\r\n  }\r\n  track.appendChild(buildMarqueeGroup()); track.appendChild(buildMarqueeGroup());\r\n\r\n  \/\/ ============ LIVE MARKET ============\r\n  function statCard(label, value, tone){\r\n    return '<div class=\"card-dark\"><div class=\"s-top\"><span class=\"label-mono\">'+label+'<\/span><\/div><div class=\"s-value '+(tone||'')+'\">'+value+'<\/div><\/div>';\r\n  }\r\n  function renderStats(d){\r\n    var grid = $('#stats-grid');\r\n    var statusRow = $('#market-status'); var statusText = $('#market-status-text');\r\n    if (!isRealCA(CA)){\r\n      grid.innerHTML = ['Price USD','24h Change','Liquidity','24h Volume','Market Cap','Txns 24h'].map(function(l){ return statCard(l, 'TBA'); }).join('');\r\n      statusRow.classList.remove('is-live'); statusText.textContent = 'CA TBA \\u00b7 stats unlock at launch';\r\n      return;\r\n    }\r\n    if (!d){\r\n      grid.innerHTML = ['Price USD','24h Change','Liquidity','24h Volume','Market Cap','Txns 24h'].map(function(l){ return statCard(l, '\\u2014'); }).join('');\r\n      return;\r\n    }\r\n    var ch = d.priceChange && d.priceChange.h24;\r\n    var pairUrl = d.url || 'https:\/\/dexscreener.com\/';\r\n    var open = $('#market-open'); if (open) open.href = pairUrl;\r\n    var stats = [\r\n      ['Price USD', d.priceUsd ? '$'+Number(d.priceUsd).toPrecision(4) : '\\u2014'],\r\n      ['24h Change', (ch != null) ? ch.toFixed(2)+'%' : '\\u2014', (ch||0) >= 0 ? 'up' : 'down'],\r\n      ['Liquidity', fmt(d.liquidity && d.liquidity.usd, {currency:true})],\r\n      ['24h Volume', fmt(d.volume && d.volume.h24, {currency:true})],\r\n      ['Market Cap', fmt(d.marketCap || d.fdv, {currency:true})],\r\n      ['Txns 24h', fmt((d.txns && d.txns.h24 ? (d.txns.h24.buys||0)+(d.txns.h24.sells||0) : 0))]\r\n    ];\r\n    grid.innerHTML = stats.map(function(s){ return statCard(s[0], s[1], s[2]); }).join('');\r\n    statusRow.classList.add('is-live'); statusText.textContent = 'Live \\u00b7 auto-refresh 30s';\r\n  }\r\n  async function fetchMarket(){\r\n    if (!isRealCA(CA)) { renderStats(null); return; }\r\n    try {\r\n      var r = await fetch(DEX_API + CA);\r\n      var j = await r.json();\r\n      var pair = (j.pairs || []).sort(function(a,b){ return (b.liquidity && b.liquidity.usd || 0) - (a.liquidity && a.liquidity.usd || 0); })[0];\r\n      renderStats(pair || null);\r\n    } catch(e){ \/* keep last *\/ }\r\n  }\r\n  $('#market-refresh').addEventListener('click', function(){\r\n    var ic = $('#refresh-icon'); if (ic){ ic.style.transition = 'transform .6s ease'; ic.style.transform = 'rotate(360deg)'; setTimeout(function(){ ic.style.transform='rotate(0)'; }, 600); }\r\n    fetchMarket();\r\n  });\r\n  renderStats(null); fetchMarket(); setInterval(fetchMarket, 30000);\r\n\r\n  \/\/ ============ POPUPS ============\r\n  var used = []; var stackEl = $('#bg-popups');\r\n  function popup(){\r\n    var pool = POPUPS.filter(function(t){ return used.indexOf(t) === -1; });\r\n    if (!pool.length) { used = []; pool = POPUPS; }\r\n    var t = pool[Math.floor(Math.random()*pool.length)]; used.push(t);\r\n    var el = document.createElement('div'); el.className='pop pop-in';\r\n    el.innerHTML = '<span class=\"em\">\\ud83d\\udc10<\/span><div class=\"body\"><div class=\"lbl\">GOAT.TRANSMISSION<\/div><div class=\"txt\"><\/div><\/div><button class=\"close\" aria-label=\"dismiss\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/button>';\r\n    el.querySelector('.txt').textContent = t;\r\n    el.querySelector('.close').addEventListener('click', function(){ if(el.parentNode) el.parentNode.removeChild(el); });\r\n    stackEl.appendChild(el);\r\n    if (stackEl.children.length > 3) stackEl.removeChild(stackEl.firstChild);\r\n    setTimeout(function(){ if(el.parentNode) el.parentNode.removeChild(el); }, 5200);\r\n  }\r\n  function schedulePopup(){\r\n    var wait = 9000 + Math.random()*5000; \/\/ 9-14s\r\n    setTimeout(function(){ popup(); schedulePopup(); }, wait);\r\n  }\r\n  function startPopups(){ setTimeout(function(){ popup(); schedulePopup(); }, 3500); }\r\n})();\r\n<\/script>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&gt; SYSTEM.INIT(GOAT_MODE) Detecting alpha &gt; goat.transmission LOADING THE HERD0% The Black Goat About Tokenomics Live Market Manifesto Community Connect Wallet About Tokenomics Live Market Manifesto Community Connect Wallet GOAT MODE ACTIVE The bull runs. The GOAT arrives. THE BLACK GOAT The market chases him. No roadmap, no utility &mdash; just pure alpha and contrarian plays. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theblackgoat.xyz\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theblackgoat.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theblackgoat.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theblackgoat.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theblackgoat.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":31,"href":"https:\/\/theblackgoat.xyz\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/theblackgoat.xyz\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/theblackgoat.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}