{"id":96,"date":"2026-06-02T21:40:38","date_gmt":"2026-06-02T21:40:38","guid":{"rendered":"https:\/\/buildbuyer.com\/?page_id=96"},"modified":"2026-06-03T12:46:04","modified_gmt":"2026-06-03T12:46:04","slug":"blackbright","status":"publish","type":"page","link":"https:\/\/buildbuyer.com\/","title":{"rendered":"BlackBright"},"content":{"rendered":"\n\n\n\n \n \n \n\n Blackbright | Sovereign Data Infrastructure<\/title>\n <meta name=\"description\" content=\"Stop renting your intelligence. Arm your media buyers with the Blackbright Engine, Memgraph, and Gemini 3.1 Pro.\">\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@700;900&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n \/* --- 1. NUCLEAR RESET & PURIST HYGIENE --- *\/\n *, *::before, *::after { box-sizing: border-box; }\n html { background-color: #ffffff; scroll-behavior: smooth; font-size: 16px; }\n body {\n background-color: #ffffff;\n color: #111111;\n margin: 0;\n padding: 0;\n width: 100%;\n overflow-x: hidden;\n font-family: 'Space Grotesk', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n \/* --- 2. SOVEREIGN VARIABLES --- *\/\n :root {\n --bg: #ffffff;\n --grid: #eeeeee;\n --neon: #ccff00;\n --plasma: #bd00ff;\n --alert: #ff3300;\n --gold: #ffc800;\n --ocean: #00f0ff;\n --font-head: 'Space Grotesk', sans-serif;\n --font-mono: 'Space Mono', monospace;\n }\n\n \/* --- 3. TEXTURES & FX --- *\/\n .scanline {\n width: 100%; height: 10px; z-index: 9999;\n background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(204,255,0,0.3) 50%, rgba(255,255,255,0) 100%);\n opacity: 0.1; position: fixed; bottom: 100%;\n animation: scanline 8s linear infinite; pointer-events: none;\n will-change: transform;\n }\n @keyframes scanline { 0% { transform: translateY(0); } 100% { transform: translateY(100vh); } }\n\n .noise-overlay {\n position: fixed; inset: 0;\n pointer-events: none; z-index: 9000; opacity: 0.04;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n }\n\n .glitch { position: relative; color: #111111; display: inline-block; }\n .glitch::before, .glitch::after {\n content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--bg);\n }\n .glitch::before {\n left: 2px; text-shadow: -1px 0 var(--alert); clip: rect(24px, 550px, 90px, 0);\n animation: glitch-anim-2 3s infinite linear alternate-reverse;\n }\n .glitch::after {\n left: -2px; text-shadow: -1px 0 var(--plasma); clip: rect(85px, 550px, 140px, 0);\n animation: glitch-anim 2.5s infinite linear alternate-reverse;\n }\n @keyframes glitch-anim { 0% { clip: rect(14px, 9999px, 127px, 0); } 100% { clip: rect(78px, 9999px, 149px, 0); } }\n @keyframes glitch-anim-2 { 0% { clip: rect(65px, 9999px, 110px, 0); } 100% { clip: rect(2px, 9999px, 57px, 0); } }\n\n \/* --- PURE CSS3 KINETIC ICONS --- *\/\n .float-icon {\n font-size: 4rem;\n margin-bottom: 15px;\n display: inline-block;\n animation: levitate 4s ease-in-out infinite alternate;\n will-change: transform;\n user-select: none;\n }\n .float-alert { filter: drop-shadow(0 10px 15px rgba(255, 51, 0, 0.3)); }\n .float-plasma { filter: drop-shadow(0 10px 15px rgba(189, 0, 255, 0.3)); animation-delay: -1.5s; }\n .float-ocean { filter: drop-shadow(0 10px 15px rgba(0, 240, 255, 0.3)); animation-delay: -3s; }\n\n @keyframes levitate {\n 0% { transform: translateY(0) scale(1); }\n 100% { transform: translateY(-15px) scale(1.05); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .scanline, .glitch::before, .glitch::after, .float-icon { animation: none; display: none; }\n }\n\n \/* --- 4. LAYOUT & TYPOGRAPHY --- *\/\n .sovereign-wrapper {\n display: flex; flex-direction: column; align-items: center; position: relative;\n background-image: radial-gradient(#ddd, rgba(0,0,0,.05) 1px, transparent 2px), radial-gradient(#ddd, rgba(0,0,0,.02) 1px, transparent 2px);\n background-size: 550px 550px, 350px 350px;\n }\n\n .vine-line {\n position: absolute; left: 50%; top: 0; bottom: 0; width: 1px;\n background: linear-gradient(to bottom, transparent, #88aa00, #8a00cc, #008090, transparent);\n z-index: 0; opacity: 0.2; \n }\n\n section {\n min-height: 90vh; width: 100%; max-width: 1200px; padding: 120px 20px;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n position: relative; z-index: 10; text-align: center;\n }\n\n h1 { font-size: clamp(3.5rem, 9vw, 8rem); line-height: 0.85; text-transform: uppercase; margin: 0; letter-spacing: -3px; font-weight: 900; color: #111111; }\n h2 { font-size: clamp(2.5rem, 6vw, 5rem); text-transform: uppercase; margin-bottom: 30px; line-height: 0.95; font-weight: 700; color: #111111; }\n p { font-size: clamp(1rem, 1.2vw, 1.25rem); max-width: 750px; color: #555555; font-family: var(--font-mono); line-height: 1.6; margin: 20px auto 0; }\n\n .label { \n font-family: var(--font-mono); font-size: 0.75rem; \n letter-spacing: 4px; margin-bottom: 20px; text-transform: uppercase; \n font-weight: bold; border: 1px solid var(--neon); padding: 5px 10px; display: inline-block;\n }\n\n \/* Extracted Utility Classes *\/\n .label-alert { color: var(--alert); border-color: var(--alert); }\n .label-plasma { color: #8a00cc; border-color: #8a00cc; }\n .label-ocean { color: #008090; border-color: #008090; }\n .label-muted { border: none; letter-spacing: 2px; color: #888; }\n .text-alert { color: var(--alert); }\n .text-neon { color: var(--neon); }\n .text-plasma { color: var(--plasma); }\n .text-ocean { color: var(--ocean); }\n .border-t-neon { border-top: 2px solid var(--neon); }\n .border-t-plasma { border-top: 2px solid var(--plasma); }\n .border-t-ocean { border-top: 2px solid var(--ocean); }\n .mt-0-mb-30 { margin-top: 0; margin-bottom: 30px; }\n .icon-lg { font-size: 2.5rem; display: block; margin-bottom: 10px; }\n .tier-desc { margin-bottom: 20px; color: #ccc; font-size: 0.9rem; }\n .tier-list { list-style: none; padding: 0; color: #aaa; font-size: 0.85rem; text-align: left; line-height: 1.8; }\n .min-h-60 { min-height: 60vh; }\n .trigger-h2 { font-size: 2rem; margin-bottom: 40px; color: #111111; }\n .trigger-p { margin-top: 20px; font-size: 0.8rem; font-family: var(--font-mono); color: #666; letter-spacing: 2px; }\n .hidden { display: none !important; }\n .match-found { float: right; color: var(--neon); font-weight: bold; }\n .rec-box { background: rgba(255, 255, 255, 0.05); padding: 20px; margin-top: 30px; border-left: 2px solid var(--neon); }\n .rec-title { color: white; display: block; margin-bottom: 10px; font-family: var(--font-mono); font-size: 0.8rem; letter-spacing: 1px; }\n .rec-text { color: #ccc; font-size: 0.95rem; line-height: 1.5; }\n .term-line { font-family: var(--font-mono); font-size: 0.85rem; color: #888; margin-bottom: 10px; }\n\n .brand-mark { font-family: var(--font-mono); font-weight: 700; letter-spacing: -1px; color: #88aa00; text-transform: lowercase; }\n\n .hero-sub {\n font-family: var(--font-mono); color: #111111; margin-top: 30px; \n letter-spacing: 3px; font-size: 1.1rem; text-transform: uppercase;\n border-top: 1px solid #88aa00; padding-top: 15px; font-weight: 900;\n }\n\n \/* --- 5. COMPONENTS --- *\/\n #rec-tab {\n position: fixed; top: 150px; right: 0; background: var(--alert); color: white;\n font-family: var(--font-mono); font-weight: bold; font-size: 0.8rem;\n padding: 12px 15px 12px 20px; clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%);\n z-index: 9999; cursor: pointer; transition: transform 0.3s ease; transform: translateX(5px);\n border: none; outline: none;\n }\n #rec-tab:hover, #rec-tab:focus-visible { transform: translateX(-5px); }\n\n .orb-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-top: 40px; }\n .orb {\n width: 160px; height: 160px; border-radius: 50%; background: #111; border: 1px solid #333;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n cursor: pointer; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); color: #ffffff;\n outline: none; padding: 0;\n }\n .orb:hover, .orb:focus-visible { \n transform: scale(1.1); background: #f0f0f0; color: black; border-color: #111; z-index: 20; \n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n }\n .orb span { font-weight: bold; text-transform: uppercase; font-size: 0.9rem; margin-top: 5px; font-family: var(--font-head); }\n .orb small { font-size: 0.7rem; margin-top: 5px; opacity: 0.7; font-family: var(--font-mono); }\n\n .tier-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; width: 100%; margin-top: 50px; }\n .tier-card { border: 1px solid #333; padding: 40px; text-align: left; background: rgba(17,17,17,0.95); backdrop-filter: blur(10px); transition: transform 0.3s ease, box-shadow 0.3s ease; color: #ffffff; }\n .tier-card:hover { background: #050505; transform: translateY(-5px); border-color: #555; box-shadow: 0 10px 30px rgba(0,0,0,0.15); }\n .tier-card h4 { margin: 0 0 15px 0; text-transform: uppercase; font-family: var(--font-mono); font-size: 1rem; letter-spacing: 1px; font-weight: 700; }\n\n .reveal-btn {\n background: transparent; border: 2px solid #111111; color: #111111;\n font-family: var(--font-head); font-size: 2rem; padding: 30px 60px;\n cursor: pointer; text-transform: uppercase; letter-spacing: 2px;\n transition: all 0.2s ease; position: relative; overflow: hidden;\n }\n .reveal-btn:hover, .reveal-btn:focus-visible { background: #111111; color: #ffffff; box-shadow: 0 0 30px rgba(0,0,0,0.1); outline: none; }\n .reveal-btn:active { transform: scale(0.95); }\n\n \/* --- 6. FLASH-BANG OVERLAY --- *\/\n #prophecy-overlay {\n position: fixed; inset: 0;\n background: rgba(0,0,0,0.85); backdrop-filter: blur(15px);\n z-index: 10000; display: flex;\n align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.4s ease;\n }\n #prophecy-overlay.active { opacity: 1; pointer-events: all; }\n .prophecy-card {\n background: #111; border: 1px solid rgba(255,255,255,0.2); width: 90%; max-width: 650px; \n padding: 50px; text-align: left; transform: translateY(20px);\n transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; color: #ffffff;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n }\n #prophecy-overlay.active .prophecy-card { transform: translateY(0); }\n .p-header { border-bottom: 1px solid #333; padding-bottom: 20px; margin-bottom: 20px; font-family: var(--font-mono); color: #888; font-size: 0.8rem; }\n .p-body h3 { font-size: 2.5rem; color: white; margin-top: 0; text-transform: uppercase; }\n .p-body p { font-size: 1.1rem; color: #ccc; margin-left: 0; max-width: 100%; line-height: 1.6; }\n .p-action {\n margin-top: 30px; display: block; text-align: center; background: white; color: black; \n padding: 20px; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; transition: background 0.2s ease;\n }\n .p-action:hover, .p-action:focus-visible { background: var(--neon); outline: none; }\n .close-btn { \n position: absolute; top: 15px; right: 20px; cursor: pointer; font-size: 2rem; color: #888; \n line-height: 1; background: transparent; border: none; padding: 5px; transition: color 0.2s ease;\n }\n .close-btn:hover, .close-btn:focus-visible { color: white; outline: none; }\n .loader { border: 4px solid #333; border-top: 4px solid var(--neon); border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; margin: 0 auto; }\n @keyframes spin { 100% { transform: rotate(360deg); } }\n\n \/* Utility Classes *\/\n .terminal-block { margin-top: 40px; border: 1px dashed #bbb; padding: 30px; text-align: left; max-width: 650px; background: rgba(0, 0, 0, 0.03); }\n .terminal-block-title { color: #111111; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-family: var(--font-mono); }\n .terminal-block-text { margin: 15px 0 0 0; font-size: 0.95rem; color: #555555; text-align: left; }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"noise-overlay\" aria-hidden=\"true\"><\/div>\n<div class=\"scanline\" aria-hidden=\"true\"><\/div>\n\n<main class=\"sovereign-wrapper\">\n <div class=\"vine-line\" aria-hidden=\"true\"><\/div>\n <button id=\"rec-tab\" aria-label=\"Verify Encryption Key\">\u25cf REC: ON<\/button>\n\n <section aria-labelledby=\"hero-heading\">\n <div class=\"hero-box\">\n <h1 id=\"hero-heading\">Stop Renting<br>Your Intelligence.<\/h1>\n <div class=\"hero-sub\">\n AND START. <span class=\"glitch\" data-text=\"OWNING\">OWNING<\/span>. YOUR. DOMAIN.\n <\/div>\n <\/div>\n <p>\n The era of thin API wrappers and commoditized media buying is over. <br><br>\n We do not use AI to cut staff; we use Sovereign AI to arm your media buyers. Deploy the Blackbright Engine, map your intent with Memgraph, and build a defensible moat.\n <\/p>\n <\/section>\n\n <section aria-labelledby=\"problem-heading\">\n <div class=\"float-icon float-alert\" aria-hidden=\"true\">\ud83d\udc41\ufe0f\u200d\ud83d\udde8\ufe0f<\/div>\n <span class=\"label label-alert\" aria-hidden=\"true\">SIGNAL LOSS DETECTED<\/span>\n <h2 id=\"problem-heading\">The Era of Lazy Tracking<br><span class=\"text-alert\">Is Corporate Suicide.<\/span><\/h2>\n <p>\n Ad blockers and iOS updates have blinded your dashboards. If you are relying on Google Analytics or Facebook Pixels to tell you the truth about your funnel, you are optimizing a collapsed wave function.\n <br><br>\n You need deterministic, first-party telemetry before the signal disappears completely.\n <\/p>\n <\/section>\n\n <section aria-labelledby=\"engine-heading\">\n <div class=\"float-icon float-plasma\" aria-hidden=\"true\">\ud83e\udde0<\/div>\n <span class=\"label label-plasma\" aria-hidden=\"true\">HEADLESS INTELLIGENCE<\/span>\n <h2 id=\"engine-heading\">The Blackbright<br>Engine.<\/h2>\n <p>\n Raw AI is a parlor trick. It hallucinates. It guesses.<br><br>\n The Blackbright Engine is <strong>Cognitive Efficiency<\/strong>. We use lean Python pipelines to structure your first-party data into a queryable Memgraph Knowledge Graph <em>before<\/em> the Gemini 3.1 Pro intelligence layer ever touches it. \n <\/p>\n <div class=\"terminal-block\">\n <span class=\"terminal-block-title\">THE SOVEREIGN EXOSKELETON:<\/span>\n <p class=\"terminal-block-text\">\n We high-pass filter the mud (irrelevant clicks) so the kick drum (high-intent buyers) hits harder. We give your media buyers the exact signals they are currently missing, doubling their capacity without increasing ad spend.\n <\/p>\n <\/div>\n <\/section>\n\n <section aria-labelledby=\"vector-heading\">\n <span class=\"label label-muted\" aria-hidden=\"true\">\/\/ INITIALIZE COGNITIVE ALIGNMENT<\/span>\n <h2 id=\"vector-heading\">Select Your Vector<\/h2>\n <p class=\"mt-0-mb-30\">Select intent parameters for the Oracle node.<\/p>\n\n <div class=\"orb-container\" role=\"group\" aria-label=\"Intent Selection\">\n <button class=\"orb\" data-sub=\"agency\" aria-label=\"Select Agency Vector\">\n <span class=\"icon-lg\" aria-hidden=\"true\">\ud83d\udd76\ufe0f<\/span>\n <span>Agencies<\/span>\n <small>Arm Buyers<\/small>\n <\/button>\n <button class=\"orb\" data-sub=\"publisher\" aria-label=\"Select Publisher Vector\">\n <span class=\"icon-lg\" aria-hidden=\"true\">\ud83d\udcf0<\/span>\n <span>Publishers<\/span>\n <small>Audience Graph<\/small>\n <\/button>\n <button class=\"orb\" data-sub=\"enterprise\" aria-label=\"Select Enterprise Vector\">\n <span class=\"icon-lg\" aria-hidden=\"true\">\ud83c\udfe2<\/span>\n <span>Enterprise<\/span>\n <small>Sovereign DB<\/small>\n <\/button>\n <\/div>\n <\/section>\n\n <section aria-labelledby=\"pricing-heading\">\n <div class=\"float-icon float-ocean\" aria-hidden=\"true\">\ud83d\udee1\ufe0f<\/div>\n <span class=\"label label-ocean\" aria-hidden=\"true\">THE CAPACITY LICENSE<\/span>\n <h2 id=\"pricing-heading\">Stop Being Perplexed.<br>Start Being Prepared.<\/h2>\n\n <div class=\"tier-grid\">\n <article class=\"tier-card border-t-neon\">\n <h4 class=\"text-neon\">AGENCY ENGINE<\/h4>\n <p class=\"tier-desc\">For Media Buying Teams. Stop selling hours. Start selling intelligence.<\/p>\n <ul class=\"tier-list\">\n <li>\u2713 <strong>Sovereign Signal Audit<\/strong><\/li>\n <li>\u2713 Co-Managed Infrastructure<\/li>\n <li>\u2713 <strong>Gemini 3.1 Pro<\/strong> Workflows<\/li>\n <\/ul>\n <\/article>\n\n <article class=\"tier-card border-t-plasma\">\n <h4 class=\"text-plasma\">PUBLISHER ENGINE<\/h4>\n <p class=\"tier-desc\">For High-Volume Traffic. Monetize without leaking data to ad networks.<\/p>\n <ul class=\"tier-list\">\n <li>\u2713 <strong>Memgraph<\/strong> Audience Mapping<\/li>\n <li>\u2713 Zero Third-Party Leakage<\/li>\n <li>\u2713 <strong>Gemini 3.1 Pro<\/strong> Content Oracle<\/li>\n <\/ul>\n <\/article>\n\n <article class=\"tier-card border-t-ocean\">\n <h4 class=\"text-ocean\">ENTERPRISE ENGINE<\/h4>\n <p class=\"tier-desc\">For Total Sovereignty. Isolated GCP project. Your data never trains public models.<\/p>\n <ul class=\"tier-list\">\n <li>\u2713 <strong>Dedicated GCP & Memgraph<\/strong><\/li>\n <li>\u2713 Metered Cognitive Compute<\/li>\n <li>\u2713 Full Architecture Support<\/li>\n <\/ul>\n <\/article>\n <\/div>\n <\/section>\n\n <section id=\"trigger-zone\" class=\"min-h-60\" aria-labelledby=\"trigger-heading\">\n <h2 id=\"trigger-heading\" class=\"trigger-h2\">I have analyzed your path.<\/h2>\n <button class=\"reveal-btn\" id=\"analyzeBtn\" aria-haspopup=\"dialog\" aria-controls=\"prophecy-overlay\">ANALYZE MY INTENT<\/button>\n <p class=\"trigger-p\" aria-live=\"polite\">\n [ AWAITING GEMINI-3.1-PRO PROTOCOL ]\n <\/p>\n <\/section>\n<\/main>\n\n<div id=\"prophecy-overlay\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"p-title\" aria-describedby=\"p-desc\">\n <div class=\"prophecy-card\">\n <button class=\"close-btn\" id=\"closeOverlay\" aria-label=\"Close Analysis\">\u00d7<\/button>\n\n <div id=\"loader-container\">\n <div class=\"loader\" aria-hidden=\"true\"><\/div>\n <p style=\"text-align: center; margin-top: 20px; font-family: var(--font-mono); color: var(--neon); font-size: 0.85rem;\" aria-live=\"assertive\">Compiling Sovereign Dossier…<\/p>\n <\/div>\n\n <div id=\"card-content\" class=\"hidden\">\n <div class=\"p-header\">\n <span>DOSSIER ID: <span id=\"uuid\"><\/span><\/span> \n <span class=\"match-found\">MATCH FOUND<\/span>\n <\/div>\n <div class=\"p-body\">\n <h3 id=\"p-title\">Subject Identified<\/h3>\n <div id=\"p-desc\">Analysis complete.<\/div>\n\n <div class=\"rec-box\">\n <strong class=\"rec-title\">RECOMMENDED ACTION:<\/strong>\n <span id=\"p-rec\" class=\"rec-text\">Install Sensor.<\/span>\n <\/div>\n <\/div>\n <a class=\"p-action\" href=\"mailto:john@buildbuyer.com?subject=Initialize%20Sovereign%20Vault\" id=\"p-link\">Initialize Connection<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n(function(w, d) {\n 'use strict';\n\n \/\/ Configuration\n w.FR_CONFIG = { tid: 'buildbuyer', api: 'https:\/\/api.firstriser.com\/ingest' };\n\n \/\/ 1. HONEY POT\n const recTab = d.getElementById('rec-tab');\n if(recTab) {\n recTab.addEventListener('click', () => {\n alert(\"ENCRYPTION KEY: VERIFIED. SOVEREIGN TRACKING ACTIVE.\");\n emit('signal_linked', { src: 'badge' });\n });\n }\n\n \/\/ 2. SCROLL LOGIC & INTENT SCORING\n const scores = {};\n let activeID = null;\n let entryTime = 0;\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n const id = entry.target.dataset.id || entry.target.id;\n if (entry.isIntersecting) {\n activeID = id;\n entryTime = Date.now();\n } else {\n if (activeID === id && entryTime > 0) {\n scores[id] = (scores[id] || 0) + (Date.now() - entryTime);\n }\n }\n });\n }, { threshold: 0.5 });\n\n d.querySelectorAll('section').forEach(z => observer.observe(z));\n\n \/\/ 3. ORB CLICK OVERRIDES\n d.querySelectorAll('.orb').forEach(el => {\n el.addEventListener('click', () => {\n const sub = el.dataset.sub;\n scores['arena_' + sub] = 5000; \/\/ Force high score for clicked intent\n d.getElementById('trigger-zone').scrollIntoView({behavior: 'smooth'});\n });\n });\n\n \/\/ 4. THE REVEAL LOGIC (FLASH-BANG)\n const btn = d.getElementById('analyzeBtn');\n const overlay = d.getElementById('prophecy-overlay');\n const loaderContainer = d.getElementById('loader-container');\n const content = d.getElementById('card-content');\n const close = d.getElementById('closeOverlay');\n const triggerP = d.querySelector('.trigger-p');\n\n if(btn) {\n btn.addEventListener('click', () => {\n overlay.classList.add('active');\n loaderContainer.classList.remove('hidden');\n content.classList.add('hidden');\n btn.setAttribute('aria-expanded', 'true');\n triggerP.innerText = \"[ EXECUTING INFERENCE... ]\";\n\n \/\/ Log the click event to the factory\n emit('analyze_intent_click', { scores: scores });\n\n \/\/ Simulate Gemini 3.1 Pro Processing Time\n setTimeout(() => {\n revealProphecy();\n loaderContainer.classList.add('hidden');\n content.classList.remove('hidden');\n triggerP.innerText = \"[ PROTOCOL COMPLETE ]\";\n \/\/ Set focus to the close button for a11y\n close.focus();\n }, 2200);\n });\n }\n\n if(close) {\n const closeOverlay = () => {\n overlay.classList.remove('active');\n btn.setAttribute('aria-expanded', 'false');\n btn.focus(); \/\/ Return focus to trigger\n };\n close.addEventListener('click', closeOverlay);\n\n \/\/ Close on Escape key\n d.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && overlay.classList.contains('active')) {\n closeOverlay();\n }\n });\n }\n\n function revealProphecy() {\n let type = \"identity\";\n\n \/\/ Check explicit overrides first\n if (scores['arena_agency']) type = 'agency';\n else if (scores['arena_publisher']) type = 'publisher';\n else if (scores['arena_enterprise']) type = 'enterprise';\n else {\n \/\/ Fallback to highest dwell time\n let max = 0;\n for(const [k,v] of Object.entries(scores)) {\n if(v > max && k !== 'trigger-zone') { max = v; type = k; }\n }\n }\n\n \/\/ B2B Enterprise Dossiers\n const data = {\n identity: {\n t: \"The Skeptic\",\n d: \"You value experience over hype. You stayed on the 'Identity' section because you want to know who is behind the curtain. You don't want a thin API wrapper; you want a veteran infrastructure.\",\n r: \"Let's schedule a 15-min technical sync. No sales deck. Just 2003-era media buying wisdom applied to 2026 infrastructure problems.\"\n },\n agency: {\n t: \"The Media General\",\n d: \"You run an agency. You want to stop selling 'Ads' and start selling 'Intelligence.' You need to arm your media buyers with signals your competitors are missing.\",\n r: \"Let's deploy a Sovereign Signal Audit for your toughest client. We handle the Memgraph plumbing; you handle the strategy.\"\n },\n publisher: {\n t: \"The Audience Owner\",\n d: \"You generate high-volume traffic. You are tired of leaking your audience graph to third-party ad networks for pennies.\",\n r: \"We will build a sovereign graph of your readership in Memgraph to exponentially increase your direct-sold ad inventory value.\"\n },\n enterprise: {\n t: \"The Sovereign\",\n d: \"You require total data ownership. You understand that feeding your proprietary data into public LLMs is corporate suicide.\",\n r: \"We will deploy a physically separate GCP project and Memgraph instance. Cost-Plus Compute. Total isolation.\"\n }\n };\n\n \/\/ Fallback mapping for non-orb sections\n const mappedType = data[type] ? type : (type.includes('pain') ? 'agency' : (type.includes('tech') ? 'publisher' : 'enterprise'));\n const selected = data[mappedType];\n\n \/\/ Ensure proper Sovereign ID handling (Dynamic UUID generation vs spoof)\n let sovereignId = localStorage.getItem('firstriser_id');\n if (!sovereignId) {\n sovereignId = 'SOV-' + Math.floor(Math.random() * 900000000) + 100000000;\n localStorage.setItem('firstriser_id', sovereignId);\n }\n\n d.getElementById('uuid').innerText = sovereignId;\n d.getElementById('p-title').innerText = selected.t;\n\n \/\/ Format as terminal output\n d.getElementById('p-desc').innerHTML = `\n <div class=\"term-line\">> Executing Gemini-3.1-Pro inference...<\/div>\n <div class=\"term-line\" style=\"margin-bottom: 15px;\">> Analyzing Memgraph telemetry vectors...<\/div>\n <p style=\"margin:0; color:#ccc;\">${selected.d}<\/p>\n `;\n\n d.getElementById('p-rec').innerText = selected.r;\n\n const subject = encodeURIComponent(`Initialize Vault: ${selected.t}`);\n const body = encodeURIComponent(`I ran the session analysis and matched with ${selected.t}. Let's discuss deploying the Blackbright Engine.`);\n d.getElementById('p-link').href = `mailto:john@buildbuyer.com?subject=${subject}&body=${body}`;\n }\n\n \/\/ 5. SENSOR (THE COURIER) - Hardened Batching\n let q = [];\n let flushTimer = null;\n\n function emit(c, p) { \n q.push({ c, p, t: Date.now() \/ 1000 }); \n if (!flushTimer) {\n flushTimer = setTimeout(flush, 5000); \/\/ 5-second debounce batching\n }\n }\n\n function flush() {\n if (flushTimer) {\n clearTimeout(flushTimer);\n flushTimer = null;\n }\n if (!q.length) return;\n\n const payload = JSON.stringify({ tid: w.FR_CONFIG.tid, u: w.location.pathname, e: q });\n\n \/\/ Modern Beacon API with fetch fallback\n if (navigator.sendBeacon) {\n \/\/ sendBeacon prefers Blob for correct content-type handling in some strict backends\n const blob = new Blob([payload], { type: 'application\/json' });\n navigator.sendBeacon(w.FR_CONFIG.api, blob);\n } else {\n fetch(w.FR_CONFIG.api, { method: 'POST', body: payload, keepalive: true }).catch(() => {});\n }\n q = [];\n }\n\n \/\/ Force flush any remaining telemetry queue on page unload\/hide\n d.addEventListener('visibilitychange', () => {\n if (d.visibilityState === 'hidden') flush();\n });\n\n})(window, document);\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Blackbright | Sovereign Data Infrastructure \u25cf REC: ON Stop RentingYour Intelligence. AND START. OWNING. YOUR. DOMAIN. The era of thin API wrappers and commoditized media buying is over. We do not use AI to cut staff; we use Sovereign AI to arm your media buyers. Deploy the Blackbright Engine, map your intent with Memgraph, and … <a title=\"BlackBright\" class=\"read-more\" href=\"https:\/\/buildbuyer.com\/\" aria-label=\"Read more about BlackBright\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-96","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/buildbuyer.com\/index.php\/wp-json\/wp\/v2\/pages\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buildbuyer.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buildbuyer.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buildbuyer.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buildbuyer.com\/index.php\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":8,"href":"https:\/\/buildbuyer.com\/index.php\/wp-json\/wp\/v2\/pages\/96\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/buildbuyer.com\/index.php\/wp-json\/wp\/v2\/pages\/96\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/buildbuyer.com\/index.php\/wp-json\/wp\/v2\/media?parent=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}