| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <meta name="description" content="KeystoneIntel — Premier data intelligence firm. Proprietary signals. Strategic advantage." />
- <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90' fill='%230ea5e9'>◆</text></svg>" />
- <link rel="preconnect" href="https://fonts.googleapis.com" />
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
- <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
- <title>KeystoneIntel — Data Intelligence & Signal Brokerage</title>
- <link href="./_app/immutable/entry/start.BnGTAJzT.js" rel="modulepreload">
- <link href="./_app/immutable/chunks/Bkm-RdGd.js" rel="modulepreload">
- <link href="./_app/immutable/chunks/CAC3fBSS.js" rel="modulepreload">
- <link href="./_app/immutable/chunks/DzThljBI.js" rel="modulepreload">
- <link href="./_app/immutable/entry/app.j83vZhc3.js" rel="modulepreload">
- <link href="./_app/immutable/chunks/DNCosZaS.js" rel="modulepreload">
- <link href="./_app/immutable/chunks/Dx5ENI3L.js" rel="modulepreload">
- <link href="./_app/immutable/chunks/D4KlBEBt.js" rel="modulepreload">
- <link href="./_app/immutable/chunks/DZ_RyJea.js" rel="modulepreload">
- <link href="./_app/immutable/nodes/0.BGPgR05F.js" rel="modulepreload">
- <link href="./_app/immutable/nodes/2.BpCeIhYe.js" rel="modulepreload">
-
- <link href="./_app/immutable/assets/0.DheEeW3K.css" rel="stylesheet">
- </head>
- <body data-sveltekit-preload-data="hover">
- <div style="display: contents"><!--[--><!--[0--><!--[--><!--[--><nav class="fixed top-0 left-0 right-0 z-50 transition-all duration-300"><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="#about" class="font-mono text-[0.7rem] tracking-[0.15em] uppercase text-muted hover:text-accent transition-colors no-underline">About</a><a href="#industries" class="font-mono text-[0.7rem] tracking-[0.15em] uppercase text-muted hover:text-accent transition-colors no-underline">Industries</a><a href="#signals" class="font-mono text-[0.7rem] tracking-[0.15em] uppercase text-muted hover:text-accent transition-colors no-underline">Intelligence</a><a href="#advantage" class="font-mono text-[0.7rem] tracking-[0.15em] uppercase text-muted hover:text-accent transition-colors no-underline">Advantage</a><!--]--> <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 class="block w-5 h-px bg-muted transition-all duration-200"></span> <span class="block w-5 h-px bg-muted transition-all duration-200"></span> <span class="block w-5 h-px bg-muted transition-all duration-200"></span></button></div></nav> <!--[-1--><!--]--> <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"><!--[--><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);">High-Fidelity Data</span><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);">Global Sources</span><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);">Compliance Ready</span><!--]--></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 class="industry-card group p-8 sm:p-10 transition-colors duration-300 reveal delay-1"><div class="font-mono text-[0.62rem] tracking-[0.2em] mb-4" style="color: var(--color-accent); opacity: 0.5">01</div> <h3 class="font-heading font-600 text-lg mb-3 transition-colors duration-200 group-hover:text-accent" style="color: var(--color-text)">Finance & Fintech</h3> <p class="text-sm leading-relaxed font-300" style="color: var(--color-muted)">ESG metrics, high-frequency transaction data, and regulatory risk signals for quantitative and macro funds seeking asymmetric intelligence.</p> <div class="mt-6 w-6 h-px transition-all duration-300 group-hover:w-12" style="background: var(--color-accent)"></div></div><div class="industry-card group p-8 sm:p-10 transition-colors duration-300 reveal delay-2"><div class="font-mono text-[0.62rem] tracking-[0.2em] mb-4" style="color: var(--color-accent); opacity: 0.5">02</div> <h3 class="font-heading font-600 text-lg mb-3 transition-colors duration-200 group-hover:text-accent" style="color: var(--color-text)">Entertainment & Media</h3> <p class="text-sm leading-relaxed font-300" style="color: var(--color-muted)">Audience psychographics and cross-platform engagement metrics for studios and talent agencies navigating a fragmented attention economy.</p> <div class="mt-6 w-6 h-px transition-all duration-300 group-hover:w-12" style="background: var(--color-accent)"></div></div><div class="industry-card group p-8 sm:p-10 transition-colors duration-300 reveal delay-3"><div class="font-mono text-[0.62rem] tracking-[0.2em] mb-4" style="color: var(--color-accent); opacity: 0.5">03</div> <h3 class="font-heading font-600 text-lg mb-3 transition-colors duration-200 group-hover:text-accent" style="color: var(--color-text)">Blockchain & Digital Assets</h3> <p class="text-sm leading-relaxed font-300" style="color: var(--color-muted)">Deep-chain analytics, liquidity flow tracking, and sentiment mapping across decentralized and hybrid ecosystems.</p> <div class="mt-6 w-6 h-px transition-all duration-300 group-hover:w-12" style="background: var(--color-accent)"></div></div><div class="industry-card group p-8 sm:p-10 transition-colors duration-300 reveal delay-4"><div class="font-mono text-[0.62rem] tracking-[0.2em] mb-4" style="color: var(--color-accent); opacity: 0.5">04</div> <h3 class="font-heading font-600 text-lg mb-3 transition-colors duration-200 group-hover:text-accent" style="color: var(--color-text)">Consumer Sales & Retail</h3> <p class="text-sm leading-relaxed font-300" style="color: var(--color-muted)">Hyper-local demographic data and real-time spending velocity for supply chain optimization and precision site selection.</p> <div class="mt-6 w-6 h-px transition-all duration-300 group-hover:w-12" style="background: var(--color-accent)"></div></div><!--]--></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 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> Satellite imagery & geospatial intelligence</div><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> Shipping manifests & logistics data</div><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> Deep-web sentiment analysis</div><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> Proprietary financial signal extraction</div><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> Cross-border transaction flow mapping</div><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> Alternative economic indicator networks</div><!--]--></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 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">INF-FIN</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">F-2847</span> <span style="color: #38bdf8; width: 5.5rem; font-weight: 500;">▲ 0.0391</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">HFT flow delta</span></div><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">INF-BLK</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">B-0192</span> <span style="color: #0ea5e9; width: 5.5rem; font-weight: 500;">● 0.8812</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Chain liquidity depth</span></div><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">INF-GEO</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">G-5531</span> <span style="color: #7a9ab5; width: 5.5rem; font-weight: 500;">▼ 0.1204</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Satellite port activity</span></div><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">INF-SEN</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">S-3901</span> <span style="color: #38bdf8; width: 5.5rem; font-weight: 500;">▲ 0.6670</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Deep-web sentiment</span></div><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">INF-LOG</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">L-0044</span> <span style="color: #0ea5e9; width: 5.5rem; font-weight: 500;">● 0.2219</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Shipping manifest delta</span></div><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">INF-FIN</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">F-7730</span> <span style="color: #38bdf8; width: 5.5rem; font-weight: 500;">▲ 0.9102</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Regulatory signal burst</span></div><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">INF-BLK</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">B-4421</span> <span style="color: #7a9ab5; width: 5.5rem; font-weight: 500;">▼ 0.0503</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Token velocity shift</span></div><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">INF-GEO</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">G-8820</span> <span style="color: #0ea5e9; width: 5.5rem; font-weight: 500;">● 0.4497</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Cross-border flow map</span></div><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">INF-CON</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">C-1182</span> <span style="color: #38bdf8; width: 5.5rem; font-weight: 500;">▲ 0.7731</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Consumer spend velocity</span></div><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">INF-SEN</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">S-2210</span> <span style="color: #7a9ab5; width: 5.5rem; font-weight: 500;">▼ 0.3308</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Alt-data feed ingested</span></div><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">INF-FIN</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">F-9944</span> <span style="color: #0ea5e9; width: 5.5rem; font-weight: 500;">● 0.5561</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">ESG metrics validated</span></div><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">INF-LOG</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">L-3378</span> <span style="color: #38bdf8; width: 5.5rem; font-weight: 500;">▲ 0.1834</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Supply chain deviation</span></div><!--]--><!--[--><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">INF-FIN</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">F-2847</span> <span style="color: #38bdf8; width: 5.5rem; font-weight: 500;">▲ 0.0391</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">HFT flow delta</span></div><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">INF-BLK</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">B-0192</span> <span style="color: #0ea5e9; width: 5.5rem; font-weight: 500;">● 0.8812</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Chain liquidity depth</span></div><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">INF-GEO</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">G-5531</span> <span style="color: #7a9ab5; width: 5.5rem; font-weight: 500;">▼ 0.1204</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Satellite port activity</span></div><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">INF-SEN</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">S-3901</span> <span style="color: #38bdf8; width: 5.5rem; font-weight: 500;">▲ 0.6670</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Deep-web sentiment</span></div><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">INF-LOG</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">L-0044</span> <span style="color: #0ea5e9; width: 5.5rem; font-weight: 500;">● 0.2219</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Shipping manifest delta</span></div><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">INF-FIN</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">F-7730</span> <span style="color: #38bdf8; width: 5.5rem; font-weight: 500;">▲ 0.9102</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Regulatory signal burst</span></div><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">INF-BLK</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">B-4421</span> <span style="color: #7a9ab5; width: 5.5rem; font-weight: 500;">▼ 0.0503</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Token velocity shift</span></div><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">INF-GEO</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">G-8820</span> <span style="color: #0ea5e9; width: 5.5rem; font-weight: 500;">● 0.4497</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Cross-border flow map</span></div><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">INF-CON</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">C-1182</span> <span style="color: #38bdf8; width: 5.5rem; font-weight: 500;">▲ 0.7731</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Consumer spend velocity</span></div><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">INF-SEN</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">S-2210</span> <span style="color: #7a9ab5; width: 5.5rem; font-weight: 500;">▼ 0.3308</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Alt-data feed ingested</span></div><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">INF-FIN</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">F-9944</span> <span style="color: #0ea5e9; width: 5.5rem; font-weight: 500;">● 0.5561</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">ESG metrics validated</span></div><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">INF-LOG</span> <span style="color: var(--color-accent); opacity: 0.5; width: 5rem;">L-3378</span> <span style="color: #38bdf8; width: 5.5rem; font-weight: 500;">▲ 0.1834</span> <span style="color: var(--color-muted); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">Supply chain deviation</span></div><!--]--><!--]--></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 class="pt-8 reveal delay-1" 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">01</div> <h3 class="font-heading font-600 text-xl mb-3" style="color: var(--color-text)">Global Reach & Deep Access</h3> <p class="text-sm leading-relaxed font-300" style="color: var(--color-muted)">We source from data markets invisible to traditional aggregators — proprietary relationships and access points built over years of operational presence.</p></div><div class="pt-8 reveal delay-2" 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">02</div> <h3 class="font-heading font-600 text-xl mb-3" style="color: var(--color-text)">Vetted Integrity</h3> <p class="text-sm leading-relaxed font-300" style="color: var(--color-muted)">A rigorous multi-stage validation framework with full chain of custody. Every dataset arrives compliance-ready and traceable.</p></div><div class="pt-8 reveal delay-3" 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">03</div> <h3 class="font-heading font-600 text-xl mb-3" style="color: var(--color-text)">Absolute Discretion</h3> <p class="text-sm leading-relaxed font-300" style="color: var(--color-muted)">We operate as a silent partner. Client identities, inquiry scope, and operational requirements are never disclosed to third parties.</p></div><div class="pt-8 reveal delay-4" 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">04</div> <h3 class="font-heading font-600 text-xl mb-3" style="color: var(--color-text)">Scalable Architecture</h3> <p class="text-sm leading-relaxed font-300" style="color: var(--color-muted)">From one-off intelligence reports to continuous high-volume API data feeds — infrastructure that adapts to your operational tempo.</p></div><!--]--></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> <!--[-1--><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">Submit Secure Inquiry →</button></div></form><!--]--></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="#about" class="font-mono text-[0.65rem] tracking-[0.15em] uppercase no-underline transition-colors hover:text-accent" style="color: var(--color-dim)">About</a><a href="#industries" class="font-mono text-[0.65rem] tracking-[0.15em] uppercase no-underline transition-colors hover:text-accent" style="color: var(--color-dim)">Industries</a><a href="#signals" class="font-mono text-[0.65rem] tracking-[0.15em] uppercase no-underline transition-colors hover:text-accent" style="color: var(--color-dim)">Intelligence</a><a href="#advantage" class="font-mono text-[0.65rem] tracking-[0.15em] uppercase no-underline transition-colors hover:text-accent" style="color: var(--color-dim)">Advantage</a><!--]--> <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)">© 2026 KEYSTONEINTEL. ALL RIGHTS RESERVED.</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--><!--]--><!--]-->
-
- <script>
- {
- __sveltekit_1ylonqt = {
- base: new URL(".", location).pathname.slice(0, -1)
- };
- const element = document.currentScript.parentElement;
- Promise.all([
- import("./_app/immutable/entry/start.BnGTAJzT.js"),
- import("./_app/immutable/entry/app.j83vZhc3.js")
- ]).then(([kit, app]) => {
- kit.start(app, element, {
- node_ids: [0, 2],
- data: [null,null],
- form: null,
- error: null
- });
- });
- }
- </script>
- </div>
- </body>
- </html>
|
