import{a as G,f as H,c as ht}from"../chunks/Dx5ENI3L.js";import{o as bt}from"../chunks/DzThljBI.js";import{c as Ne,f as yt,as as ct,h as K,k as Ce,z as xt,g as _t,J as x,i as wt,$ as kt,j as tt,l as Te,e as we,ai as Et,aq as It,a8 as at,a as St,at as U,b as Oe,au as At,s as Nt,av as Ct,aw as Tt,ap as qe,ax as Ft,ay as Mt,az as Lt,X as rt,aA as Dt,aB as Rt,r as dt,p as vt,aC as Fe,Z as Ot,aD as zt,aE as qt,an as Gt,m as Ht,d as Bt,ak as Pt,aF as Kt,aG as Vt,aH as Wt,aI as Yt,N as Ut,x as ot,O as Y,P as $t,Q as s,V as b,aJ as ce,U as r,a9 as ne,aK as Me}from"../chunks/CAC3fBSS.js";import{d as jt,a as Le,s as L,e as Xt}from"../chunks/DNCosZaS.js";import{i as it,b as Jt}from"../chunks/D4KlBEBt.js";function Z(e,a){return a}function Zt(e,a,n){for(var t=[],v=a.length,l,c=a.length,y=0;y<v;y++){let R=a[y];vt(R,()=>{if(l){if(l.pending.delete(R),l.done.add(R),l.pending.size===0){var E=e.outrogroups;ze(e,qe(l.done)),E.delete(l),E.size===0&&(e.outrogroups=null)}}else c-=1},!1)}if(c===0){var p=t.length===0&&n!==null;if(p){var w=n,h=w.parentNode;Gt(h),h.append(w),e.items.clear()}ze(e,a,!p)}else l={pending:new Set(a),done:new Set},(e.outrogroups??(e.outrogroups=new Set)).add(l)}function ze(e,a,n=!0){var t;if(e.pending.size>0){t=new Set;for(const c of e.pending.values())for(const y of c)t.add(e.items.get(y).e)}for(var v=0;v<a.length;v++){var l=a[v];if(t!=null&&t.has(l)){l.f|=U;const c=document.createDocumentFragment();Ht(l,c)}else Bt(a[v],n)}}var nt;function Q(e,a,n,t,v,l=null){var c=e,y=new Map,p=(a&ct)!==0;if(p){var w=e;c=K?Ce(xt(w)):w.appendChild(Ne())}K&&_t();var h=null,R=Ct(()=>{var k=n();return Tt(k)?k:k==null?[]:qe(k)}),E,D=new Map,S=!0;function V(k){(W.effect.f&Rt)===0&&(W.pending.delete(k),W.fallback=h,Qt(W,E,c,a,t),h!==null&&(E.length===0?(h.f&U)===0?dt(h):(h.f^=U,ye(h,null,c)):vt(h,()=>{h=null})))}function i(k){W.pending.delete(k)}var _=yt(()=>{E=x(R);var k=E.length;let T=!1;if(K){var oe=wt(c)===kt;oe!==(k===0)&&(c=tt(),Ce(c),Te(!1),T=!0)}for(var B=new Set,N=St,ee=Nt(),P=0;P<k;P+=1){K&&we.nodeType===Et&&we.data===It&&(c=we,T=!0,Te(!1));var $=E[P],j=t($,P),C=S?null:y.get(j);C?(C.v&&at(C.v,$),C.i&&at(C.i,P),ee&&N.unskip_effect(C.e)):(C=ea(y,S?c:nt??(nt=Ne()),$,j,P,v,a,n),S||(C.e.f|=U),y.set(j,C)),B.add(j)}if(k===0&&l&&!h&&(S?h=Oe(()=>l(c)):(h=Oe(()=>l(nt??(nt=Ne()))),h.f|=U)),k>B.size&&At(),K&&k>0&&Ce(tt()),!S)if(D.set(N,B),ee){for(const[se,te]of y)B.has(se)||N.skip_effect(te.e);N.oncommit(V),N.ondiscard(i)}else V(N);T&&Te(!0),x(R)}),W={effect:_,items:y,pending:D,outrogroups:null,fallback:h};S=!1,K&&(c=we)}function be(e){for(;e!==null&&(e.f&zt)===0;)e=e.next;return e}function Qt(e,a,n,t,v){var $,j,C,se,te,ve,fe,pe,ue;var l=(t&qt)!==0,c=a.length,y=e.items,p=be(e.effect.first),w,h=null,R,E=[],D=[],S,V,i,_;if(l)for(_=0;_<c;_+=1)S=a[_],V=v(S,_),i=y.get(V).e,(i.f&U)===0&&((j=($=i.nodes)==null?void 0:$.a)==null||j.measure(),(R??(R=new Set)).add(i));for(_=0;_<c;_+=1){if(S=a[_],V=v(S,_),i=y.get(V).e,e.outrogroups!==null)for(const O of e.outrogroups)O.pending.delete(i),O.done.delete(i);if((i.f&Fe)!==0&&(dt(i),l&&((se=(C=i.nodes)==null?void 0:C.a)==null||se.unfix(),(R??(R=new Set)).delete(i))),(i.f&U)!==0)if(i.f^=U,i===p)ye(i,null,n);else{var W=h?h.next:p;i===e.effect.last&&(e.effect.last=i.prev),i.prev&&(i.prev.next=i.next),i.next&&(i.next.prev=i.prev),re(e,h,i),re(e,i,W),ye(i,W,n),h=i,E=[],D=[],p=be(h.next);continue}if(i!==p){if(w!==void 0&&w.has(i)){if(E.length<D.length){var k=D[0],T;h=k.prev;var oe=E[0],B=E[E.length-1];for(T=0;T<E.length;T+=1)ye(E[T],k,n);for(T=0;T<D.length;T+=1)w.delete(D[T]);re(e,oe.prev,B.next),re(e,h,oe),re(e,B,k),p=k,h=B,_-=1,E=[],D=[]}else w.delete(i),ye(i,p,n),re(e,i.prev,i.next),re(e,i,h===null?e.effect.first:h.next),re(e,h,i),h=i;continue}for(E=[],D=[];p!==null&&p!==i;)(w??(w=new Set)).add(p),D.push(p),p=be(p.next);if(p===null)continue}(i.f&U)===0&&E.push(i),h=i,p=be(i.next)}if(e.outrogroups!==null){for(const O of e.outrogroups)O.pending.size===0&&(ze(e,qe(O.done)),(te=e.outrogroups)==null||te.delete(O));e.outrogroups.size===0&&(e.outrogroups=null)}if(p!==null||w!==void 0){var N=[];if(w!==void 0)for(i of w)(i.f&Fe)===0&&N.push(i);for(;p!==null;)(p.f&Fe)===0&&p!==e.fallback&&N.push(p),p=be(p.next);var ee=N.length;if(ee>0){var P=(t&ct)!==0&&c===0?n:null;if(l){for(_=0;_<ee;_+=1)(fe=(ve=N[_].nodes)==null?void 0:ve.a)==null||fe.measure();for(_=0;_<ee;_+=1)(ue=(pe=N[_].nodes)==null?void 0:pe.a)==null||ue.fix()}Zt(e,N,P)}}l&&Ot(()=>{var O,ge;if(R!==void 0)for(i of R)(ge=(O=i.nodes)==null?void 0:O.a)==null||ge.apply()})}function ea(e,a,n,t,v,l,c,y){var p=(c&Ft)!==0?(c&Mt)===0?Lt(n,!1,!1):rt(n):null,w=(c&Dt)!==0?rt(v):null;return{v:p,i:w,e:Oe(()=>(l(a,p??n,w??v,y),()=>{e.delete(t)}))}}function ye(e,a,n){if(e.nodes)for(var t=e.nodes.start,v=e.nodes.end,l=a&&(a.f&U)===0?a.nodes.start:n;t!==null;){var c=Pt(t);if(l.before(t),t===v)return;t=c}}function re(e,a,n){a===null?e.effect.first=n:a.next=n,n===null?e.effect.last=a:n.prev=a}const st=[...` 	
\r\f \v\uFEFF`];function ta(e,a,n){var t=e==null?"":""+e;if(a&&(t=t?t+" "+a:a),n){for(var v of Object.keys(n))if(n[v])t=t?t+" "+v:v;else if(t.length)for(var l=v.length,c=0;(c=t.indexOf(v,c))>=0;){var y=c+l;(c===0||st.includes(t[c-1]))&&(y===t.length||st.includes(t[y]))?t=(c===0?"":t.substring(0,c))+t.substring(y+1):c=y}}return t===""?null:t}function aa(e,a){return e==null?null:String(e)}function de(e,a,n,t,v,l){var c=e.__className;if(K||c!==n||c===void 0){var y=ta(n,t,l);(!K||y!==e.getAttribute("class"))&&(y==null?e.removeAttribute("class"):e.className=y),e.__className=n}else if(l&&v!==l)for(var p in l){var w=!!l[p];(v==null||w!==!!v[p])&&e.classList.toggle(p,w)}return l}function De(e,a,n,t){var v=e.__style;if(K||v!==a){var l=aa(a);(!K||l!==e.getAttribute("style"))&&(l==null?e.removeAttribute("style"):e.style.cssText=l),e.__style=a}return t}const ra=Symbol("is custom element"),oa=Symbol("is html"),ia=Vt?"link":"LINK";function Re(e,a,n,t){var v=na(e);K&&(v[a]=e.getAttribute(a),e.nodeName===ia)||v[a]!==(v[a]=n)&&(n==null?e.removeAttribute(a):typeof n!="string"&&sa(e).includes(a)?e[a]=n:e.setAttribute(a,n))}function na(e){return e.__attributes??(e.__attributes={[ra]:e.nodeName.includes("-"),[oa]:e.namespaceURI===Kt})}var lt=new Map;function sa(e){var a=e.getAttribute("is")||e.nodeName,n=lt.get(a);if(n)return n;lt.set(a,n=[]);for(var t,v=e,l=Element.prototype;l!==v;){t=Yt(v);for(var c in t)t[c].set&&n.push(c);v=Wt(v)}return n}var la=H('<a class="font-mono text-[0.7rem] tracking-[0.15em] uppercase text-muted hover:text-accent transition-colors no-underline"> </a>'),ca=H('<a class="font-heading text-2xl font-500 text-text border-b border-border pb-6 no-underline hover:text-accent transition-colors"> </a>'),da=H('<div class="fixed inset-0 z-40 flex flex-col pt-20 px-8 pb-12 gap-8" style="background: var(--color-bg)"><!> <a href="#contact" class="btn-primary text-center mt-4">Secure Inquiry</a></div>'),va=H('<span class="font-mono text-[0.62rem] tracking-widest uppercase px-3 py-1.5" style="border: 1px solid var(--color-border); color: var(--color-accent); background: var(--color-accent-glow);"> </span>'),fa=H('<div><div class="font-mono text-[0.62rem] tracking-[0.2em] mb-4" style="color: var(--color-accent); opacity: 0.5"></div> <h3 class="font-heading font-600 text-lg mb-3 transition-colors duration-200 group-hover:text-accent" style="color: var(--color-text)"> </h3> <p class="text-sm leading-relaxed font-300" style="color: var(--color-muted)"> </p> <div class="mt-6 w-6 h-px transition-all duration-300 group-hover:w-12" style="background: var(--color-accent)"></div></div>'),pa=H('<div class="flex items-center gap-3 text-sm font-300" style="color: var(--color-muted)"><span class="w-1.5 h-1.5 rounded-full shrink-0" style="background: var(--color-accent)"></span> </div>'),ua=H('<div class="flex items-center gap-3 px-5 py-1.5" style="border-bottom: 1px solid rgba(22,36,54,0.6)"><span style="color: var(--color-dim); width: 5rem; shrink: 0"> </span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;"> </span> <span> </span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> </span></div>'),ga=H('<div style="border-top: 1px solid var(--color-border)"><div class="font-mono text-[0.62rem] tracking-[0.2em] mb-3" style="color: var(--color-accent); opacity: 0.5"></div> <h3 class="font-heading font-600 text-xl mb-3" style="color: var(--color-text)"> </h3> <p class="text-sm leading-relaxed font-300" style="color: var(--color-muted)"> </p></div>'),ma=H(`<div class="py-16 text-center reveal" style="border: 1px solid var(--color-border); background: var(--color-card);"><div class="text-3xl mb-4" style="color: var(--color-accent)">◆</div> <h3 class="font-heading font-600 text-xl mb-3" style="color: var(--color-text)">Inquiry Received</h3> <p class="font-300 text-sm" style="color: var(--color-muted)">Your requirement has been logged securely.<br/>A KeystoneIntel analyst will be in contact
					within 24 hours.</p></div>`),ha=H('<form class="space-y-5 reveal delay-2"><div class="grid grid-cols-1 sm:grid-cols-2 gap-5"><div><label class="field-label" for="name">Full Name</label> <input id="name" type="text" required="" placeholder="John Smith" class="field-input"/></div> <div><label class="field-label" for="email">Corporate Email</label> <input id="email" type="email" required="" placeholder="j.smith@company.com" class="field-input"/></div></div> <div class="grid grid-cols-1 sm:grid-cols-2 gap-5"><div><label class="field-label" for="industry">Industry</label> <select id="industry" class="field-input"><option>Finance & Fintech</option><option>Entertainment & Media</option><option>Blockchain & Digital Assets</option><option>Consumer Sales & Retail</option><option>Other</option></select></div> <div><label class="field-label" for="inquiry">Inquiry Type</label> <select id="inquiry" class="field-input"><option>Data Sourcing</option><option>Signal Brokerage</option><option>Strategic Consulting</option></select></div></div> <div><label class="field-label" for="message">Intelligence Requirement</label> <textarea id="message" rows="5" placeholder="Briefly outline your data requirements, target market, and timeframe." class="field-input resize-none"></textarea></div> <div class="pt-2"><button type="submit" class="btn-primary w-full sm:w-auto justify-center sm:justify-start"> </button></div></form>'),ba=H('<a class="font-mono text-[0.65rem] tracking-[0.15em] uppercase no-underline transition-colors hover:text-accent" style="color: var(--color-dim)"> </a>'),ya=H(`<nav><div class="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between"><a href="#hero" class="flex items-center gap-2.5 no-underline group"><span class="text-accent text-lg leading-none transition-all duration-300 group-hover:drop-shadow-[0_0_8px_rgba(14,165,233,0.8)]">◆</span> <span class="font-heading font-600 text-sm tracking-[0.18em] uppercase text-text">KeystoneIntel</span></a> <div class="hidden md:flex items-center gap-8"><!> <a href="#contact" class="btn-primary text-xs py-2.5 px-5">Secure Inquiry</a></div> <button class="md:hidden flex flex-col gap-1.5 p-1" aria-label="Toggle menu"><span></span> <span></span> <span></span></button></div></nav> <!> <section id="hero" class="relative flex flex-col items-center justify-center overflow-hidden" style="height: 100vh; height: 100svh; max-height: 100vh; max-height: 100svh;"><canvas class="absolute inset-0 w-full h-full" style="display: block;"></canvas> <div class="absolute inset-0 pointer-events-none" style="background: radial-gradient(ellipse 80% 70% at 50% 50%, transparent 20%, rgba(6,9,14,0.7) 100%)"></div> <div class="absolute inset-0 pointer-events-none" style="background: linear-gradient(to bottom, rgba(6,9,14,0.5) 0%, transparent 20%, transparent 70%, rgba(6,9,14,0.9) 100%)"></div> <div class="relative z-10 text-center px-6 max-w-5xl mx-auto" style="animation: fade-up 1s cubic-bezier(0.25, 1, 0.5, 1) both;"><div class="inline-flex items-center gap-4 mb-10 font-mono text-[0.62rem] tracking-[0.28em] uppercase text-accent"><span class="w-8 h-px bg-accent opacity-60"></span> Data Intelligence · Brokerage · Proprietary Signals <span class="w-8 h-px bg-accent opacity-60"></span></div> <h1 class="font-heading font-700 leading-[1.0] mb-6 tracking-tight" style="font-size: clamp(2.4rem, 7vw, 5.5rem); color: var(--color-text);">THE ARCHITECTURE<br/> <span style="color: var(--color-accent);">OF INFORMED</span><br/> DECISIONS.</h1> <p class="font-body font-300 leading-relaxed max-w-xl mx-auto mb-12" style="font-size: clamp(1rem, 2vw, 1.15rem); color: var(--color-muted);">Premier intelligence firm. Bridging the gap between massive data lakes and executive action.</p> <div class="flex flex-col sm:flex-row gap-4 justify-center items-center"><a href="#contact" class="btn-primary">Initiate Inquiry →</a> <a href="#about" class="btn-secondary">Discover More</a></div></div> <div class="absolute bottom-8 left-1/2 -translate-x-1/2 flex flex-col items-center gap-2" style="animation: fade-up 1.4s 0.6s cubic-bezier(0.25,1,0.5,1) both;"><span class="font-mono text-[0.6rem] tracking-[0.3em] uppercase" style="color: var(--color-dim)">Scroll</span> <div class="w-px h-10" style="background: linear-gradient(to bottom, var(--color-accent), transparent)"></div></div></section> <section id="about" class="py-20 sm:py-32 px-6" style="background: var(--color-bg)"><div class="max-w-6xl mx-auto"><div class="section-tag reveal">01 / About</div> <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-start"><div><h2 class="font-heading font-600 leading-[1.1] mb-6 reveal" style="font-size: clamp(1.9rem, 4vw, 3rem); color: var(--color-text);">The Architecture of<br/>Informed Decision<br/>Making.</h2> <div class="accent-bar reveal delay-1"></div> <blockquote class="font-heading text-lg italic reveal delay-2" style="color: var(--color-accent); border-left: 2px solid var(--color-accent-dim); padding-left: 1.25rem; line-height: 1.6;">"The keystone — the essential data point that holds a strategic vision together."</blockquote> <div class="flex flex-wrap gap-4 mt-10 reveal delay-3"></div></div> <div class="space-y-5 font-300 leading-relaxed reveal delay-1" style="color: var(--color-muted)"><p>KeystoneIntel is a premier intelligence firm specializing in the sourcing, validation, and
					brokerage of high-fidelity data at scale. We occupy the vital space between massive data
					lakes and executive action.</p> <p>Our mission is to bridge the gap between raw information and strategic advantage —
					delivering the signals that drive first-mover positioning, risk mitigation, and market
					dominance.</p> <p>Where traditional aggregators stop, we begin. Our proprietary methods surface intelligence
					from the data markets others can't access, can't process, or don't know exist. Every
					dataset we deliver represents an asymmetric advantage for our clients.</p> <p>Founded on the principle that in a world saturated with data, the true scarce resource is <em style="color: var(--color-text)">signal</em> — actionable intelligence that changes decisions.</p></div></div></div></section> <div class="max-w-6xl mx-auto px-6"><div class="h-px" style="background: linear-gradient(to right, transparent, var(--color-border), transparent)"></div></div> <section id="industries" class="py-20 sm:py-32 px-6" style="background: var(--color-bg)"><div class="max-w-6xl mx-auto"><div class="section-tag reveal">02 / Industries</div> <div class="max-w-2xl mb-14"><h2 class="font-heading font-600 leading-tight mb-4 reveal" style="font-size: clamp(1.9rem, 4vw, 3rem); color: var(--color-text);">Vertical Expertise.<br/>Global Impact.</h2> <p class="font-300 reveal delay-1" style="color: var(--color-muted)">Bespoke data solutions engineered for high-stakes decision environments.</p></div> <div class="grid grid-cols-1 sm:grid-cols-2 gap-px" style="background: var(--color-border)"></div></div></section> <section id="signals" class="py-20 sm:py-32 px-6" style="background: var(--color-surface)"><div class="max-w-6xl mx-auto"><div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center"><div><div class="section-tag reveal">03 / Intelligence</div> <h2 class="font-heading font-600 leading-[1.1] mb-6 reveal" style="font-size: clamp(1.9rem, 4vw, 3rem); color: var(--color-text);">The Signal<br/>Over the Noise.</h2> <div class="accent-bar reveal delay-1"></div> <p class="font-300 leading-relaxed mb-8 reveal delay-1" style="color: var(--color-muted)">Our custom-built extraction engines harvest alternative data from disparate global sources.
					We transform raw, unstructured information into high-fidelity intelligence that predicts
					market shifts, mitigates risk, and front-runs economic trends.</p> <div class="space-y-3 reveal delay-2"></div></div> <div class="reveal delay-2"><div class="relative overflow-hidden rounded-sm" style="border: 1px solid var(--color-border); background: var(--color-card);"><div class="flex items-center gap-2 px-4 py-3" style="background: var(--color-surface); border-bottom: 1px solid var(--color-border);"><span class="w-2.5 h-2.5 rounded-full" style="background: #3d5470"></span> <span class="w-2.5 h-2.5 rounded-full" style="background: #3d5470"></span> <span class="w-2.5 h-2.5 rounded-full" style="background: var(--color-accent-dim)"></span> <span class="ml-3 font-mono text-[0.62rem] tracking-widest uppercase" style="color: var(--color-dim)">SIGNAL_STREAM — LIVE</span> <span class="ml-auto w-1.5 h-1.5 rounded-full" style="background: var(--color-accent); animation: cursor-blink 1.2s ease-in-out infinite;"></span></div> <div class="h-72 overflow-hidden relative" style="font-family: var(--font-mono); font-size: 0.65rem; line-height: 1.6;"><div style="animation: scroll-data 22s linear infinite; will-change: transform;"></div></div> <div class="flex items-center justify-between px-4 py-2.5" style="background: var(--color-surface); border-top: 1px solid var(--color-border);"><span class="font-mono text-[0.6rem] tracking-widest" style="color: var(--color-dim)">SIGNALS VALIDATED</span> <span class="font-mono text-[0.6rem]" style="color: var(--color-accent)">◆ SECURE</span></div></div></div></div></div></section> <section id="advantage" class="py-20 sm:py-32 px-6" style="background: var(--color-bg)"><div class="max-w-6xl mx-auto"><div class="section-tag reveal">04 / Advantage</div> <h2 class="font-heading font-600 leading-tight mb-16 reveal" style="font-size: clamp(1.9rem, 4vw, 3rem); color: var(--color-text);">The Keystone Advantage.</h2> <div class="grid grid-cols-1 sm:grid-cols-2 gap-x-12 gap-y-10"></div></div></section> <section id="contact" class="py-20 sm:py-32 px-6" style="background: var(--color-surface)"><div class="max-w-3xl mx-auto"><div class="section-tag reveal">05 / Contact</div> <h2 class="font-heading font-600 leading-[1.1] mb-4 reveal" style="font-size: clamp(1.9rem, 4vw, 3rem); color: var(--color-text);">Initiate Your Intelligence<br/>Requirement.</h2> <p class="font-300 mb-10 reveal delay-1" style="color: var(--color-muted)">Secure your advantage today. All inquiries treated with absolute discretion.</p> <div class="inline-flex items-center gap-2.5 mb-10 px-4 py-2.5 reveal delay-1" style="border: 1px solid var(--color-border); background: var(--color-accent-glow);"><svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg" style="color: var(--color-accent); flex-shrink: 0;"><path d="M6 0L0.5 2.5V6.5C0.5 9.7 2.9 12.7 6 13.5C9.1 12.7 11.5 9.7 11.5 6.5V2.5L6 0Z" fill="currentColor" fill-opacity="0.2" stroke="currentColor" stroke-width="0.8"></path><path d="M4 7L5.5 8.5L8.5 5.5" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class="font-mono text-[0.6rem] tracking-[0.2em] uppercase" style="color: var(--color-muted)">SSL Encrypted · Confidential · Zero Disclosure</span></div> <!></div></section> <footer class="px-6 py-14" style="background: var(--color-bg); border-top: 1px solid var(--color-border);"><div class="max-w-6xl mx-auto"><div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-8 mb-10"><div><div class="flex items-center gap-2.5 mb-2"><span style="color: var(--color-accent)">◆</span> <span class="font-heading font-600 text-sm tracking-[0.18em] uppercase" style="color: var(--color-text)">KeystoneIntel</span></div> <p class="font-mono text-[0.62rem] tracking-wider" style="color: var(--color-dim)">DATA INTELLIGENCE · SIGNAL BROKERAGE · STRATEGIC ADVANTAGE</p></div> <div class="flex flex-wrap gap-6"><!> <a href="#contact" class="font-mono text-[0.65rem] tracking-[0.15em] uppercase no-underline transition-colors hover:text-accent" style="color: var(--color-dim)">Contact</a></div></div> <div class="h-px mb-8" style="background: linear-gradient(to right, var(--color-border), transparent)"></div> <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3"><p class="font-mono text-[0.6rem] tracking-wider" style="color: var(--color-dim)"> </p> <a href="https://digitalmar.dev" target="_blank" rel="noopener noreferrer" class="font-mono text-[0.6rem] no-underline transition-colors hover:text-muted" style="color: var(--color-dim)">Made by digitalmar.dev</a></div></div></footer>`,1);function Ia(e,a){Ut(a,!0);let n=Me(!1),t=Me(!1),v,l=Me("idle");function c(f){const o=f.getContext("2d");let d=0,u=0;const g=[],I=[],F=90,M=160;function X(){d=f.width=f.offsetWidth,u=f.height=f.offsetHeight}X(),window.addEventListener("resize",X);for(let z=0;z<F;z++)g.push({x:Math.random()*(d||window.innerWidth),y:Math.random()*(u||window.innerHeight),vx:(Math.random()-.5)*.25,vy:(Math.random()-.5)*.25,size:Math.random()*1.8+.4});function me(){const z=Math.floor(Math.random()*g.length);let m=-1,A=1/0;for(let q=0;q<g.length;q++){if(q===z)continue;const le=g[q].x-g[z].x,ae=g[q].y-g[z].y,J=Math.hypot(le,ae);J<M&&J<A&&(A=J,m=q)}m!==-1&&I.push({from:z,to:m,t:0,speed:.012+Math.random()*.01})}let he,ie=0;function xe(z){o.clearRect(0,0,d,u);for(const m of g)m.x+=m.vx,m.y+=m.vy,(m.x<0||m.x>d)&&(m.vx*=-1),(m.y<0||m.y>u)&&(m.vy*=-1);for(let m=0;m<g.length;m++)for(let A=m+1;A<g.length;A++){const q=g[A].x-g[m].x,le=g[A].y-g[m].y,ae=Math.hypot(q,le);if(ae<M){const J=(1-ae/M)*.15;o.beginPath(),o.moveTo(g[m].x,g[m].y),o.lineTo(g[A].x,g[A].y),o.strokeStyle=`rgba(14, 165, 233, ${J})`,o.lineWidth=.6,o.stroke()}}for(let m=I.length-1;m>=0;m--){const A=I[m];if(A.t+=A.speed,A.t>=1){I.splice(m,1);continue}const q=g[A.from],le=g[A.to],ae=q.x+(le.x-q.x)*A.t,J=q.y+(le.y-q.y)*A.t,_e=o.createRadialGradient(ae,J,0,ae,J,10);_e.addColorStop(0,"rgba(56, 189, 248, 0.9)"),_e.addColorStop(.5,"rgba(14, 165, 233, 0.3)"),_e.addColorStop(1,"rgba(14, 165, 233, 0)"),o.beginPath(),o.arc(ae,J,10,0,Math.PI*2),o.fillStyle=_e,o.fill()}for(const m of g)o.beginPath(),o.arc(m.x,m.y,m.size,0,Math.PI*2),o.fillStyle="rgba(14, 165, 233, 0.55)",o.fill();z-ie>700&&(me(),ie=z),he=requestAnimationFrame(xe)}return he=requestAnimationFrame(xe),()=>{cancelAnimationFrame(he),window.removeEventListener("resize",X)}}function y(){const f=document.querySelectorAll(".reveal"),o=new IntersectionObserver(d=>{for(const u of d)u.isIntersecting&&(u.target.classList.add("visible"),o.unobserve(u.target))},{threshold:.08});return f.forEach(d=>o.observe(d)),()=>o.disconnect()}bt(()=>{const f=c(v),o=y(),d=()=>{ce(n,window.scrollY>60)};return window.addEventListener("scroll",d),()=>{f(),o(),window.removeEventListener("scroll",d)}});async function p(f){f.preventDefault(),ce(l,"sending"),await new Promise(o=>setTimeout(o,1400)),ce(l,"sent")}const w=[{label:"About",href:"#about"},{label:"Industries",href:"#industries"},{label:"Intelligence",href:"#signals"},{label:"Advantage",href:"#advantage"}],h=[{name:"Finance & Fintech",desc:"ESG metrics, high-frequency transaction data, and regulatory risk signals for quantitative and macro funds seeking asymmetric intelligence."},{name:"Entertainment & Media",desc:"Audience psychographics and cross-platform engagement metrics for studios and talent agencies navigating a fragmented attention economy."},{name:"Blockchain & Digital Assets",desc:"Deep-chain analytics, liquidity flow tracking, and sentiment mapping across decentralized and hybrid ecosystems."},{name:"Consumer Sales & Retail",desc:"Hyper-local demographic data and real-time spending velocity for supply chain optimization and precision site selection."}],R=[{title:"Global Reach & Deep Access",desc:"We source from data markets invisible to traditional aggregators — proprietary relationships and access points built over years of operational presence."},{title:"Vetted Integrity",desc:"A rigorous multi-stage validation framework with full chain of custody. Every dataset arrives compliance-ready and traceable."},{title:"Absolute Discretion",desc:"We operate as a silent partner. Client identities, inquiry scope, and operational requirements are never disclosed to third parties."},{title:"Scalable Architecture",desc:"From one-off intelligence reports to continuous high-volume API data feeds — infrastructure that adapts to your operational tempo."}],E=["Satellite imagery & geospatial intelligence","Shipping manifests & logistics data","Deep-web sentiment analysis","Proprietary financial signal extraction","Cross-border transaction flow mapping","Alternative economic indicator networks"];var D=ya(),S=ot(D);let V;var i=s(S),_=b(s(i),2),W=s(_);Q(W,17,()=>w,Z,(f,o)=>{var d=la(),u=s(d,!0);r(d),Y(()=>{Re(d,"href",x(o).href),L(u,x(o).label)}),G(f,d)}),ne(2),r(_);var k=b(_,2),T=s(k);let oe;var B=b(T,2);let N;var ee=b(B,2);let P;r(k),r(i),r(S);var $=b(S,2);{var j=f=>{var o=da(),d=s(o);Q(d,17,()=>w,Z,(g,I)=>{var F=ca(),M=s(F,!0);r(F),Y(()=>{Re(F,"href",x(I).href),L(M,x(I).label)}),Le("click",F,()=>ce(t,!1)),G(g,F)});var u=b(d,2);r(o),Le("click",u,()=>ce(t,!1)),G(f,o)};it($,f=>{x(t)&&f(j)})}var C=b($,2),se=s(C);Jt(se,f=>v=f,()=>v),ne(8),r(C);var te=b(C,2),ve=s(te),fe=b(s(ve),2),pe=s(fe),ue=b(s(pe),6);Q(ue,20,()=>["High-Fidelity Data","Global Sources","Compliance Ready"],Z,(f,o)=>{var d=va(),u=s(d,!0);r(d),Y(()=>L(u,o)),G(f,d)}),r(ue),r(pe),ne(2),r(fe),r(ve),r(te);var O=b(te,4),ge=s(O),Ge=b(s(ge),4);Q(Ge,21,()=>h,Z,(f,o,d)=>{var u=fa();de(u,1,`industry-card group p-8 sm:p-10 transition-colors duration-300 reveal delay-${d%4+1}`);var g=s(u);g.textContent=`0${d+1}`;var I=b(g,2),F=s(I,!0);r(I);var M=b(I,2),X=s(M,!0);r(M),ne(2),r(u),Y(()=>{L(F,x(o).name),L(X,x(o).desc)}),G(f,u)}),r(Ge),r(ge),r(O);var ke=b(O,2),He=s(ke),Be=s(He),Ee=s(Be),Pe=b(s(Ee),8);Q(Pe,21,()=>E,Z,(f,o)=>{var d=pa(),u=b(s(d));r(d),Y(()=>L(u,` ${x(o)??""}`)),G(f,d)}),r(Pe),r(Ee);var Ke=b(Ee,2),Ve=s(Ke),We=b(s(Ve),2),Ye=s(We);Q(Ye,20,()=>Array(2),Z,(f,o)=>{var d=ht(),u=ot(d);Q(u,16,()=>[{t:"INF-FIN",id:"F-2847",sig:"▲ 0.0391",label:"HFT flow delta",color:"#38bdf8"},{t:"INF-BLK",id:"B-0192",sig:"● 0.8812",label:"Chain liquidity depth",color:"#0ea5e9"},{t:"INF-GEO",id:"G-5531",sig:"▼ 0.1204",label:"Satellite port activity",color:"#7a9ab5"},{t:"INF-SEN",id:"S-3901",sig:"▲ 0.6670",label:"Deep-web sentiment",color:"#38bdf8"},{t:"INF-LOG",id:"L-0044",sig:"● 0.2219",label:"Shipping manifest delta",color:"#0ea5e9"},{t:"INF-FIN",id:"F-7730",sig:"▲ 0.9102",label:"Regulatory signal burst",color:"#38bdf8"},{t:"INF-BLK",id:"B-4421",sig:"▼ 0.0503",label:"Token velocity shift",color:"#7a9ab5"},{t:"INF-GEO",id:"G-8820",sig:"● 0.4497",label:"Cross-border flow map",color:"#0ea5e9"},{t:"INF-CON",id:"C-1182",sig:"▲ 0.7731",label:"Consumer spend velocity",color:"#38bdf8"},{t:"INF-SEN",id:"S-2210",sig:"▼ 0.3308",label:"Alt-data feed ingested",color:"#7a9ab5"},{t:"INF-FIN",id:"F-9944",sig:"● 0.5561",label:"ESG metrics validated",color:"#0ea5e9"},{t:"INF-LOG",id:"L-3378",sig:"▲ 0.1834",label:"Supply chain deviation",color:"#38bdf8"}],Z,(g,I)=>{var F=ua(),M=s(F),X=s(M,!0);r(M);var me=b(M,2),he=s(me,!0);r(me);var ie=b(me,2),xe=s(ie,!0);r(ie);var z=b(ie,2),m=s(z,!0);r(z),r(F),Y(()=>{L(X,I.t),L(he,I.id),De(ie,`color: ${I.color??""}; width: 5.5rem; font-weight: 500;`),L(xe,I.sig),L(m,I.label)}),G(g,F)}),G(f,d)}),r(Ye),r(We),ne(2),r(Ve),r(Ke),r(Be),r(He),r(ke);var Ie=b(ke,2),Ue=s(Ie),$e=b(s(Ue),4);Q($e,21,()=>R,Z,(f,o,d)=>{var u=ga();de(u,1,`pt-8 reveal delay-${d%4+1}`);var g=s(u);g.textContent=`0${d+1}`;var I=b(g,2),F=s(I,!0);r(I);var M=b(I,2),X=s(M,!0);r(M),r(u),Y(()=>{L(F,x(o).title),L(X,x(o).desc)}),G(f,u)}),r($e),r(Ue),r(Ie);var Se=b(Ie,2),je=s(Se),ft=b(s(je),8);{var pt=f=>{var o=ma();G(f,o)},ut=f=>{var o=ha(),d=b(s(o),6),u=s(d),g=s(u,!0);r(u),r(d),r(o),Y(()=>{u.disabled=x(l)==="sending",De(u,x(l)==="sending"?"opacity: 0.7; cursor: not-allowed;":""),L(g,x(l)==="sending"?"Transmitting...":"Submit Secure Inquiry →")}),Xt("submit",o,p),G(f,o)};it(ft,f=>{x(l)==="sent"?f(pt):f(ut,-1)})}r(je),r(Se);var Xe=b(Se,2),Je=s(Xe),Ae=s(Je),Ze=b(s(Ae),2),gt=s(Ze);Q(gt,17,()=>w,Z,(f,o)=>{var d=ba(),u=s(d,!0);r(d),Y(()=>{Re(d,"href",x(o).href),L(u,x(o).label)}),G(f,d)}),ne(2),r(Ze),r(Ae);var Qe=b(Ae,4),et=s(Qe),mt=s(et);r(et),ne(2),r(Qe),r(Je),r(Xe),Y(f=>{V=de(S,1,"fixed top-0 left-0 right-0 z-50 transition-all duration-300",null,V,{"bg-bg":x(n)}),De(S,x(n)?"border-bottom: 1px solid var(--color-border); box-shadow: 0 4px 24px rgba(0,0,0,0.4)":""),oe=de(T,1,"block w-5 h-px bg-muted transition-all duration-200",null,oe,{"rotate-45":x(t),"translate-y-2":x(t)}),N=de(B,1,"block w-5 h-px bg-muted transition-all duration-200",null,N,{"opacity-0":x(t)}),P=de(ee,1,"block w-5 h-px bg-muted transition-all duration-200",null,P,{"-rotate-45":x(t),"-translate-y-2":x(t)}),L(mt,`© ${f??""} KEYSTONEINTEL. ALL RIGHTS RESERVED.`)},[()=>new Date().getFullYear()]),Le("click",k,()=>ce(t,!x(t))),G(e,D),$t()}jt(["click"]);export{Ia as component};