| 1234567891011 |
- 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};
|
