0 ? `0 0 ${80 * glow}px -10px oklch(80% 0.14 240 / ${0.45 * glow}), 0 20px 60px rgba(0,0,0,0.6)` : '0 20px 60px rgba(0,0,0,0.6)', }}>

WhiteSpace.

AI INTELLIGENCE
PLATFORM

{[ { num: pos, lbl: 'POS' }, { num: agents, lbl: 'AGENTS' }, { num: channels, lbl: 'CHANNELS' }, ].map((s, i) => (

{s.num}

{s.lbl}

))}

); } // ─── Background grid that pulses ─────────────────────────────────────────── function GridBackground({ intensity = 1 }) { return (

); } // ─── Particle flow (convergence motion lines) ────────────────────────────── function ParticleFlow({ progress, originX, originY, targetX, targetY, color, delay = 0, count = 6 }) { // progress: 0..1 from scene return ( <> {Array.from({ length: count }).map((_, i) => { const t = (progress - delay - i * 0.08); if (t < 0 || t > 1) return null; const eased = Easing.easeInOutCubic(clamp(t, 0, 1)); const x = originX + (targetX - originX) * eased; const y = originY + (targetY - originY) * eased; const opacity = t < 0.15 ? t / 0.15 : t > 0.8 ? (1 - t) / 0.2 : 1; return (

); })} ); } // ─── Connection lines between hero and cards ─────────────────────────────── function ConnectionLine({ x1, y1, x2, y2, color, progress = 1, thickness = 1 }) { // progress draws the line from origin to target const dx = x2 - x1, dy = y2 - y1; const len = Math.sqrt(dx * dx + dy * dy); const angle = Math.atan2(dy, dx) * 180 / Math.PI; return (

); } // ─── Caption (editorial) ─────────────────────────────────────────────────── function Caption({ text, x, y, size = 44, align = 'center', color = '#f6f4ef', italic = false }) { const { localTime, duration } = useSprite(); const entryDur = 0.5; const exitDur = 0.4; const exitStart = duration - exitDur; let opacity = 1, ty = 0, clip = 100; if (localTime < entryDur) { const t = Easing.easeOutCubic(clamp(localTime / entryDur, 0, 1)); opacity = t; ty = (1 - t) * 14; } else if (localTime > exitStart) { const t = Easing.easeInCubic(clamp((localTime - exitStart) / exitDur, 0, 1)); opacity = 1 - t; ty = -t * 8; } return (

{text}

); } Object.assign(window, { DATA_SOURCES, FEATURES, Card, HeroCard, GridBackground, ParticleFlow, ConnectionLine, Caption, Glyph, });