1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/assets/gener8-labs-Bn2A39Eb.svg"/><link rel="preload" as="image" href="/assets/data-feeds-hero-Cp_SoSV9.webp"/><link rel="stylesheet" href="/assets/styles-DkmcEYhR.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,[email protected],400..700&display=swap" data-precedence="default"/><title>Consented Data Feeds: GenAI, Clickstream & More | Gener8</title><meta name="author" content="Gener8 Labs"/><meta property="og:image" content="https://gener8labs.ai/og-image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta name="twitter:image" content="https://gener8labs.ai/og-image.png"/><meta name="theme-color" content="#0d101b"/><meta name="description" content="Access real-time data feeds covering GenAI usage, consumer browsing, purchase intelligence and app usage, all consented and linked by a single user ID."/><meta property="og:title" content="Consented Data Feeds: GenAI, Clickstream & More | Gener8"/><meta property="og:description" content="Access real-time data feeds covering GenAI usage, consumer browsing, purchase intelligence and app usage, all consented and linked by a single user ID."/><meta property="og:type" content="website"/><meta property="og:url" content="https://www.gener8labs.ai/data-feeds"/><meta name="twitter:card" content="summary_large_image"/><link rel="modulepreload" href="/assets/index-va1JSvtp.js"/><link rel="modulepreload" href="/assets/jsx-runtime-Cltr0gcK.js"/><link rel="modulepreload" href="/assets/link-B3NTHXeh.js"/><link rel="modulepreload" href="/assets/data-feeds-309AAHKk.js"/><link rel="modulepreload" href="/assets/llm-logos-visual-CoFLrbuI.js"/><link rel="modulepreload" href="/assets/circle-check-DghcMxMc.js"/><link rel="modulepreload" href="/assets/search-DHYp3Yrf.js"/><link rel="modulepreload" href="/assets/sparkles-CR7d00fk.js"/><link rel="modulepreload" href="/assets/glow-card-BRmDLHpW.js"/><link rel="modulepreload" href="/assets/cta-band-DPIOuVyL.js"/><link rel="modulepreload" href="/assets/visual-kit-Bq6nM__j.js"/><link rel="icon" href="/favicon.ico" sizes="any"/><link rel="icon" type="image/svg+xml" href="/favicon.svg"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="manifest" href="/site.webmanifest"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="canonical" href="https://www.gener8labs.ai/data-feeds"/>
1<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/6acb79113e444d614a4a2b528060659a/script.js"></script>
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://gener8labs.ai/#organization","name":"Gener8 Labs","url":"https://gener8labs.ai/","logo":"https://gener8labs.ai/apple-touch-icon.png","sameAs":["https://www.linkedin.com/company/gener8ads/"]},{"@type":"WebSite","@id":"https://gener8labs.ai/#website","url":"https://gener8labs.ai/","name":"Gener8 Labs","description":"Gener8 Labs builds consented consumer data products for the world's most ambitious brands.","publisher":{"@id":"https://gener8labs.ai/#organization"}}]}</script>
1<script>(function loadGtmWhenSettled(containerId) { 2 const w = window; 3 w.dataLayer = w.dataLayer || []; 4 const dataLayer = w.dataLayer; 5 function load() { 6 dataLayer.push({ 7 "gtm.start": Date.now(), 8 event: "gtm.js" 9 }); 10 const script = document.createElement("script"); 11 script.async = true; 12 script.src = `https://www.googletagmanager.com/gtm.js?id=${containerId}`; 13 document.head.appendChild(script); 14 } 15 function whenIdle() { 16 if ("requestIdleCallback" in window) requestIdleCallback(load, { timeout: 2e3 }); 17 else setTimeout(load, 0); 18 } 19 if (document.readyState === "complete") whenIdle(); 20 else window.addEventListener("load", whenIdle, { once: true }); 21})("GTM-TKX7GMML");document.currentScript.remove()</script>
21</head><body><noscript><iframe title="Google Tag Manager" src="https://www.googletagmanager.com/ns.html?id=GTM-TKX7GMML" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!--$--><header class="sticky top-0 z-50 transition-all duration-500 backdrop-saturate-150 bg-white/[0.05] shadow-[inset_0_-1px_0_0_rgba(255,255,255,0.08)] backdrop-blur-xl"><div class="container-page relative flex h-16 items-center justify-between gap-4"><a aria-label="Gener8 Labs home" href="/" class="inline-flex items-center"><img src="/assets/gener8-labs-Bn2A39Eb.svg" alt="Gener8 Labs" class="h-5 w-auto"/></a><nav class="relative hidden items-center gap-8 lg:flex"><button data-tab="segments" aria-expanded="false" aria-haspopup="true" class="group relative inline-flex items-center gap-1 whitespace-nowrap py-2 text-sm transition-colors duration-[220ms] ease-out text-text-dim hover:text-foreground"><span class="relative inline-grid"><span aria-hidden="true" class="invisible col-start-1 row-start-1 font-bold">Data Solutions</span><span class="col-start-1 row-start-1 transition-[font-weight] duration-[220ms] ease-out group-hover:font-bold group-focus-visible:font-bold">Data Solutions</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><button data-tab="use-cases" aria-expanded="false" aria-haspopup="true" class="group relative inline-flex items-center gap-1 whitespace-nowrap py-2 text-sm transition-colors duration-[220ms] ease-out text-text-dim hover:text-foreground"><span class="relative inline-grid"><span aria-hidden="true" class="invisible col-start-1 row-start-1 font-bold">Use Cases</span><span class="col-start-1 row-start-1 transition-[font-weight] duration-[220ms] ease-out group-hover:font-bold group-focus-visible:font-bold">Use Cases</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><button data-tab="technology" aria-expanded="false" aria-haspopup="true" class="group relative inline-flex items-center gap-1 whitespace-nowrap py-2 text-sm transition-colors duration-[220ms] ease-out text-text-dim hover:text-foreground"><span class="relative inline-grid"><span aria-hidden="true" class="invisible col-start-1 row-start-1 font-bold">About</span><span class="col-start-1 row-start-1 transition-[font-weight] duration-[220ms] ease-out group-hover:font-bold group-focus-visible:font-bold">About</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><button data-tab="resources" aria-expanded="false" aria-haspopup="true" class="group relative inline-flex items-center gap-1 whitespace-nowrap py-2 text-sm transition-colors duration-[220ms] ease-out text-text-dim hover:text-foreground"><span class="relative inline-grid"><span aria-hidden="true" class="invisible col-start-1 row-start-1 font-bold">Resources</span><span class="col-start-1 row-start-1 transition-[font-weight] duration-[220ms] ease-out group-hover:font-bold group-focus-visible:font-bold">Resources</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><span aria-hidden="true" class="pointer-events-none absolute -bottom-1 h-[2px] rounded-full" style="background:#2C33FD;left:0;width:0;opacity:0;transition:left 260ms cubic-bezier(0.22,1,0.36,1), width 260ms cubic-bezier(0.22,1,0.36,1), opacity 200ms ease-out"></span></nav><div class="hidden lg:block"><a href="/get-in-touch" class="btn-fig-primary whitespace-nowrap">Book a walkthrough</a></div><button aria-label="Toggle menu" aria-expanded="false" class="inline-flex h-11 w-11 items-center justify-center rounded-md border border-border text-foreground transition-colors duration-[220ms] ease-out hover:bg-white/5 lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button><div class="absolute left-1/2 top-full hidden max-w-[calc(100vw-32px)] -translate-x-1/2 pt-3 lg:block pointer-events-none"><div style="width:420px;height:0;transition:width 260ms cubic-bezier(0.22,1,0.36,1), height 260ms cubic-bezier(0.22,1,0.36,1), opacity 200ms ease-out, transform 200ms ease-out;opacity:0;transform:translateY(-6px) scale(0.985)" class="overflow-hidden rounded-[18px] border border-white/10 bg-[#0C0F1B]/95 shadow-[0_24px_60px_-24px_rgba(0,0,0,0.8),0_0_60px_-30px_rgba(90,98,255,0.55),inset_0_1px_0_0_rgba(255,255,255,0.08)] backdrop-blur-2xl backdrop-saturate-150"><div class="p-3"></div></div></div></div></header><main class="route-transition min-h-[60vh]"><!--$--><!--$--><div class="container-page"><section class="relative left-1/2 right-1/2 -mx-[50vw] flex w-screen flex-col overflow-hidden px-6 pb-0 pt-20 text-center md:min-h-[calc(100vh-4rem)] md:justify-between md:pt-28"><div class="relative mx-auto max-w-[720px]"><div data-reveal="headline" class="reveal " style="animation-delay:0ms"><h1 class="hero-title text-white">Gener8 Data Feeds</h1></div><div data-reveal="body" class="reveal " style="animation-delay:80ms"><p class="mx-auto mt-5 max-w-[436px] text-[18px] leading-[1.5] text-[#DFE1F4]">
21Our metered panel collects behavioural data to help you get to the truth</p></div></div><div data-reveal="image" class="reveal " style="animation-delay:220ms"><img src="/assets/data-feeds-hero-Cp_SoSV9.webp" alt="" class="mt-10 block h-auto w-full md:mt-14" loading="eager"/></div></section><section class="py-20 md:py-28"><div data-reveal="headline" class="reveal text-center" style="animation-delay:0ms"><h2 class="font-display text-[clamp(28px,3.4vw,40px)] font-bold leading-[1.25] text-white">Our Feeds</h2><p class="mx-auto mt-4 max-w-[520px] text-[16px] leading-[1.5] text-[#DFE1F4]">All data is connected to an individual with<!-- --> <span class="font-semibold text-white">1 user ID</span></p></div><div class="mx-auto mt-12 w-full max-w-[1040px] md:mt-16"><div class="relative hidden w-full md:block" style="aspect-ratio:1600/442"><svg viewBox="0 0 1600 442" class="pointer-events-none absolute inset-0 z-0 h-full w-full overflow-visible" fill="none" aria-hidden="true"><defs><filter id="pw-glow-R2oira" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="3.2"></feGaussianBlur></filter></defs><g><path d="M 216 112 C 340 58, 520 52, 641.3 105" pathLength="1" stroke="rgba(255,255,255,0.22)" stroke-width="1.5" stroke-linecap="round" style="stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1) 0ms"></path></g><g><path d="M 1384 112 C 1260 58, 1080 52, 958.7 105" pathLength="1" stroke="rgba(255,255,255,0.22)" stroke-width="1.5" stroke-linecap="round" style="stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1) 110ms"></path></g><g><path d="M 556 300 C 585 272, 600 245, 632.1 212" pathLength="1" stroke="rgba(255,255,255,0.22)" stroke-width="1.5" stroke-linecap="round" style="stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1) 220ms"></path></g><g><path d="M 1044 300 C 1015 272, 1000 245, 967.9 212" pathLength="1" stroke="rgba(255,255,255,0.22)" stroke-width="1.5" stroke-linecap="round" style="stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1) 330ms"></path></g></svg><div class="absolute rounded-full transition-all duration-700 ease-out" style="left:39.22%;width:21.560000000000002%;top:0%;aspect-ratio:1;box-shadow:0 30px 80px -40px rgba(0,0,0,0.9);opacity:0;transform:scale(.94)"><img src="/assets/data-feeds-orbit-hub-vfA7q_4_.webp" alt="" class="h-full w-full object-contain" loading="lazy"/></div><div class="absolute flex flex-col items-center text-center transition-all duration-700 ease-out" style="left:7.000000000000001%;top:19%;opacity:0;transform:translateX(-50%) translateY(10px);transition-delay:0ms"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-[clamp(20px,2vw,28px)] w-[clamp(20px,2vw,28px)] text-white" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><p class="mt-3 font-display text-[clamp(15px,1.95vw,27px)] font-bold leading-[1.18] text-transparent" style="background-image:linear-gradient(to bottom, #ffffff, #9f9dbd);-webkit-background-clip:text;background-clip:text">GenAI<br/>Interactions</p></div><div class="absolute flex flex-col items-center text-center transition-all duration-700 ease-out" style="left:93%;top:19%;opacity:0;transform:translateX(-50%) translateY(10px);transition-delay:110ms"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-[clamp(20px,2vw,28px)] w-[clamp(20px,2vw,28px)] text-white" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg><p class="mt-3 font-display text-[clamp(15px,1.95vw,27px)] font-bold leading-[1.18] text-transparent" style="background-image:linear-gradient(to bottom, #ffffff, #9f9dbd);-webkit-background-clip:text;background-clip:text">App<br/>Usage</p></div><div class="absolute flex flex-col items-center text-center transition-all duration-700 ease-out" style="left:33.1%;top:69.39999999999999%;opacity:0;transform:translateX(-50%) translateY(10px);transition-delay:220ms"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search h-[clamp(20px,2vw,28px)] w-[clamp(20px,2vw,28px)] text-white" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><p class="mt-3 font-display text-[clamp(15px,1.95vw,27px)] font-bold leading-[1.18] text-transparent" style="background-image:linear-gradient(to bottom, #ffffff, #9f9dbd);-webkit-background-clip:text;background-clip:text">Consumer<br/>Browsing</p></div><div class="absolute flex flex-col items-center text-center transition-all duration-700 ease-out" style="left:66.9%;top:69.39999999999999%;opacity:0;transform:translateX(-50%) translateY(10px);transition-delay:330ms"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-receipt h-[clamp(20px,2vw,28px)] w-[clamp(20px,2vw,28px)] text-white" aria-hidden="true"><path d="M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z"></path><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path><path d="M12 17.5v-11"></path></svg><p class="mt-3 font-display text-[clamp(15px,1.95vw,27px)] font-bold leading-[1.18] text-transparent" style="background-image:linear-gradient(to bottom, #ffffff, #9f9dbd);-webkit-background-clip:text;background-clip:text">Purchase<br/>Intelligence</p></div></div><div class="md:hidden"><div class="relative mx-auto w-full max-w-[240px]"><div class="rounded-full transition-all duration-700 ease-out" style="aspect-ratio:1;box-shadow:0 30px 80px -40px rgba(0,0,0,0.9);opacity:0;transform:scale(.94)"><img src="/assets/data-feeds-orbit-hub-vfA7q_4_.webp" alt="" class="h-full w-full object-contain" loading="lazy"/></div></div><div class="mt-10 grid grid-cols-2 gap-x-6 gap-y-9"><div class="flex flex-col items-center text-center transition-all duration-700 ease-out" style="opacity:0;transform:translateY(10px);transition-delay:0ms"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-6 w-6 text-white" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594
211.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><p class="mt-2.5 font-display text-[18px] font-bold leading-[1.18] text-transparent" style="background-image:linear-gradient(to bottom, #ffffff, #9f9dbd);-webkit-background-clip:text;background-clip:text">GenAI<br/>Interactions</p></div><div class="flex flex-col items-center text-center transition-all duration-700 ease-out" style="opacity:0;transform:translateY(10px);transition-delay:110ms"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-6 w-6 text-white" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg><p class="mt-2.5 font-display text-[18px] font-bold leading-[1.18] text-transparent" style="background-image:linear-gradient(to bottom, #ffffff, #9f9dbd);-webkit-background-clip:text;background-clip:text">App<br/>Usage</p></div><div class="flex flex-col items-center text-center transition-all duration-700 ease-out" style="opacity:0;transform:translateY(10px);transition-delay:220ms"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search h-6 w-6 text-white" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><p class="mt-2.5 font-display text-[18px] font-bold leading-[1.18] text-transparent" style="background-image:linear-gradient(to bottom, #ffffff, #9f9dbd);-webkit-background-clip:text;background-clip:text">Consumer<br/>Browsing</p></div><div class="flex flex-col items-center text-center transition-all duration-700 ease-out" style="opacity:0;transform:translateY(10px);transition-delay:330ms"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-receipt h-6 w-6 text-white" aria-hidden="true"><path d="M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z"></path><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path><path d="M12 17.5v-11"></path></svg><p class="mt-2.5 font-display text-[18px] font-bold leading-[1.18] text-transparent" style="background-image:linear-gradient(to bottom, #ffffff, #9f9dbd);-webkit-background-clip:text;background-clip:text">Purchase<br/>Intelligence</p></div></div></div><style> 22 /* One spacing per cycle, so the loop is seamless. Negative offset runs the 23 pattern toward the path END, and every wire is drawn card -> hub, so the 24 packets travel into the hub. */ 25 @keyframes pw-packet { 26 from { stroke-dashoffset: 0; } 27 to { stroke-dashoffset: -1; } 28 } 29 /* Same motion, shifted back by exactly the tail's own length, so the 30 tail's leading edge sits where the orb is. A dash extends FORWARD from 31 its offset, so without this the tail would lead the orb. */ 32 @keyframes pw-packet-tail { 33 from { stroke-dashoffset: 0.055; } 34 to { stroke-dashoffset: -0.945; } 35 } 36 .pw-packet, 37 .pw-packet-tail { 38 animation: pw-packet var(--pw-dur, 1.8s) linear var(--pw-delay, 0ms) infinite; 39 } 40 .pw-packet-tail { 41 animation-name: pw-packet-tail; 42 } 43 /* Reduced motion slows the transfer right down rather than redefining the 44 keyframes to a no-op. Freezing them is what a second @keyframes block of 45 the same name does, and it does not degrade â it deletes the point of 46 the graphic, leaving a static line that says nothing about data moving. 47 Both layers, or the tail runs at a different speed to its own orb. */ 48 @media (prefers-reduced-motion: reduce) { 49 .pw-packet, 50 .pw-packet-tail { --pw-dur: 6s; } 51 } 52 </style></div></section><section class="py-16 md:py-24"><div class="container-page grid gap-10 md:grid-cols-2 md:items-center"><div class="min-w-0 md:order-2"><div class="max-w-[460px]"><div data-reveal="headline" class="reveal " style="animation-delay:0ms"><span class="mb-4 inline-flex text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot-message-square h-7 w-7" aria-hidden="true"><path d="M12 6V2H8"></path><path d="M15 11v2"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="M20 16a2 2 0 0 1-2 2H8.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 4 20.286V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"></path><path d="M9 11v2"></path></svg></span>
52<h3 class="font-display text-[clamp(24px,3vw,40px)] font-bold leading-[1.15] text-white">Gen AI Usage</h3></div><div data-reveal="body" class="reveal " style="animation-delay:60ms"><p class="mt-3 max-w-[425px] text-[16px] leading-[26px] text-[#DFE1F4]">A real time feed of what people type into LLMs and the responses that come back</p></div><div class="mt-8 flex flex-col gap-6 "><div data-reveal="body" class="reveal " style="animation-delay:100ms"><p class="text-white"><span class="font-display text-[32px] font-bold leading-[40px]">100k+</span> <span class="text-[16px] leading-6 text-[#DFE1F4]">users actively sharing</span></p></div><div data-reveal="body" class="reveal " style="animation-delay:160ms"><p class="text-white"><span class="font-display text-[32px] font-bold leading-[40px]">10M+</span> <span class="text-[16px] leading-6 text-[#DFE1F4]">prompts and responses collected every month</span></p></div><div data-reveal="body" class="reveal " style="animation-delay:220ms"><p class="text-white"><span class="font-display text-[32px] font-bold leading-[40px]">8+</span> <span class="text-[16px] leading-6 text-[#DFE1F4]">LLMs covered (ChatGPT, Gemini, Rufus, etc)</span></p></div></div></div></div><div data-reveal="image" class="reveal flex min-w-0 justify-center md:order-1" style="animation-delay:120ms"><div class="group/glow relative isolate p-px w-full max-w-[460px] h-[400px] rounded-[20px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full"><div class="flex-col justify-center flex h-full overflow-hidden rounded-[inherit] bg-[linear-gradient(180deg,#080A10_0%,#050608_100%)] p-7 shadow-[0_30px_70px_-55px_rgba(0,0,0,0.95)]"><p class="text-[12px] font-semibold leading-[16px] transition-colors duration-500" style="color:rgba(255,255,255,0.5)">prompts & responses</p><div class="relative mt-[16px] h-[212px] overflow-hidden"><div class="flex flex-col gap-[18px] transition-transform duration-700 ease-out" style="transform:translateY(0px)"><div class="transition-all duration-700 ease-out" style="opacity:0;filter:none;transform:translateY(10px)"><div class="flex items-center gap-[9px]"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:22px;width:22px;border-radius:30%;background:radial-gradient(120% 120% at 30% 20%, hsl(236 100% 62%) 0%, hsl(234 78% 45%) 45%, hsl(232 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);transition-delay:60ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2028%2028'%20fill='none'%3e%3cpath%20d='M25.9939%2011.46C26.6291%209.55338%2026.4104%207.46475%2025.3945%205.7305C23.8668%203.0705%2020.7955%201.702%2017.796%202.346C16.4616%200.842755%2014.5445%20-0.0121201%2012.5346%200.00012987C9.46864%20-0.00687013%206.74827%201.96713%205.80502%204.88438C3.83539%205.28775%202.13527%206.52063%201.14039%208.268C-0.398732%2010.921%20-0.0478574%2014.2653%202.00839%2016.5403C1.37314%2018.4469%201.59189%2020.5355%202.60777%2022.2698C4.13552%2024.9298%207.20677%2026.2983%2010.2063%2025.6543C11.5398%2027.1575%2013.4578%2028.0124%2015.4676%2027.9993C18.5354%2028.0071%2021.2566%2026.0314%2022.1999%2023.1115C24.1695%2022.7081%2025.8696%2021.4753%2026.8645%2019.7279C28.4019%2017.0749%2028.0501%2013.7333%2025.9948%2011.4583L25.9939%2011.46ZM15.4694%2026.1696C14.2418%2026.1714%2013.0526%2025.7418%2012.1103%2024.9551C12.1531%2024.9324%2012.2275%2024.8913%2012.2756%2024.8615L17.8511%2021.6415C18.1364%2021.4796%2018.3114%2021.176%2018.3096%2020.8479V12.9878L20.666%2014.3484C20.6914%2014.3606%2020.708%2014.3851%2020.7115%2014.4131V20.9223C20.708%2023.8168%2018.3639%2026.1635%2015.4694%2026.1696ZM4.19589%2021.3545C3.58077%2020.2923%203.35939%2019.0471%203.57027%2017.8388C3.61139%2017.8633%203.68402%2017.9079%203.73564%2017.9376L9.3
521114%2021.1576C9.59377%2021.323%209.94377%2021.323%2010.2273%2021.1576L17.0339%2017.2271V19.9484C17.0356%2019.9764%2017.0225%2020.0035%2017.0006%2020.021L11.3648%2023.2751C8.85439%2024.7206%205.64839%2023.8614%204.19677%2021.3545H4.19589ZM2.72852%209.18413C3.34102%208.12013%204.30789%207.30638%205.45939%206.88375C5.45939%206.93188%205.45677%207.01676%205.45677%207.07626V13.5171C5.45502%2013.8444%205.63002%2014.148%205.91439%2014.3099L12.721%2018.2395L10.3646%2019.6001C10.341%2019.6159%2010.3113%2019.6185%2010.285%2019.6071L4.64827%2016.3504C2.14314%2014.8996%201.28389%2011.6945%202.72764%209.18501L2.72852%209.18413ZM22.0888%2013.6895L15.2821%209.759L17.6385%208.39925C17.6621%208.3835%2017.6919%208.38088%2017.7181%208.39226L23.3549%2011.6464C25.8644%2013.0963%2026.7245%2016.3066%2025.2746%2018.8161C24.6613%2019.8784%2023.6953%2020.6921%2022.5446%2021.1156V14.4823C22.5473%2014.155%2022.3731%2013.8523%2022.0896%2013.6895H22.0888ZM24.4338%2010.1598C24.3926%2010.1344%2024.32%2010.0906%2024.2684%2010.0609L18.6929%206.84088C18.4103%206.67551%2018.0603%206.67551%2017.7768%206.84088L10.9701%2010.7714V8.05013C10.9684%208.02213%2010.9815%207.995%2011.0034%207.9775L16.6393%204.726C19.1496%203.27788%2022.3591%204.13976%2023.8064%206.65101C24.418%207.71151%2024.6394%208.95313%2024.432%2010.1598H24.4338ZM9.68914%2015.0099L7.33189%2013.6493C7.30652%2013.637%207.28989%2013.6125%207.28639%2013.5845V7.07538C7.28814%204.17738%209.63927%201.82888%2012.5373%201.83063C13.7631%201.83063%2014.9496%202.26113%2015.892%203.04513C15.8491%203.06788%2015.7756%203.109%2015.7266%203.13875L10.1511%206.35875C9.86589%206.52063%209.69089%206.82338%209.69264%207.15151L9.68914%2015.0081V15.0099ZM10.9693%2012.2501L14.0011%2010.4993L17.033%2012.2493V15.7501L14.0011%2017.5001L10.9693%2015.7501V12.2501Z'%20fill='white'/%3e%3c/svg%3e" alt="" class="h-full w-full object-contain" draggable="false" loading="lazy"/></span></span><span class="sr-only">ChatGPT</span><span class="block rounded-full transition-all duration-500 ease-out" style="height:8px;width:0;max-width:62px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:120ms"></span><span class="ml-auto shrink-0"><span class="block rounded-full transition-all duration-500 ease-out" style="height:8px;width:0;max-width:26px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:180ms"></span></span></div><div class="mt-[9px] flex justify-end"><span class="relative flex h-[30px] max-w-full items-center overflow-hidden rounded-full px-[13px]" style="background:linear-gradient(100deg,#0A0E2E 0%,#101A6B 42%,#1B2ACB 78%,#2C33FD 100%);box-shadow:0 14px 34px -26px rgba(44,51,253,0.8)"><span class="block h-[10px] rounded-full transition-all duration-500 ease-out" style="width:0;background:rgba(255,255,255,0.38);transition-delay:220ms"></span><span aria-hidden="true" class="pointer-events-none absolute inset-y-0 -left-1/3 w-1/3" style="background:linear-gradient(100deg,transparent,rgba(255,255,255,0.22),transparent);animation:none"></span></span></div><div class="mt-[9px] flex flex-col gap-[7px]"><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:78%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:380ms"></span><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:54%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:510ms"></span></div></div><div class="transition-all duration-700 ease-out" style="opacity:0;filter:none;transform:translateY(10px)"><div class="flex items-center gap-[9px]"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:22px;width:22px;border-radius:30%;background:radial-gradient(120% 120% at 30% 20%, hsl(236 100% 62%) 0%, hsl(234 78% 45%) 45%, hsl(232 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);transition-delay:60ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2028%2028'%20fill='none'%3e%3cpath%20d='M28%2014.028C24.3673%2014.2509%2020.9416%2015.7945%2018.3681%2018.3681C15.7945%2020.9416%2014.2509%2024.3673%2014.028%2028H13.972C13.7494%2024.3672%2012.2059%2020.9412%209.63236%2018.3676C7.05877%2015.7941%203.63279%2014.2506%200%2014.028L0%2013.972C3.63279%2013.7494%207.05877%2012.2059%209.63236%209.63236C12.2059%207.05877%2013.7494%203.63279%2013.972%200L14.028%200C14.2509%203.63267%2015.7945%207.05843%2018.3681%209.63194C20.9416%2012.2055%2024.3673%2013.749
521%2028%2013.972V14.028Z'%20fill='url(%23g)'/%3e%3cdefs%3e%3cradialGradient%20id='g'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(2.779%2011.3803)%20rotate(18.6832)%20scale(29.8025%20238.737)'%3e%3cstop%20offset='0.067'%20stop-color='%239168C0'/%3e%3cstop%20offset='0.343'%20stop-color='%235684D1'/%3e%3cstop%20offset='0.672'%20stop-color='%231BA1E3'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e" alt="" class="h-full w-full object-contain" draggable="false" loading="lazy"/></span></span><span class="sr-only">Gemini</span><span class="block rounded-full transition-all duration-500 ease-out" style="height:8px;width:0;max-width:62px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:120ms"></span><span class="ml-auto shrink-0"><span class="block rounded-full transition-all duration-500 ease-out" style="height:8px;width:0;max-width:26px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:180ms"></span></span></div><div class="mt-[9px] flex justify-end"><span class="relative flex h-[30px] max-w-full items-center overflow-hidden rounded-full px-[13px]" style="background:linear-gradient(100deg,#0A0E2E 0%,#101A6B 42%,#1B2ACB 78%,#2C33FD 100%);box-shadow:0 14px 34px -26px rgba(44,51,253,0.8)"><span class="block h-[10px] rounded-full transition-all duration-500 ease-out" style="width:0;background:rgba(255,255,255,0.38);transition-delay:220ms"></span><span aria-hidden="true" class="pointer-events-none absolute inset-y-0 -left-1/3 w-1/3" style="background:linear-gradient(100deg,transparent,rgba(255,255,255,0.22),transparent);animation:none"></span></span></div><div class="mt-[9px] flex flex-col gap-[7px]"><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:70%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:380ms"></span><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:46%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:510ms"></span></div></div><div class="transition-all duration-700 ease-out" style="opacity:0;filter:none;transform:translateY(10px)"><div class="flex items-center gap-[9px]"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:22px;width:22px;border-radius:30%;background:radial-gradient(120% 120% at 30% 20%, hsl(236 100% 62%) 0%, hsl(234 78% 45%) 45%, hsl(232 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);transition-delay:60ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2027%2027'%20fill='none'%3e%3cpath%20d='M5.29966%2018.5511L10.6157%2015.5683L10.7051%2015.3093L10.6157%2015.1652H10.3567L9.46824%2015.1104L6.43074%2015.0283L3.79642%2014.9189L1.24419%2014.7821L0.602028%2014.6452L0%2013.8517L0.0620277%2013.4558L0.602028%2013.0927L1.37554%2013.1602L3.08493%2013.277L5.64993%2013.4539L7.51074%2013.5634L10.2673%2013.8498H10.7051L10.7672%2013.6729L10.6176%2013.5634L10.5008%2013.4539L7.84642%2011.6552L4.97311%209.75422L3.46804%208.65963L2.65439%208.10503L2.24392%207.5851L2.06696%206.45037L2.80581%205.63672L3.79824%205.70422L4.05182%205.77172L5.05703%206.54523L7.20426%208.20719L10.0082%2010.2723L10.4187%2010.6135L10.5829%2010.4967L10.603%2010.4146L10.4187%2010.1063L8.89358%207.34976L7.26628%204.54577L6.54203%203.38368L6.35047%202.68679C6.28297%202.40037%206.23372%202.15956%206.23372%201.86584L7.07473%200.723815L7.53993%200.574219L8.66189%200.723815L9.13439%201.13429L9.83128%202.72875L10.9605%205.23902L12.7119%208.65233L13.2245%209.66482L13.4982%2010.6025L13.6003%2010.8889H13.7773V10.7248L13.9214%208.80192L14.1878%206.44125L14.4468%203.40374L14.5362%202.54814L14.9595%201.52287L15.8005%200.968273L16.4572%201.28206L16.9972%202.05557L16.9224%202.55544L16.6014%204.64246L15.972%207.91165L15.5615%2010.1008H15.8005L16.0741%209.82719L17.1815%208.35679L19.0423%206.
5203077L19.8632%205.10767L20.821%204.08787L21.4358%203.6026H22.5979L23.4535%204.87415L23.0704%206.18767L21.8736%207.7055L20.8812%208.99165L19.4582%2010.9072L18.5698%2012.4396L18.6519%2012.5619L18.8635%2012.5418L22.078%2011.8577L23.8147%2011.5439L25.8872%2011.1881L26.8249%2011.626L26.927%2012.0711L26.5585%2012.9814L24.342%2013.5287L21.7423%2014.0487L17.8711%2014.9645L17.8236%2014.9992L17.8784%2015.0667L19.6224%2015.2308L20.3686%2015.271H22.1947L25.5953%2015.5246L26.4837%2016.112L27.0164%2016.8308L26.927%2017.3781L25.5588%2018.075L23.7126%2017.6371L19.4035%2016.6119L17.9258%2016.2433H17.7215V16.3656L18.9529%2017.5696L21.2096%2019.6074L24.0355%2022.2344L24.1796%2022.8839L23.8166%2023.3965L23.4334%2023.3418L20.9505%2021.4737L19.9928%2020.6327L17.8236%2018.8065H17.6795V18.9981L18.1794%2019.7296L20.8192%2023.6975L20.956%2024.9144L20.7645%2025.3102L20.0803%2025.5492L19.3287%2025.4124L17.7835%2023.2433L16.1891%2020.8005L14.9029%2018.6113L14.746%2018.7007L13.9871%2026.8755L13.6313%2027.2933L12.8104%2027.6071L12.1263%2027.0871L11.7632%2026.2461L12.1263%2024.5842L12.5641%2022.415L12.9199%2020.691L13.2409%2018.5493L13.4325%2017.8378L13.4197%2017.7904L13.2628%2017.8104L11.6483%2020.027L9.19277%2023.3454L7.24986%2025.4252L6.78466%2025.6094L5.97831%2025.1917L6.05311%2024.4455L6.50372%2023.7814L9.19277%2020.3608L10.8146%2018.241L11.8618%2017.0169L11.8545%2016.8399H11.7924L4.6502%2021.4773L3.37865%2021.6415L2.83135%2021.1289L2.89885%2020.2879L3.1579%2020.0142L5.30514%2018.5365L5.29784%2018.5438L5.29966%2018.5511Z'%20fill='white'/%3e%3c/svg%3e" alt="" class="h-full w-full object-contain" draggable="false" loading="lazy"/></span></span><span class="sr-only">Claude</span><span class="block rounded-full transition-all duration-500 ease-out" style="height:8px;width:0;max-width:62px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:120ms"></span><span class="ml-auto shrink-0"><span class="block rounded-full transition-all duration-500 ease-out" style="height:8px;width:0;max-width:26px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:180ms"></span></span></div><div class="mt-[9px] flex justify-end"><span class="relative flex h-[30px] max-w-full items-center overflow-hidden rounded-full px-[13px]" style="background:linear-gradient(100deg,#0A0E2E 0%,#101A6B 42%,#1B2ACB 78%,#2C33FD 100%);box-shadow:0 14px 34px -26px rgba(44,51,253,0.8)"><span class="block h-[10px] rounded-full transition-all duration-500 ease-out" style="width:0;background:rgba(255,255,255,0.38);transition-delay:220ms"></span><span aria-hidden="true" class="pointer-events-none absolute inset-y-0 -left-1/3 w-1/3" style="background:linear-gradient(100deg,transparent,rgba(255,255,255,0.22),transparent);animation:none"></span></span></div><div class="mt-[9px] flex flex-col gap-[7px]"><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:82%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:380ms"></span><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:58%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:510ms"></span></div></div></div><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 h-[26px]" style="background:linear-gradient(180deg,#080A10 0%,transparent 100%)"></span></div><div class="mt-[18px] flex justify-end"><span class="inline-flex items-center gap-[7px] rounded-[7px] px-[8px] py-[5px] transition-all duration-500 ease-out" style="background:linear-gradient(0deg, rgba(44,51,253,0.11), rgba(44,51,253,0.11)), rgba(255,255,255,0.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);opacity:0;transform:translateY(5px) scale(.96);transition-delay:0ms"><span class="text-[12px] font-semibold leading-[16px] text-white">8+ assistants, one feed</span></span></div><style> 53 @keyframes vkCaret { 0%,49%{opacity:1} 50%,100%{opacity:0} } 54 @keyframes vkSheen { 55 0%{transform:translateX(0);opacity:0} 12%{opacity:.55} 56 60%,100%{transform:translateX(420%);opacity:0} 57 } 58 @keyframes vkBadge { 59 0%,100%{ box-shadow: 0 0 0 0 rgba(44,51,253,0.5) } 60 50%{ box-shadow: 0 0 16px 2px rgba(44,51,253,0.6) } 61 } 62 @keyframes vkHighlight { 63 0%,100%{ background-color: rgba(44,51,253,0.27) } 64 50%{ background-color: rgba(44,51,253,0.42) } 65 } 66 @keyframes vkNode { 67 0%,100%{ box-shadow: 0 0 0 0 rgba(44,51,253,0.6) } 68 50%{ box-shadow: 0 0 12px 2px rgba(44,51,253,0.55) } 69 } 70 </style><style> 71 @keyframes dfFloat {
72 0%,100% { translate: 0 0 } 73 50% { translate: 0 -3px } 74 } 75 @keyframes dfStream { 76 0%,100% { opacity:.35 } 77 50% { opacity:1 } 78 } 79 </style></div></div></div></div></div></section><section class="container-page py-8 md:py-12"><div data-reveal="card" class="reveal " style="animation-delay:0ms"><div class="group/glow relative isolate p-px rounded-[22px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] grid grid-cols-1 items-center gap-10 overflow-hidden rounded-[inherit] bg-[#111828] p-8 md:grid-cols-[0.95fr_1.05fr] md:p-12 lg:grid-cols-[minmax(0,1fr)_460px]"><div><span class="inline-flex text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-7 w-7" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg></span><h3 class="mt-4 font-display text-[28px] font-semibold leading-[1.1] text-white md:text-[34px]">Alexa for Shopping Collection</h3><p class="mt-1 text-[14px] text-text-dim">Previously Rufus</p><ul class="mt-6 flex flex-col gap-4"><li class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check mt-0.5 h-5 w-5 shrink-0 text-white" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><p class="text-[15px] leading-[1.55] text-foreground"><span class="font-semibold">Full conversations<!-- -->:</span> <!-- -->Uncover how shoppers interact with a commerce centric agent</p></li><li class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check mt-0.5 h-5 w-5 shrink-0 text-white" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><p class="text-[15px] leading-[1.55] text-foreground"><span class="font-semibold">1 user ID<!-- -->:</span> <!-- -->Discover demographic usage trends and connect prompt intent to validated eReceipts</p></li></ul></div><div class="flex justify-center"><div class="group/glow relative isolate p-px w-full max-w-[460px] h-[400px] rounded-[20px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full"><div class="flex-col justify-center flex h-full overflow-hidden rounded-[inherit] bg-[linear-gradient(180deg,#080A10_0%,#050608_100%)] p-7 shadow-[0_30px_70px_-55px_rgba(0,0,0,0.95)]"><p class="text-[12px] font-semibold leading-[16px] transition-colors duration-500" style="color:rgba(255,255,255,0.5)">shopping conversation</p><div class="mt-[14px] flex justify-end"><span class="relative flex h-[30px] max-w-full items-center overflow-hidden rounded-full px-[13px]" style="background:linear-gradient(100deg,#0A0E2E 0%,#101A6B 42%,#1B2ACB 78%,#2C33FD 100%);box-shadow:0 14px 34px -26px rgba(44,51,253,0.8)"><span class="truncate font-display text-[12px] font-semibold leading-[16px] text-white"></span><span aria-hidden="true" class="ml-[2px] inline-block h-[13px] w-[2px] translate-y-[2px] bg-white/85" style="opacity:1;animation:vkCaret 1s steps(1) infinite"></span><span aria-hidden="true" class="pointer-events-none absolute inset-y-0 -left-1/3 w-1/3" style="background:linear-gradient(100deg,transparent,rgba(255,255,255,0.22),transparent);animation:none"></span></span></div><div class="mt-[14px] flex items-start gap-[9px]"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:22px;width:22px;border-radius:30%;background:radial-gradient(120% 120% at 30% 20%, hsl(236 100% 62%) 0%, hsl(234 78% 45%) 45%, hsl(232 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);transition-delay:60ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><img src="/assets/alexa-mark-BkO7MKF2.webp" alt="" class="h-full w-full object-contain" draggable="false" loading="lazy"/></span></span><span class="sr-only">Alexa for Shopping</span><div class="grid min-w-0 flex-1 grid-cols-3 gap-[8px]"><div class="rounded-[8px] p-[8px] transition-all duration-500 ease-out" style="background:rgba(255,255,255,0.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);opacity:0;transform:translateY(8px);transition-delay:180ms"><span class="relative block h-[42px] w-full overflow-hidden rounded-[5px] transition-colors duration-500" style="background:rgba(255,255,255,0.07)"><span aria-hidden="true" class="pointer-events-none absolute inset-y-0 -left-1/3 w-1/3" style="background:linear-gradient(100deg,transparent,rgba(255,255,255,0.22),transparent);animation:none"></span></span><span class="mt-[7px] block"><span class="block rounded-full transition-all duration-500 ease-out" style="height:7px;width:0;max-width:82%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:280ms"></span></span><span class="mt-[7px] flex items-center gap-[3px]"><span class="block h-[4px] w-[4px] rounded-full transition-colors duration-500" style="background:rgba(255,255,255,0.5);transition-delay:340ms"></span><span class="block h-[4px] w-[4px] rounded-full transition-colors duration-500" style="background:rgba(255,255,255,0.5);transition-delay:340ms"></span><span class="block h-[4px] w-[4px] rounded-full transition-colors duration-500" style="background:rgba(255,255,255,0.5);transition-delay:340ms"></span><span class="block h-[4px] w-[4px] rounded-full transition-colors duration-500" style="background:rgba(255,255,255,0.5);transition-delay:340ms"></span></span><span class="mt-[5px] block font-display text-[12px] font-bold leading-[16
79px] tabular-nums transition-colors duration-500" style="color:rgba(255,255,255,0.6)">$129</span></div><div class="rounded-[8px] p-[8px] transition-all duration-500 ease-out" style="background:rgba(255,255,255,0.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);opacity:0;transform:translateY(8px);transition-delay:300ms"><span class="relative block h-[42px] w-full overflow-hidden rounded-[5px] transition-colors duration-500" style="background:rgba(255,255,255,0.07)"><span aria-hidden="true" class="pointer-events-none absolute inset-y-0 -left-1/3 w-1/3" style="background:linear-gradient(100deg,transparent,rgba(255,255,255,0.22),transparent);animation:none"></span></span><span class="mt-[7px] block"><span class="block rounded-full transition-all duration-500 ease-out" style="height:7px;width:0;max-width:82%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:400ms"></span></span><span class="mt-[7px] flex items-center gap-[3px]"><span class="block h-[4px] w-[4px] rounded-full transition-colors duration-500" style="background:rgba(255,255,255,0.5);transition-delay:460ms"></span><span class="block h-[4px] w-[4px] rounded-full transition-colors duration-500" style="background:rgba(255,255,255,0.5);transition-delay:460ms"></span><span class="block h-[4px] w-[4px] rounded-full transition-colors duration-500" style="background:rgba(255,255,255,0.5);transition-delay:460ms"></span><span class="block h-[4px] w-[4px] rounded-full transition-colors duration-500" style="background:rgba(255,255,255,0.14);transition-delay:460ms"></span></span><span class="mt-[5px] block font-display text-[12px] font-bold leading-[16px] tabular-nums transition-colors duration-500" style="color:rgba(255,255,255,0.6)">$95</span></div><div class="rounded-[8px] p-[8px] transition-all duration-500 ease-out" style="background:rgba(255,255,255,0.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);opacity:0;transform:translateY(8px);transition-delay:420ms"><span class="relative block h-[42px] w-full overflow-hidden rounded-[5px] transition-colors duration-500" style="background:rgba(255,255,255,0.07)"><span aria-hidden="true" class="pointer-events-none absolute inset-y-0 -left-1/3 w-1/3" style="background:linear-gradient(100deg,transparent,rgba(255,255,255,0.22),transparent);animation:none"></span></span><span class="mt-[7px] block"><span class="block rounded-full transition-all duration-500 ease-out" style="height:7px;width:0;max-width:82%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:520ms"></span></span><span class="mt-[7px] flex items-center gap-[3px]"><span class="block h-[4px] w-[4px] rounded-full transition-colors duration-500" style="background:rgba(255,255,255,0.5);transition-delay:580ms"></span><span class="block h-[4px] w-[4px] rounded-full transition-colors duration-500" style="background:rgba(255,255,255,0.5);transition-delay:580ms"></span><span class="block h-[4px] w-[4px] rounded-full transition-colors duration-500" style="background:rgba(255,255,255,0.5);transition-delay:580ms"></span><span class="block h-[4px] w-[4px] rounded-full transition-colors duration-500" style="background:rgba(255,255,255,0.5);transition-delay:580ms"></span></span><span class="mt-[5px] block font-display text-[12px] font-bold leading-[16px] tabular-nums transition-colors duration-500" style="color:rgba(255,255,255,0.6)">$140</span></div></div></div><div class="mt-[14px] flex justify-end transition-all duration-500 ease-out" style="opacity:0;transform:translateY(8px)"><span class="relative flex h-[30px] max-w-full items-center overflow-hidden rounded-full px-[13px]" style="background:linear-gradient(100deg,#0A0E2E 0%,#101A6B 42%,#1B2ACB 78%,#2C33FD 100%);box-shadow:0 14px 34px -26px rgba(44,51,253,0.8)"><span class="truncate font-display text-[12px] font-semibold leading-[16px] text-white">which has the best arch support?</span><span aria-hidden="true" class="pointer-events-none absolute inset-y-0 -left-1/3 w-1/3" style="background:linear-gradient(100deg,transparent,rgba(255,255,255,0.22),transparent);animation:none"></span></span></div><div class="mt-[16px] flex items-center justify-end gap-[9px]"><span class="inline-flex items-center gap-[7px] rounded-[7px] px-[8px] py-[5px] transition-all duration-500 ease-out" style="background:linear-gradient(0deg, rgba(44,51,253,0.11), rgba(44,51,253,0.11)), rgba(255,255,255,0.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);opacity:0;transform:translateY(5px) scale(.96);transition-delay:0ms"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-[13px] w-[13px] shrink-0 text-white" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7
79a2 2 0 0 0-1.6.8z"></path></svg><span class="text-[12px] font-semibold leading-[16px] text-white">validated eReceipt</span></span><span class="grid shrink-0 place-items-center rounded-full transition-all duration-500 ease-out" style="height:18px;width:18px;background:#2C33FD;opacity:0;transform:scale(.6);animation:none"><svg viewBox="0 0 24 24" style="height:10.799999999999999px;width:10.799999999999999px" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 12.5 L10 16.5 L18 8" stroke-dasharray="22" stroke-dashoffset="22" style="transition:stroke-dashoffset .5s ease-out .2s"></path></svg></span></div><style> 80 @keyframes vkCaret { 0%,49%{opacity:1} 50%,100%{opacity:0} } 81 @keyframes vkSheen { 82 0%{transform:translateX(0);opacity:0} 12%{opacity:.55} 83 60%,100%{transform:translateX(420%);opacity:0} 84 } 85 @keyframes vkBadge { 86 0%,100%{ box-shadow: 0 0 0 0 rgba(44,51,253,0.5) } 87 50%{ box-shadow: 0 0 16px 2px rgba(44,51,253,0.6) } 88 } 89 @keyframes vkHighlight { 90 0%,100%{ background-color: rgba(44,51,253,0.27) } 91 50%{ background-color: rgba(44,51,253,0.42) } 92 } 93 @keyframes vkNode { 94 0%,100%{ box-shadow: 0 0 0 0 rgba(44,51,253,0.6) } 95 50%{ box-shadow: 0 0 12px 2px rgba(44,51,253,0.55) } 96 } 97 </style><style> 98 @keyframes dfFloat {
99 0%,100% { translate: 0 0 } 100 50% { translate: 0 -3px } 101 } 102 @keyframes dfStream { 103 0%,100% { opacity:.35 } 104 50% { opacity:1 } 105 } 106 </style></div></div></div></div></div></div></div></section><section class="py-16 md:py-24"><div class="container-page grid gap-10 md:grid-cols-2 md:items-center"><div class="min-w-0 md:order-2"><div class="max-w-[460px]"><div data-reveal="headline" class="reveal " style="animation-delay:0ms"><span class="mb-4 inline-flex text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mouse-pointer-click h-7 w-7" aria-hidden="true"><path d="M14 4.1 12 6"></path><path d="m5.1 8-2.9-.8"></path><path d="m6 12-1.9 2"></path><path d="M7.2 2.2 8 5.1"></path><path d="M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z"></path></svg></span><h3 class="font-display text-[clamp(24px,3vw,40px)] font-bold leading-[1.15] text-white">Consumer Browsing</h3></div><div data-reveal="body" class="reveal " style="animation-delay:60ms"><p class="mt-3 max-w-[425px] text-[16px] leading-[26px] text-[#DFE1F4]">A real time feed of web browsing on desktop and mobile.</p></div><div class="mt-8 flex flex-col gap-6 "><div data-reveal="body" class="reveal " style="animation-delay:100ms"><p class="text-white"><span class="font-display text-[32px] font-bold leading-[40px]">6.25+ Billion</span> <span class="text-[16px] leading-6 text-[#DFE1F4]">page views collected</span></p></div><div data-reveal="body" class="reveal " style="animation-delay:160ms"><p class="text-white"><span class="font-display text-[32px] font-bold leading-[40px]">140M+</span> <span class="text-[16px] leading-6 text-[#DFE1F4]">URLs visited</span></p></div><div data-reveal="body" class="reveal " style="animation-delay:220ms"><p class="text-white"><span class="font-display text-[32px] font-bold leading-[40px]">150k+</span> <span class="text-[16px] leading-6 text-[#DFE1F4]">people actively sharing</span></p></div></div></div></div><div data-reveal="image" class="reveal flex min-w-0 justify-center md:order-1" style="animation-delay:120ms"><div class="group/glow relative isolate p-px w-full max-w-[460px] h-[400px] rounded-[20px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full"><div class="flex-col justify-center flex h-full overflow-hidden rounded-[inherit] bg-[linear-gradient(180deg,#080A10_0%,#050608_100%)] p-7 shadow-[0_30px_70px_-55px_rgba(0,0,0,0.95)]"><p class="text-[12px] font-semibold leading-[16px] transition-colors duration-500" style="color:rgba(255,255,255,0.5)">page views</p><div class="relative mt-[16px] flex h-[40px] items-center gap-[10px] overflow-hidden rounded-[9.5px] px-[12px]" style="background:rgba(255,255,255,0.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07)"><span class="flex shrink-0 items-center gap-[4px]"><span class="block h-[5px] w-[5px] rounded-full" style="background:rgba(255,255,255,0.22)"></span><span class="block h-[5px] w-[5px] rounded-full" style="background:rgba(255,255,255,0.22)"></span><span class="block h-[5px] w-[5px] rounded-full" style="background:rgba(255,255,255,0.22)"></span></span><span class="flex h-[24px] min-w-0 flex-1 items-center rounded-[6px] px-[9px]" style="background:rgba(255,255,255,0.05)"><span class="truncate font-display text-[12px] font-semibold leading-[16px] text-white/85"></span><span aria-hidden="true" class="ml-[2px] inline-block h-[13px] w-[2px] translate-y-[2px] bg-white/85" style="opacity:1;animation:vkCaret 1s steps(1) infinite"></span></span><span aria-hidden="true" class="pointer-events-none absolute inset-y-0 -left-1/3 w-1/3" style="background:linear-gradient(100deg,transparent,rgba(255,255,255,0.07),transparent);animation:none"></span></div><span class="relative block w-full" style="height:22px" aria-hidden="true"><span class="absolute left-1/2 top-0 block w-px -translate-x-1/2" style="height:100%;background:rgba(255,255,255,0.14);transform-origin:top;transform:scaleY(0);transition:transform .45s ease-out 0ms"></span><span class="absolute left-1/2 block h-[5px] w-[5px] -translate-x-1/2 roun
106ded-full" style="background:#2C33FD;box-shadow:0 0 10px rgba(44,51,253,0.9);top:-2px;opacity:0;transition:top .55s ease-in-out 120ms, opacity .25s ease-out 0ms"></span></span><div class="relative pl-[22px]"><span aria-hidden="true" class="absolute left-[3px] top-[14px] block w-px" style="height:calc(100% - 30px);background:rgba(255,255,255,0.12);transform-origin:top;transform:scaleY(0);transition:transform .8s ease-out"></span><div class="flex flex-col gap-[12px]"><div class="relative"><span aria-hidden="true" class="absolute left-[-22px] top-[13px] block h-[7px] w-[7px] rounded-full transition-all duration-500 ease-out" style="background:rgba(255,255,255,0.2);box-shadow:none;animation:none"></span><div class="flex h-[34px] items-center gap-[10px] rounded-[8px] px-[11px] transition-all duration-500 ease-out" style="background:rgba(255,255,255,0.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);opacity:0;transform:translateY(6px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor h-[14px] w-[14px] shrink-0 transition-colors duration-500" aria-hidden="true" style="color:rgba(255,255,255,0.42)"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg><span class="sr-only">desktop</span><span class="block h-[15px] w-[15px] shrink-0 rounded-[5px] transition-colors duration-500 ease-out" style="background:rgba(255,255,255,0.28)"></span><span class="min-w-0 flex-1"><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:58%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:180ms"></span></span></div></div><div class="relative"><span aria-hidden="true" class="absolute left-[-22px] top-[13px] block h-[7px] w-[7px] rounded-full transition-all duration-500 ease-out" style="background:rgba(255,255,255,0.2);box-shadow:none;animation:none"></span><div class="flex h-[34px] items-center gap-[10px] rounded-[8px] px-[11px] transition-all duration-500 ease-out" style="background:rgba(255,255,255,0.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);opacity:0;transform:translateY(6px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-[14px] w-[14px] shrink-0 transition-colors duration-500" aria-hidden="true" style="color:rgba(255,255,255,0.42)"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg><span class="sr-only">mobile</span><span class="block h-[15px] w-[15px] shrink-0 rounded-[5px] transition-colors duration-500 ease-out" style="background:rgba(255,255,255,0.28)"></span><span class="min-w-0 flex-1"><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:46%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:180ms"></span></span></div></div><div class="relative"><span aria-hidden="true" class="absolute left-[-22px] top-[13px] block h-[7px] w-[7px] rounded-full transition-all duration-500 ease-out" style="background:rgba(255,255,255,0.2);box-shadow:none;animation:none"></span><div class="flex h-[34px] items-center gap-[10px] rounded-[8px] px-[11px] transition-all duration-500 ease-out" style="background:rgba(255,255,255,0.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);opacity:0;transform:translateY(6px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-[14px] w-[14px] shrink-0 transition-colors duration-500" aria-hidden="true" style="color:rgba(255,255,255,0.42)"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg><span class="sr-only">mobile</span><span class="block h-[15px] w-[15px] shrink-0 rounded-[5px] transition-colors duration-500 ease-out" style="background:rgba(255,255,255,0.28)"></span><span class="min-w-0 flex-1"><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:52%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:180ms"></span></span></div></div></div></div><div class="mt-[18px] flex justify-end"><span class="inline-flex items-center gap-[7px] rounded-[7px] px-[8px] py-[5px] transition-all duration-500 ease-out" style="background:linear-gradient(0deg, rgba(44,51,253,0.11), rgba(44,51,253,0.11)), rgba(255,255,255,0.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);opacity:0;transform:translateY(5px) scale(.96);transition-delay:0ms">
106<span class="text-[12px] font-semibold leading-[16px] text-white">desktop + mobile, one ID</span></span></div><style> 107 @keyframes vkCaret { 0%,49%{opacity:1} 50%,100%{opacity:0} } 108 @keyframes vkSheen { 109 0%{transform:translateX(0);opacity:0} 12%{opacity:.55} 110 60%,100%{transform:translateX(420%);opacity:0} 111 } 112 @keyframes vkBadge { 113 0%,100%{ box-shadow: 0 0 0 0 rgba(44,51,253,0.5) } 114 50%{ box-shadow: 0 0 16px 2px rgba(44,51,253,0.6) } 115 } 116 @keyframes vkHighlight { 117 0%,100%{ background-color: rgba(44,51,253,0.27) } 118 50%{ background-color: rgba(44,51,253,0.42) } 119 } 120 @keyframes vkNode { 121 0%,100%{ box-shadow: 0 0 0 0 rgba(44,51,253,0.6) } 122 50%{ box-shadow: 0 0 12px 2px rgba(44,51,253,0.55) } 123 } 124 </style><style> 125 @keyframes dfFloat { 126 0%,100% { translate: 0 0 } 127 50% { translate: 0 -3px } 128 } 129 @keyframes dfStream { 130 0%,100% { opacity:.35 } 131 50% { opacity:1 } 132 } 133 </style></div></div></div></div></div></section><section class="py-16 md:py-24"><div class="container-page grid gap-10 md:grid-cols-2 md:items-center"><div class="min-w-0 "><div class="max-w-[460px]"><div data-reveal="headline" class="reveal " style="animation-delay:0ms"><span class="mb-4 inline-flex text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-receipt-text h-7 w-7" aria-hidden="true"><path d="M13 16H8"></path><path d="M14 8H8"></path><path d="M16 12H8"></path><path d="M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z"></path></svg></span><h3 class="font-display text-[clamp(24px,3vw,40px)] font-bold leading-[1.15] text-white">Purchase Intelligence</h3></div><div data-reveal="body" class="reveal " style="animation-delay:60ms"><p class="mt-3 max-w-[425px] text-[16px] leading-[26px] text-[#DFE1F4]">A real time feed of online transactions</p></div><div class="mt-8 flex flex-col gap-6 "><div data-reveal="body" class="reveal " style="animation-delay:100ms"><p class="text-white"><span class="font-display text-[32px] font-bold leading-[40px]">100M+</span> <span class="text-[16px] leading-6 text-[#DFE1F4]">receipts collected</span></p></div><div data-reveal="body" class="reveal " style="animation-delay:160ms"><p class="text-white"><span class="font-display text-[32px] font-bold leading-[40px]">3M+</span> <span class="text-[16px] leading-6 text-[#DFE1F4]">items per month</span></p></div><div data-reveal="body" class="reveal " style="animation-delay:220ms"><p class="text-white"><span class="font-display text-[32px] font-bold leading-[40px]">150K+</span> <span class="text-[16px] leading-6 text-[#DFE1F4]">inboxes actively sharing</span></p></div></div></div></div><div data-reveal="image" class="reveal flex min-w-0 justify-center " style="animation-delay:120ms"><div class="group/glow relative isolate p-px w-full max-w-[460px] h-[400px] rounded-[20px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full"><div class="flex-col justify-center flex h-full overflow-hidden rounded-[inherit] bg-[linear-gradient(180deg,#080A10_0%,#050608_100%)] p-7 shadow-[0_30px_70px_-55px_rgba(0,0,0,0.95)]">
133<p class="text-[12px] font-semibold leading-[16px] transition-colors duration-500" style="color:rgba(255,255,255,0.5)">validated ereceipts</p><div class="relative mt-[16px] overflow-hidden rounded-[9.5px] p-[14px] transition-all duration-500 ease-out" style="background:rgba(255,255,255,0.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);opacity:0;transform:translateY(8px)"><div class="flex items-center gap-[9px]"><span class="block h-[15px] w-[15px] shrink-0 rounded-[5px] transition-all duration-500 ease-out" style="background:#2C33FD;opacity:0;transform:scale(.6);transition-delay:160ms"></span><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:42%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:240ms"></span><span class="ml-auto shrink-0"><span class="block rounded-full transition-all duration-500 ease-out" style="height:8px;width:0;max-width:28px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:300ms"></span></span></div><div class="mt-[13px] flex flex-col gap-[10px]"><div class="flex items-center justify-between gap-4"><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:56%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:0ms"></span><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:34px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:90ms"></span></div><div class="flex items-center justify-between gap-4"><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:44%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:120ms"></span><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:30px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:210ms"></span></div><div class="flex items-center justify-between gap-4"><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:50%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:240ms"></span><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:26px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:330ms"></span></div></div><span aria-hidden="true" class="mt-[13px] block h-px" style="width:0%;background-image:repeating-linear-gradient(90deg, rgba(255,255,255,0.32) 0 6px, transparent 6px 12px);transition:width .7s ease-out 300ms"></span><div class="mt-[12px] flex items-center justify-between"><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:44px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:0ms"></span><span class="flex items-center gap-[9px]"><span class="relative inline-flex h-[24px] items-center rounded-[2px] px-[7px] transition-opacity duration-500 ease-out" style="background:rgba(44,51,253,0.27);box-shadow:none;opacity:0;animation:none"><span class="font-display text-[15px] font-bold leading-[20px] text-white">$182.40</span></span><span class="grid shrink-0 place-items-center rounded-full transition-all duration-500 ease-out" style="height:20px;width:20px;background:#2C33FD;opacity:0;transform:scale(.6);animation:none"><svg viewBox="0 0 24 24" style="height:12px;width:12px" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 12.5 L10 16.5 L18 8" stroke-dasharray="22" stroke-dashoffset="22" style="transition:stroke-dashoffset .5s ease-out .2s"></path></svg></span></span></div><span aria-hidden="true" class="pointer-events-none absolute inset-y-0 -left-1/3 w-1/3" style="background:linear-gradient(100deg,transparent,rgba(255,255,255,0.07),transparent);animation:none"></span></div><div class="mt-[12px] flex flex-col gap-[10px]"><div class="flex h-[34px] items-center gap-[10px] rounded-[8px] px-[11px] transition-all duration-500 ease-out" style="background:rgba(255,255,255,0.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);opacity:0;transform:translateY(6px);transition-delay:0ms"><span class="block h-[15px] w-[15px] shrink-0 rounded-[5px]" style="background:rgba(255,255,255,0.28)"></span><span class="min-w-0 flex-1"><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:40%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:120ms"></span></span><span class="block rounded-full transition-all duration-500 ease-out" style="height:8px;width:0;max-width:34px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:200ms"></span><span class="grid shrink-0 place-items-center rounded-full transition-all duration-500 ease-out" style="height:15px;width:15px;background:#2C33FD;opacity:0;transform:scale(.6);animation:none"><svg viewBox="0 0 24 24" style="height:9px;width:9px" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 12.5 L10 16.5 L18 8" stroke-dasharray="22" stroke-dashoffset="22" style="transition:stroke-dashoffset .5s ease-out .2s"></path></svg></span></div><div class="flex h-[34px] items-center gap-[10px] rounded-[8px] px-[11px] transition-all duration-500 ease-out" style="background:rgba(255,255,255,0.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);opacity:0;transform:translateY(6px);transition-delay:120ms"><span class="block h-[15px] w-[15px] shrink-0 rounded-[5px]" style="background:rgba(255,255,255,0.28)"></span><span class="min-w-0 flex-1"><span class="block rounded-full transition-all duration-500 ease-out" style="height:10px;width:0;max-width:48%;background:rgba(255,255,255,0.28);opacity:0;transition-delay:240ms"></span></span><span class="block rounded-full transition-all duration-500 ease-out" style="height:8px;width:0;max-width:30px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:320ms"></span><span class="grid shrink-0 place-items-center rounded-full transition-all duration-500 ease-out" style="height:15px;width:15px;background:#2C33FD;opacity:0;transform:scale(.6);animation:none"><svg viewBox="0 0 24 24" style="height:9px;width:9px" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 12.5 L10 16.5 L18 8" stroke-dasharray="22" stroke-dashoffset="22" style="transition:stroke-dashoffset .5s ease-out .2s"></path></svg></span></div></div><style> 134 @keyframes vkCaret { 0%,49%{opacity:1} 50%,100%{opacity:0}
134 } 135 @keyframes vkSheen { 136 0%{transform:translateX(0);opacity:0} 12%{opacity:.55} 137 60%,100%{transform:translateX(420%);opacity:0} 138 } 139 @keyframes vkBadge { 140 0%,100%{ box-shadow: 0 0 0 0 rgba(44,51,253,0.5) } 141 50%{ box-shadow: 0 0 16px 2px rgba(44,51,253,0.6) } 142 } 143 @keyframes vkHighlight { 144 0%,100%{ background-color: rgba(44,51,253,0.27) } 145 50%{ background-color: rgba(44,51,253,0.42) } 146 } 147 @keyframes vkNode { 148 0%,100%{ box-shadow: 0 0 0 0 rgba(44,51,253,0.6) } 149 50%{ box-shadow: 0 0 12px 2px rgba(44,51,253,0.55) } 150 } 151 </style><style> 152 @keyframes dfFloat { 153 0%,100% { translate: 0 0 } 154 50% { translate: 0 -3px } 155 } 156 @keyframes dfStream { 157 0%,100% { opacity:.35 } 158 50% { opacity:1 } 159 } 160 </style></div></div></div></div></div></section><section class="py-16 md:py-24"><div class="container-page grid gap-10 md:grid-cols-2 md:items-center"><div class="min-w-0 md:order-2"><div class="max-w-[460px]"><div data-reveal="headline" class="reveal " style="animation-delay:0ms"><span class="mb-4 inline-flex text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-7 w-7" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></span><h3 class="font-display text-[clamp(24px,3vw,40px)] font-bold leading-[1.15] text-white">App Usage</h3></div><div data-reveal="body" class="reveal " style="animation-delay:60ms"><p class="mt-3 max-w-[425px] text-[16px] leading-[26px] text-[#DFE1F4]">A feed of the apps installed and usage data on our panel's phones</p></div><div class="mt-8 flex flex-col gap-6 "><div data-reveal="body" class="reveal " style="animation-delay:100ms"><p class="text-white"><span class="font-display text-[32px] font-bold leading-[40px]">3.5M+</span> <span class="text-[16px] leading-6 text-[#DFE1F4]">hours analysed monthly</span></p></div><div data-reveal="body" class="reveal " style="animation-delay:160ms"><p class="text-white"><span class="font-display text-[32px] font-bold leading-[40px]">1K+</span> <span class="text-[16px] leading-6 text-[#DFE1F4]">apps covered</span></p></div><div data-reveal="body" class="reveal " style="animation-delay:220ms"><p class="text-white"><span class="font-display text-[32px] font-bold leading-[40px]">50K+</span> <span class="text-[16px] leading-6 text-[#DFE1F4]">people actively sharing</span></p></div></div></div></div><div data-reveal="image" class="reveal flex min-w-0 justify-center md:order-1" style="animation-delay:120ms"><div class="group/glow relative isolate p-px w-full max-w-[460px] h-[400px] rounded-[20px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full"><div class="flex-col justify-center flex h-full overflow-hidden rounded-[inherit] bg-[linear-gradient(180deg,#080A10_0%,#050608_100%)] p-7 shadow-[0_30px_70px_-55px_rgba(0,0,0,0.95)]"><p class="text-[12px] font-semibold leading-[16px] transition-colors duration-500" style="color:rgba(255,255,255,0.5)">installed apps & hours</p><div class="relative mt-[16px] overflow-hidden rounded-[12px] p-[12px] transition-all duration-500 ease-out" style="background:rgba(255,255,255,0.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);opacity:0;transform:translateY(8px)"><div class="flex items-center justify-between"><span class="block rounded-full transition-all duration-500 ease-out" style="height:5px;width:0;max-width:22px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:0ms"></span><span aria-hidden="true" class="block h-[5px] w-[34px] rounded-full" style="background:rgba(255,255,255,0.16)"></span><span class="block rounded-full transition-all duration-500 ease-out" style="height:5px;width:0;max-width:18px;background:rgba(255,255,255,0.28);opacity:0;transition-delay:80ms"></span></div><div class="mt-[11px] grid grid-cols-4 gap-[9px]"><span class="grid place-items-center"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:40px;width:40px;border-radius:22%;background:radial-gradient(120% 120% at 30% 20%, hsl(236 100% 62%) 0%, hsl(234 78% 45%) 45%, hsl(232 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);transition-delay:0ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><svg viewBox="0 0 24 24" fill="rgba(255,255,255,0.9)" aria-hidden="true"><circle cx="12" cy="12" r="7"></circle></svg></span></span></span><span class="grid place-items-center"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:40px;width:40px;border-radius:22%;background:radial-gradient(120% 120% at 30% 20%, hsl(239 100% 62%) 0%, hsl(237 78% 45%) 45%, hsl(235 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);transition-delay:80ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><svg viewBox="0 0 24 24" fill="rgba(255,255,255,0.9)" aria-hidden="true"><rect x="5" y="5" width="14" height="14" rx="4"></rect></svg></span></span></span><span class="grid place-items-center"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:40px;width:40px;border-radius:22%;background:radial-gradient(120% 120% at 30% 20%, hsl(242 100% 62%) 0%, hsl(240 78% 45%) 45%, hsl(238 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);
160transition-delay:160ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><svg viewBox="0 0 24 24" fill="rgba(255,255,255,0.9)" aria-hidden="true"><path d="M12 5 L20 19 H4 Z"></path></svg></span></span></span><span class="grid place-items-center"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:40px;width:40px;border-radius:22%;background:radial-gradient(120% 120% at 30% 20%, hsl(245 100% 62%) 0%, hsl(243 78% 45%) 45%, hsl(241 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);transition-delay:240ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><svg viewBox="0 0 24 24" fill="rgba(255,255,255,0.9)" aria-hidden="true"><path d="M6 15 L11 8 L14 13 L18 7" fill="none" stroke-width="2.4" stroke="#fff"></path></svg></span></span></span><span class="grid place-items-center"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:40px;width:40px;border-radius:22%;background:radial-gradient(120% 120% at 30% 20%, hsl(248 100% 62%) 0%, hsl(246 78% 45%) 45%, hsl(244 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);transition-delay:80ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><svg viewBox="0 0 24 24" fill="rgba(255,255,255,0.9)" aria-hidden="true"><rect x="5" y="10" width="14" height="9" rx="2.5"></rect></svg></span></span></span><span class="grid place-items-center"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:40px;width:40px;border-radius:22%;background:radial-gradient(120% 120% at 30% 20%, hsl(251 100% 62%) 0%, hsl(249 78% 45%) 45%, hsl(247 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);transition-delay:160ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><svg viewBox="0 0 24 24" fill="rgba(255,255,255,0.9)" aria-hidden="true"><path d="M12 4 L20 12 L12 20 L4 12 Z"></path></svg></span></span></span><span class="grid place-items-center"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:40px;width:40px;border-radius:22%;background:radial-gradient(120% 120% at 30% 20%, hsl(254 100% 62%) 0%, hsl(252 78% 45%) 45%, hsl(250 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);transition-delay:240ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><svg viewBox="0 0 24 24" fill="rgba(255,255,255,0.9)" aria-hidden="true"><circle cx="12" cy="12" r="6" fill="none" stroke-width="2.6" stroke="#fff"></circle></svg></span></span></span><span class="grid place-items-center"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:40px;width:40px;border-radius:22%;background:radial-gradient(120% 120% at 30% 20%, hsl(257 100% 62%) 0%, hsl(255 78% 45%) 45%, hsl(253 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);transition-delay:320ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><svg viewBox="0 0 24 24" fill="rgba(255,255,255,0.9)" aria-hidden="true"><path d="M5 17 L12 6 L19 17 Z" fill="none" stroke-width="2.4" stroke="#fff"></path></svg></span></span></span></div></div><div class="mt-[16px] flex flex-col gap-[10px]"><div class="flex items-center gap-[10px]"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:22px;width:22px;border-radius:28%;background:radial-gradient(120% 120% at 30% 20%, hsl(236 100% 62%) 0%, hsl(234 78% 45%) 45%, hsl(232 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);transition-delay:0ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><svg viewBox="0 0 24 24" fill="rgba(255,255,255,0.9)" aria-hidden="true"><circle cx="12" cy="12" r="7"></circle></svg></span></span><span class="relative block flex-1 overflow-hidden" style="height:22px;border-radius:6px;background:rgba(255,255,255,0.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05)"><span class="absolute inset-y-0 left-0 block overflow-hidden" style="width:0%;border-radius:6px;background:linear-gradient(100deg, #0009FF 6%, rgba(44,51,253,0.4) 100%);transition:width 1.05s cubic-bezier(.2,.85,.25,1) 0ms"><span aria-hidden="true" class="pointer-events-none absolute inset-y-0 -left-1/3 w-1/3" style="background:linear-gradient(100deg,transparent,rgba(255,255,255,0.22),transparent);animation:none"></span></span></span><span class="w-[34px] shrink-0 text-right font-display text-[13px] font-bold leading-[18px] tabular-nums text-white transition-opacity duration-500 ease-out" style="opacity:0;transition-delay:200ms">4.2h</span></div><div class="flex items-center gap-[10px]"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:22px;width:22px;border-radius:28%;background:radial-gradient(120% 120% at 30% 20%, hsl(242 100% 62%) 0%, hsl(240 78% 45%) 45%, hsl(238 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);transition-delay:110ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><svg viewBox="0 0 24 24" fill="rgba(255,255,255,0.9)" aria-hidden="true"><rect x="5" y="5" width="14" height="14" rx="4"></rect></svg></span></span><span class="relative block flex-1 overflow-hidden" style="height:22px;border-radius:6px;background:rgba(255,255,255,0.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05)"><span class="absolute inset-y-0 left-0 block overflow-hidden" style="width:0%;border-radius:6px;background:linear-gradient(100deg, #0009FF 6%, rgba(44,51,253,0.4) 100%);transition:width 1.05s cubic-bezier(.2,.85,.25,1) 110ms"><span aria-hidden="true" class="pointer-events-none absolute inset-y-0 -left-1/3 w-1/3" style="background:linear-gradient(100deg,transparent,rgba(255,255,255,0.22),transparent);animation:none"></span></span></span><span class="w-[34px] shrink-0 text-right font-display text-[13px] font-bold leading-[18px] tabular-nums text-white transition-opacity duration-500 ease-out" style="opacity:0;transition-delay:310ms">2.6h</span></div><div class="flex items-center gap-[10px]"><span class="relative grid shrink-0 place-items-center overflow-hidden transition-all duration-500 ease-out" style="height:22px;width:22px;border-radius:28%;background:radial-gradient(120% 120% at 30% 20%, hsl(248 100% 62%) 0%, hsl(246 78% 45%) 45%, hsl(244 74% 26%) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px -12px rgba(44,51,253,0.9);opacity:0;transform:translateY(8px) scale(.7);transition-delay:220ms;animation:none"><span class="relative block w-[52%] [&>svg]:h-full [&>svg]:w-full"><svg viewBox="0 0 24 24" fill="rgba(255,255,255,0.9)" aria-hidden="true"><path d="M12 5 L20 19 H4 Z"></path></svg></span></span><span class="relative block flex-1 overflow-hidden" style="height:22px;border-radius:6px;background:rgba(255,255,255,0.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05)"><span class="absolute inset-y-0 left-0 block overflow-hidden" style="width:0%;border-radius:6px;background:linear-gradient(100deg, #0009FF 6%, rgba(44,51,253,0.4) 100%);transition:width 1.05s cubic-bezier(.2,.85,.25,1) 220ms"><span aria-hidden="true" class="pointer-events-none absolute inset-y-0 -left-1/3 w-1/3" style="background:linear-gradient(100deg,transparent,rgba(255,255,255,0.22),transparent);animation:none"></span></span></span><span class="w-[34px] shrink-0 text-right font-display text-[13px] font-bold leading-[18px] tabular-nums text-white transition-opacity duration-500 ease-out" style="opacity:0;transition-delay:420ms">1.1h</span></div></div><div class="mt-[16px] flex justify-end"><span class="inline-flex items-center gap-[7px] rounded-[7px] px-[8px] py-[5px] transition-all duration-500 ease-out" style="background:linear-gradient(0deg, rgba(44,51,253,0.11), rgba(44,51,253,0.11)), rgba(255,255,255,0.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);opacity:0;transform:translateY(5px) scale(.96);transition-delay:0ms">
160<span class="text-[12px] font-semibold leading-[16px] text-white">passively measured</span></span></div><style> 161 @keyframes vkCaret { 0%,49%{opacity:1} 50%,100%{opacity:0} } 162 @keyframes vkSheen { 163 0%{transform:translateX(0);opacity:0} 12%{opacity:.55} 164 60%,100%{transform:translateX(420%);opacity:0} 165 } 166 @keyframes vkBadge { 167 0%,100%{ box-shadow: 0 0 0 0 rgba(44,51,253,0.5) } 168 50%{ box-shadow: 0 0 16px 2px rgba(44,51,253,0.6) } 169 } 170 @keyframes vkHighlight { 171 0%,100%{ background-color: rgba(44,51,253,0.27) } 172 50%{ background-color: rgba(44,51,253,0.42) } 173 } 174 @keyframes vkNode { 175 0%,100%{ box-shadow: 0 0 0 0 rgba(44,51,253,0.6) } 176 50%{ box-shadow: 0 0 12px 2px rgba(44,51,253,0.55) } 177 } 178 </style><style> 179 @keyframes dfFloat { 180 0%,100% { translate: 0 0 } 181 50% { translate: 0 -3px } 182 } 183 @keyframes dfStream { 184 0%,100% { opacity:.35 } 185 50% { opacity:1 } 186 } 187 </style></div></div></div></div></div></section><section class="container-page py-16 md:py-24"><div data-reveal="headline" class="reveal mx-auto max-w-2xl text-center" style="animation-delay:0ms"><h2 class="font-display text-[clamp(28px,3.4vw,40px)] font-bold leading-[1.25] text-white">Supercharge your ability to understand digital behaviour</h2></div><div class="relative mt-14 hidden md:block"><div class="relative z-10 grid grid-cols-6 gap-5"><div class="col-span-2"><div class="transition-all duration-700 ease-out" style="opacity:0;transform:translateY(14px);transition-delay:0ms"><div class="group/glow relative isolate p-px h-full rounded-[16px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full bg-[#111828]"><div class="flex h-full items-center gap-4 p-5"><span class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-[10px] bg-white/[0.06] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot-message-square h-5 w-5" aria-hidden="true"><path d="M12 6V2H8"></path><path d="M15 11v2"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="M20 16a2 2 0 0 1-2 2H8.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 4 20.286V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"></path><path d="M9 11v2"></path></svg></span><div class="min-w-0"><p class="font-display text-[16px] font-bold leading-[1.25] text-white">GenAI Interactions</p><p class="mt-0.5 text-[13px] leading-[1.4] text-[#DFE1F4]">GenAI Usage</p></div></div></div></div></div></div><div class="col-span-2"><div class="transition-all duration-700 ease-out" style="opacity:0;transform:translateY(14px);transition-delay:90ms"><div class="group/glow relative isolate p-px h-full rounded-[16px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full bg-[#111828]"><div class="flex h-full items-center gap-4 p-5"><span class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-[10px] bg-white/[0.06] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mouse-pointer-click h-5 w-5" aria-hidden="true"><path d="M14 4.1 12 6"></path><path d="m5.1 8-2.9-.8"></path><path d="m6 12-1.9 2"></path><path d="M7.2 2.2 8 5.1"></path><path d="M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.
187074z"></path></svg></span><div class="min-w-0"><p class="font-display text-[16px] font-bold leading-[1.25] text-white">Consumer Browsing</p><p class="mt-0.5 text-[13px] leading-[1.4] text-[#DFE1F4]">Clickstream</p></div></div></div></div></div></div><div class="col-span-2"><div class="transition-all duration-700 ease-out" style="opacity:0;transform:translateY(14px);transition-delay:180ms"><div class="group/glow relative isolate p-px h-full rounded-[16px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full bg-[#111828]"><div class="flex h-full items-center gap-4 p-5"><span class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-[10px] bg-white/[0.06] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-receipt-text h-5 w-5" aria-hidden="true"><path d="M13 16H8"></path><path d="M14 8H8"></path><path d="M16 12H8"></path><path d="M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z"></path></svg></span><div class="min-w-0"><p class="font-display text-[16px] font-bold leading-[1.25] text-white">Purchase Behaviour</p><p class="mt-0.5 text-[13px] leading-[1.4] text-[#DFE1F4]">eReceipts</p></div></div></div></div></div></div><div class="col-span-6 flex justify-center py-14"><div class="inline-flex items-center gap-3.5 rounded-[18px] px-7 py-4 transition-all duration-700 ease-out" style="background:rgba(44,51,253,0.16);box-shadow:inset 0 0 0 1px rgba(44,51,253,0.45);opacity:0;transform:scale(.9);animation:none"><span class="inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-full text-white" style="background:rgba(44,51,253,0.55)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-round h-[22px] w-[22px]" aria-hidden="true"><circle cx="12" cy="8" r="5"></circle><path d="M20 21a8 8 0 0 0-16 0"></path></svg></span><span class="text-left"><span class="block text-[12px] font-semibold uppercase leading-[1.3] tracking-[0.14em] text-[#DFE1F4]">All connected to</span><span class="block font-display text-[22px] font-bold leading-[1.2] text-white">1 user ID</span></span></div></div><div class="col-span-2 col-start-2"><div class="transition-all duration-700 ease-out" style="opacity:0;transform:translateY(14px);transition-delay:270ms"><div class="group/glow relative isolate p-px h-full rounded-[16px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full bg-[#111828]"><div class="flex h-full items-center gap-4 p-5"><span class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-[10px] bg-white/[0.06] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></span><div class="min-w-0"><p class="font-display text-[16px] font-bold leading-[1.25] text-white">Audience Profile</p><p class="mt-0.5 text-[13px] leading-[1.4] text-[#DFE1F4]">Demographics</p></div></div></div></div></div></div><div class="col-span-2"><div class="transition-all duration-700 ease-out" style="opacity:0;transform:translateY(14px);transition-delay:360ms"><div class="group/glow relative isolate p-px h-full rounded-[16px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px cir
187cle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full bg-[#111828]"><div class="flex h-full items-center gap-4 p-5"><span class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-[10px] bg-white/[0.06] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-5 w-5" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></span><div class="min-w-0"><p class="font-display text-[16px] font-bold leading-[1.25] text-white">App Usage</p><p class="mt-0.5 text-[13px] leading-[1.4] text-[#DFE1F4]">App Usage</p></div></div></div></div></div></div></div></div><div class="mt-12 md:hidden"><div class="grid gap-4 sm:grid-cols-2"><div class="transition-all duration-700 ease-out" style="opacity:0;transform:translateY(14px);transition-delay:0ms"><div class="group/glow relative isolate p-px h-full rounded-[16px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full bg-[#111828]"><div class="flex h-full items-center gap-4 p-5"><span class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-[10px] bg-white/[0.06] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot-message-square h-5 w-5" aria-hidden="true"><path d="M12 6V2H8"></path><path d="M15 11v2"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="M20 16a2 2 0 0 1-2 2H8.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 4 20.286V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"></path><path d="M9 11v2"></path></svg></span><div class="min-w-0"><p class="font-display text-[16px] font-bold leading-[1.25] text-white">GenAI Interactions</p><p class="mt-0.5 text-[13px] leading-[1.4] text-[#DFE1F4]">GenAI Usage</p></div></div></div></div></div><div class="transition-all duration-700 ease-out" style="opacity:0;transform:translateY(14px);transition-delay:90ms"><div class="group/glow relative isolate p-px h-full rounded-[16px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full bg-[#111828]"><div class="flex h-full items-center gap-4 p-5"><span class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-[10px] bg-white/[0.06] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mouse-pointer-click h-5 w-5" aria-hidden="true"><path d="M14 4.1 12 6"></path><path d="m5.1 8-2.9-.8"></path><path d="m6 12-1.9 2"></path><path d="M7.2 2.2 8 5.1"></path><path d="M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z"></path></svg></span><div class="min-w-0"><p class="font-display text-[16px] font-bold leading-[1.25] text-white">Consumer Browsing</p><p class="mt-0.5 text-[13px] leading-[1.4] text-[#DFE1F4]">Clickstream</p></div></div></div></div></div><div class="transition-all duration-700 ease-out" style="opacity:0;transform:translateY(14px);transition-delay:180ms"><div class="group/glow relative isolate p-px h-full rounded-[16px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px cir
187cle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full bg-[#111828]"><div class="flex h-full items-center gap-4 p-5"><span class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-[10px] bg-white/[0.06] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-receipt-text h-5 w-5" aria-hidden="true"><path d="M13 16H8"></path><path d="M14 8H8"></path><path d="M16 12H8"></path><path d="M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z"></path></svg></span><div class="min-w-0"><p class="font-display text-[16px] font-bold leading-[1.25] text-white">Purchase Behaviour</p><p class="mt-0.5 text-[13px] leading-[1.4] text-[#DFE1F4]">eReceipts</p></div></div></div></div></div><div class="transition-all duration-700 ease-out" style="opacity:0;transform:translateY(14px);transition-delay:270ms"><div class="group/glow relative isolate p-px h-full rounded-[16px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full bg-[#111828]"><div class="flex h-full items-center gap-4 p-5"><span class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-[10px] bg-white/[0.06] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></span><div class="min-w-0"><p class="font-display text-[16px] font-bold leading-[1.25] text-white">Audience Profile</p><p class="mt-0.5 text-[13px] leading-[1.4] text-[#DFE1F4]">Demographics</p></div></div></div></div></div><div class="transition-all duration-700 ease-out" style="opacity:0;transform:translateY(14px);transition-delay:360ms"><div class="group/glow relative isolate p-px h-full rounded-[16px]" style="background:rgba(255,255,255,0.08)"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-[1] rounded-[inherit] opacity-0 transition-opacity duration-500 ease-out group-hover/glow:opacity-100" style="background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%), rgba(80,98,255,0.95), transparent 45%)"></span><div class="relative z-[2] rounded-[inherit] h-full bg-[#111828]"><div class="flex h-full items-center gap-4 p-5"><span class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-[10px] bg-white/[0.06] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-5 w-5" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></span><div class="min-w-0"><p class="font-display text-[16px] font-bold leading-[1.25] text-white">App Usage</p><p class="mt-0.5 text-[13px] leading-[1.4] text-[#DFE1F4]">App Usage</p></div></div></div></div></div></div><div class="mt-8 flex justify-center"><div class="inline-flex items-center gap-3.5 rounded-[18px] px-7 py-4 transition-all duration-700 ease-out" style="background:rgba(44,51,253,0.16);box-shadow:inset 0 0 0 1px rgba(44,51,253,0.45);opacity:0;transform:scale(.9);animation:none"><span class="inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-full text-white" style="background:rgba(44,51,253,0.55)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-round h-[22px] w-[22px]" aria-hidden="true"><circle cx="12" cy="8" r="5"></circle><path d="M20 21a8 8 0 0 0-16 0"></path></svg></span><span class="text-left"><span class="block text-[12px] font-semibold uppercase leading-[1.3] tracking-[0.14em] text-[#DFE1F4]">All connected to</span><span class="block font-display text-[22px] font-bold leading-[1.2] text-white">1 user ID</span></span></div></div></div><style> 188 /* One spacing per cycle, so the loop is seamless. Negative offset runs the 189 pattern toward the path END, and every wire is drawn card -> hub, so the 190 packets travel into the hub. */ 191 @keyframes pw-packet { 192 from { stroke-dashoffset: 0; } 193 to { stroke-dashoffset: -1; } 194 } 195 /* Same motion, shifted back by exactly the tail's own length, so the 196 tail's leading edge sits where the orb is. A dash extends FORWARD from 197 its offset, so without this the tail would lead the orb. */ 198 @keyframes pw-packet-tail { 199 from { stroke-dashoffset: 0.055; } 200 to { stroke-dashoffset: -0.945; } 201 } 202 .pw-packet, 203 .pw-packet-tail { 204 animation: pw-packet var(--pw-dur, 1.8s) linear var(--pw-delay, 0ms) infinite; 205 } 206 .pw-packet-tail { 207 animation-name: pw-packet-tail; 208 } 209 /* Reduced motion slows the transfer right down rather than redefining the 210 keyframes to a no-op. Freezing them is what a second @keyframes block of 211 the same name does, and it does not degrade â it deletes the point of 212 the graphic, leaving a static line that says nothing about data moving. 213 Both layers, or the tail runs at a different speed to its own orb. */ 214 @media (prefers-reduced-motion: reduce) { 215 .pw-packet, 216 .pw-packet-tail { --pw-dur: 6s; } 217 } 218 </style><style> 219 @keyframes sb-hub-glow { 220 0%, 100% { box-shadow: inset 0 0 0 1px rgba(44,51,253,0.45); } 221 50% { box-shadow: inset 0 0 0 1px rgba(44,51,253,0.8), 0 0 30px -6px rgba(44,51,253,0.6); } 222 } 223 /* The hub's glow is decoration, not information, so unlike the packets 224 this one does stop under reduced motion. */ 225 @media (prefers-reduced-motion: reduce) { 226 @keyframes sb-hub-glow { 0%, 100% { box-shadow: inset 0 0 0 1px rgba(44,51,253,0.45); } } 227 } 228 </style></section><section class="relative mt-24 ml-[calc(50%-50vw)] w-screen overflow-x-clip px-6 py-24 text-center md:py-32"><div data-reveal="default" class="reveal relative mx-auto max-w-2xl" style="animation-delay:0ms"><h2 class="section-title">Find out more</h2><p class="section-sub mx-auto max-w-xl text-white/75">Get in touch with us to learn more about how Gener8 Labs can be a part of accelerating your business.</p><a href="/get-in-touch" class="btn-primary mt-9 h-12 px-8 text-[15px]">Book a walkthrough</a></div></section></div><!--/$--><!--/$--></main><footer class="bg-white/[0.08] shadow-[0_8px_32px_-12px_rgba(0,0,0,0.6),inset_0_1px_0_0_rgba(255,255,255,0.14)] backdrop-blur-2xl backdrop-saturate-150"><div class="container-page py-16"><div class="grid grid-cols-2 gap-x-8 gap-y-10 sm:grid-cols-4 lg:grid-cols-[1.3fr_repeat(4,minmax(0,1fr))] lg:gap-12"><div class="col-span-2 space-y-6 sm:col-span-4 lg:col-span-1"><a aria-label="Gener8 Labs home" href="/" class="inline-flex items-center"><img src="/assets/gener8-labs-Bn2A39Eb.svg" alt="Gener8 Labs" class="h-5 w-auto"/></a><div class="flex flex-wrap gap-x-10 gap-y-5 sm:block sm:space-y-5"><div class="flex flex-col gap-0.5 text-[#DFE1F4]"><span class="text-[14px] font-bold leading-[22px]">London</span><span class="text-[10px] leading-normal">28 Charing Cross Road, London, England, WC2H 0DB</span></div><div class="flex flex-col gap-0.5 text-[#DFE1F4]"><span class="text-[14px] font-bold leading-[22px]">New York</span><span class="text-[10px] leading-normal">127 W 26th St, 5th Floor, New York, NY 10001</span></div></div></div><div><h3 class="font-display text-[14px] font-bold tracking-[0.06em] text-[#DFE1F4]">Data Solutions</h3><ul class="mt-4 space-y-2.5"><li><a href="/marketing-intelligence" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">Marketing Intelligence</a></li><li><a href="/geo-aeo" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">GEO</a></li><li><a href="/agentic-commerce" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">Agentic Commerce</a></li><li><a href="/ad-tech" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">Ad Tech</a></li><li><a href="/investors" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">Investors</a></li><li><a href="/brands" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">Brands</a></li></ul></div><div><h3 class="font-display text-[14px] font-bold tracking-[0.06em] text-[#DFE1F4]">Use Cases</h3><ul class="mt-4 space-y-2.5"><li><a href="/ai-share-of-voice" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">AI Share of Voice</a></li><li><a href="/ai-citation-tracking" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">AI Citation & Source Tracking</a></li><li><a href="/real-ai-conversation-intelligence" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">Real Conversation Intelligence</a></li><li><a href="/prompt-to-clickstream" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">Prompt to Clickstream</a></li><li>
228<a href="/prompt-to-purchase" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">Prompt to Purchase</a></li></ul></div><div><h3 class="font-display text-[14px] font-bold tracking-[0.06em] text-[#DFE1F4]">About</h3><ul class="mt-4 space-y-2.5"><li><a href="/about-us" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">About Us</a></li><li><a href="/get-in-touch" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">Contact Us</a></li><li><a class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70 active" href="/data-feeds" data-status="active" aria-current="page">Data Feeds</a></li><li><a href="/data-collection" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">Data Collection</a></li><li><a href="/careers" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">Careers</a></li></ul></div><div><h3 class="font-display text-[14px] font-bold tracking-[0.06em] text-[#DFE1F4]">Resources</h3><ul class="mt-4 space-y-2.5"><li><a href="/reports" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">Reports</a></li><li><a href="/insights" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">Insights</a></li><li><a href="https://www.linkedin.com/company/11519397/" target="_blank" rel="noreferrer" class="text-[12px] font-normal leading-snug text-white transition-[color,font-weight] duration-200 hover:font-bold hover:text-white/70">LinkedIn</a></li></ul></div></div><div class="mt-14 flex flex-col items-center gap-6 border-t border-border-soft pt-8 md:flex-row md:justify-between"><div class="flex flex-wrap items-center justify-center gap-10 md:justify-start"><a href="https://gener8ads.com/" target="_blank" rel="noreferrer" aria-label="Gener8" class="inline-flex items-center transition-opacity hover:opacity-70"><img src="/assets/footer-gener8-mark-DIgp6aL0.svg" alt="Gener8" class="h-[13px] w-auto" loading="lazy"/></a><a href="https://gener8ads.com/privacy/en-us" target="_blank" rel="noreferrer" class="text-[12px] font-bold text-white transition-colors hover:text-white/70">Privacy</a><a href="https://codepolicy.org" target="_blank" rel="noreferrer" aria-label="codepolicy.org" class="inline-flex items-center transition-opacity hover:opacity-70"><img src="/assets/footer-code-logo-CGKaWhUw.svg" alt="CODE" class="h-3 w-auto" loading="lazy"/></a></div><div class="flex items-center gap-4"><a href="https://www.linkedin.com/company/11519397/" target="_blank" rel="noreferrer" aria-label="Gener8 on LinkedIn" class="inline-flex items-center transition-opacity hover:opacity-70"><img src="data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2227_2875)'%3e%3cpath%20d='M10.2113%2010.1506H8.43561V7.38626C8.43561%206.72708%208.42377%205.8785%207.51205%205.8785C6.58719%205.8785%206.44569%206.59671%206.44569%207.33827V10.1504H4.66996V4.46581H6.37465V5.24267H6.39852C6.56912%204.95271%206.81564%204.71417%207.11183%204.55247C7.40801%204.39077%207.74278%204.31195%208.08046%204.32441C9.88023%204.32441%2010.2121%205.5012%2010.2121%207.03212L10.2113%2010.1506ZM2.66635%203.68876C2.46255%203.68879%202.2633%203.62875%202.09382%203.51622C1.92434%203.4037%201.79224%203.24374%201.71421%203.05657C1.63618%202.86941%201.61573%202.66345%201.65546%202.46474C1.69519%202.26602%201.7933%202.08348%201.93739%201.9402C2.08148%201.79691%202.26507%201.69932%202.46496%201.65976C2.66484%201.6202%202.87204%201.64045%203.06034%201.71795C3.24865%201.79544%203.40961%201.92671%203.52287%202.09514C3.63613%202.26358%203.69661%202.46162%203.69665%202.66422C3.69667%202.79874%203.67004%202.93194%203.61827%203.05623C3.56651%203.18052%203.49063%203.29346%203.39496%203.3886C3.29929%2
22803.48374%203.1857%203.55921%203.06068%203.61071C2.93567%203.66221%202.80168%203.68873%202.66635%203.68876ZM3.55421%2010.1506H1.77664V4.46581H3.55421V10.1506ZM11.0966%200.000811647H0.884348C0.652559%20-0.00178857%200.429202%200.0871944%200.263378%200.248207C0.0975545%200.40922%200.00282886%200.629088%200%200.859499V11.0532C0.00273204%2011.2838%200.0974021%2011.5038%200.26322%2011.665C0.429039%2011.8262%200.652444%2011.9153%200.884348%2011.9129H11.0966C11.329%2011.9158%2011.553%2011.8269%2011.7195%2011.6657C11.8859%2011.5045%2011.9812%2011.2842%2011.9845%2011.0532V0.858764C11.9811%200.627896%2011.8858%200.407777%2011.7193%200.246768C11.5528%200.0857597%2011.3288%20-0.00296901%2011.0966%207.58564e-05'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2227_2875'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e" alt="" class="h-3 w-3" loading="lazy"/></a><span class="text-[12px] text-white">© 2026 Gener8</span></div></div></div></footer><!--/$-->
228<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-va1JSvtp.js","/assets/jsx-runtime-Cltr0gcK.js","/assets/link-B3NTHXeh.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-va1JSvtp.js"}}]},"/data-feeds":$R[8]={preloads:$R[9]=["/assets/data-feeds-309AAHKk.js","/assets/llm-logos-visual-CoFLrbuI.js","/assets/circle-check-DghcMxMc.js","/assets/search-DHYp3Yrf.js","/assets/sparkles-CR7d00fk.js","/assets/glow-card-BRmDLHpW.js","/assets/cta-band-DPIOuVyL.js","/assets/visual-kit-Bq6nM__j.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1790934259424,s:"success",ssr:!0},$R[12]={i:"�data-feeds�data-feeds",u:1790934259424,s:"success",ssr:!0}]})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
228<script type="module" async="" src="/assets/index-va1JSvtp.js"></script>
228</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.