PageSourceSearch

https://chion.ai/contact

html chion.ai collected 2026-10-05 11:55:28 UTC 79,872 bytes, 26 lines download raw bytes

1<!DOCTYPE html><html lang="en-US"><head><title data-rh="true">Book a Chion Demo or Request a Technical Pilot — Chion</title><meta data-rh="true" name="description" content="Email [email protected] to book a Chion demo, request a technical pilot on your own Postgres, or start a security review. No response time is promised."><meta data-rh="true" name="robots" content="index, follow"><meta data-rh="true" property="og:title" content="Book a Chion Demo or Request a Technical Pilot — Chion"><meta data-rh="true" property="og:description" content="Email [email protected] to book a Chion demo, request a technical pilot on your own Postgres, or start a security review. No response time is promised."><meta data-rh="true" property="og:type" content="website"><meta data-rh="true" property="og:image" content="https://chion.ai/og-image.png"><meta data-rh="true" property="og:image:width" content="2550"><meta data-rh="true" property="og:image:height" content="1135"><meta data-rh="true" property="og:image:alt" content="Chion: contact sales, support, and partnership inquiries"><meta data-rh="true" property="og:url" content="https://chion.ai/contact"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:title" content="Book a Chion Demo or Request a Technical Pilot — Chion"><meta data-rh="true" name="twitter:description" content="Email [email protected] to book a Chion demo, request a technical pilot on your own Postgres, or start a security review. No response time is promised."><meta data-rh="true" name="twitter:image" content="https://chion.ai/og-image.png"><link data-rh="true" rel="canonical" href="https://chion.ai/contact">
1<script data-rh="true" type="application/ld+json" id="ld-json-breadcrumb">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://chion.ai/"},{"@type":"ListItem","position":2,"name":"Contact","item":"https://chion.ai/contact"}]}</script>
1<script data-rh="true" type="application/ld+json" id="ld-json-structured-1">{"@context":"https://schema.org","@graph":[{"@type":"ContactPage","@id":"https://chion.ai/contact#contactpage","url":"https://chion.ai/contact","name":"Contact Chion","inLanguage":"en","dateModified":"2026-06-09","about":{"@id":"https://chion.ai/#organization"}}]}</script>
1
2    <meta charset="UTF-8">
3    <meta name="viewport" content="width=device-width, initial-scale=1.0">
4    <meta property="og:locale" content="en_US">
5    <meta property="og:site_name" content="Chion">
6
7    <meta name="twitter:site" content="@chionanalytics">
8    <meta name="twitter:creator" content="@chionanalytics">
9    <meta name="theme-color" content="#c49a6c">
10
11    <link rel="icon" href="/favicon.png" type="image/png" sizes="512x512">
12    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
13    <link rel="manifest" href="/manifest.json">
14    <link rel="preconnect" href="https://fonts.googleapis.com">
15  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
16  <link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&amp;display=swap" rel="stylesheet">
17  
17<script type="module" async="" crossorigin="" src="/assets/app-BAKMUJGg.js"></script>
17
18  <link rel="stylesheet" crossorigin="" href="/assets/app-cdxVewzT.css">
19</head>
20
21  <body>
22    <div id="root" data-server-rendered="true">
22<script>!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('chion-theme');if(e){c.add(e|| '')}else{c.add('light');}if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'light'}catch(t){}}();</script>
22<div class="min-h-screen bg-background flex flex-col"><nav class="border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 w-full sticky top-0 z-30" style="--np:0"><div class="flex items-center justify-between px-4 sm:px-6 w-full h-14 sm:h-[72px]"><div class="flex items-center flex-1 min-w-0"><div class="hidden lg:flex items-center shrink-0"><button class="flex items-center justify-center h-8 rounded-md text-muted-foreground hover:bg-muted hover:text-foreground cursor-pointer transition-colors shrink-0 overflow-hidden" style="opacity:calc(clamp(0, (var(--np) - 0.3) / 0.4, 1));width:calc(clamp(0, (var(--np) - 0.2) / 0.5, 1) * 36px);transform:translateX(calc((1 - clamp(0, (var(--np) - 0.2) / 0.5, 1)) * -8px));pointer-events:none;will-change:auto" aria-label="Back to Chion homepage"><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-arrow-left h-4 w-4"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg></button><div class="flex items-center" style="width:fit-content"><button class="flex items-center cursor-pointer bg-transparent border-0 p-0" aria-label="Go to home page" style="outline:none"><div class="relative shrink-0 rounded-md overflow-hidden" style="width:31px;height:31px;transform:scale(1);will-change:auto"><img src="/assets/chion-icon-YmL9jM3X.png" alt="Chion logo" class="absolute inset-0 h-full w-full rounded-md"></div><div style="max-width:calc((1 - var(--np)) * 60px);overflow:hidden;transform-origin:left center;margin-left:calc((1 - var(--np)) * 6px);will-change:auto"><span class="font-bold text-[16px] text-foreground tracking-tight whitespace-nowrap inline-block" style="opacity:calc(1 - clamp(0, var(--np) / 0.4, 1));transform:translateX(calc(clamp(0, var(--np) / 0.4, 1) * -8px));will-change:auto">Chion</span></div></button><div class="bg-border shrink-0" style="width:calc(clamp(0, (var(--np) - 0.3) / 0.4, 1) * 1px);height:24px;opacity:calc(clamp(0, (var(--np) - 0.4) / 0.3, 1));margin-left:calc(clamp(0, (var(--np) - 0.3) / 0.4, 1) * 14px);margin-right:calc(clamp(0, (var(--np) - 0.3) / 0.4, 1) * 6px);will-change:auto"></div><div class="relative flex items-center" style="opacity:calc(clamp(0, (var(--np) - 0.4) / 0.4, 1));max-width:calc(clamp(0, (var(--np) - 0.3) / 0.5, 1) * 200px);transform:translateX(calc((1 - clamp(0, (var(--np) - 0.3) / 0.5, 1)) * 12px));pointer-events:none;will-change:auto"><span class="flex items-center h-8 px-2.5 text-sm font-semibold text-foreground">Chion Studio</span></div></div></div><a class="flex items-center gap-2 shrink-0 lg:hidden" href="/"><img src="/assets/chion-icon-YmL9jM3X.png" alt="Chion logo" class="h-[31px] w-[31px]"><span class="font-bold text-[16px] text-foreground tracking-tight">Chion</span></a><div class="hidden lg:flex items-center shrink-0" style="margin-left:calc((1 - var(--np)) * 20px)"><div class="flex items-center space-x-2 group/nav [&amp;:hover>*]:opacity-50 [&amp;:hover>*:hover]:opacity-100 [&amp;>*]:transition-opacity [&amp;>*]:duration-200" style="opacity:calc(1 - clamp(0, var(--np) / 0.45, 1));transform:translateX(calc(clamp(0, var(--np) / 0.5, 1) * -20px));pointer-events:auto;will-change:auto"><div data-nav-dropdown="true" class="relative flex flex-col items-center"><button class="flex items-center gap-2 text-muted-foreground text-sm font-medium tracking-tight transition-all duration-200 h-8 px-3 rounded-md cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring">Products<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#965F2A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-6 w-6 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button><div aria-hidden="true" class="absolute -bottom-[1px] left-1.5 right-1.5 h-[2px] rounded-full transition-all duration-300 bg-transparent"></div><div class="absolute top-[calc(100%+2px)] left-0 z-50 transition-all opacity-0 -translate-y-1 pointer-events-none" style="transition-duration:220ms;transition-timing-function:cubic-bezier(0.16,1,0.3,1)"><div class="relative mt-[20px] w-[min(656px,calc(100vw-48px))] p-4 bg-surface-raised text-popover-foreground border border-[hsl(var(--warm-border)/0.45)] rounded-b-xl rounded-tr-xl shadow-[inset_0_1px_0_hsl(var(--warm)/0.08),0_24px_60px_-24px_hsl(var(--warm)/0.18),0_2px_6px_rgba(0,0,0,0.12)] dark:shadow-[inset_0_1px_0_hsl(var(--warm)/0.22),0_28px_64px_-24px_hsl(var(--warm)/0.32),0_2px_6px_rgba(0,0,0,0.45)]"><div class="absolute -top-[20px] left-0 h-[21px] rounded-t-[3px] bg-surface-raised border-l border-t border-r border-[hsl(var(--warm-border)/0.45)]" style="width:0px"></div><div class="flex items-baseline justify-between mb-3"><p class="text-[11px] uppercase tracking-[0.16em] text-foreground font-bold">Products</p><a class="text-[11.5px] uppercase tracking-[0.08em] text-[hsl(var(--warm-text))] hover:text-warm-hover transition-colors inline-flex items-center gap-0.5" href="/sql-insights-generator">How the SQL insights generator works <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-right h-3 w-3" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></a></div><div class="flex items-stretch gap-4" style="height:350px"><div class="w-[220px] shrink-0 flex flex-col gap-2"><a class="group block rounded-lg border px-2.5 py-2.5 motion-safe:transition-[opacity,border-color,background-color] motion-safe:duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--warm)/0.55)] opacity-100 border-[hsl(var(--warm)/0.55)] bg-accent/40 shadow-[0_8px_20px_-12px_hsl(var(--warm)/0.30)]" href="/sql-insights-generator"><div class="flex items-center gap-2.5 min-w-0"><img src="/assets/chion-icon-YmL9jM3X.png" alt="" class="shrink-0 rounded-md" style="width:30px;height:30px" aria-hidden="true"><div class="min-w-0 flex-1 flex flex-col gap-[1px]"><p class="text-[15px] font-semibold text-foreground tracking-[-0.01em] leading-tight">Insights Generator</p><p class="text-[12px] font-semibold text-[hsl(var(--warm-text))] tracking-[-0.005em] leading-tight">Charts with the SELECT beneath</p></div><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-right shrink-0 h-4 w-4 text-[hsl(var(--warm-text))] motion-safe:transition-opacity motion-safe:duration-200 opacity-70 group-hover:opacity-100" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></a><a class="group block rounded-lg border px-2.5 py-2.5 motion-safe:transition-[opacity,border-color,background-color] motion-safe:duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--warm)/0.55)] opacity-60 border-[hsl(var(--warm-border)/0.30)] bg-background/60 hover:opacity-100 hover:border-[hsl(var(--warm)/0.45)]" href="/sql-skills-generator"><div class="flex items-center gap-2.5 min-w-0"><div aria-hidden="true" class="shrink-0 rounded-md flex items-center justify-center bg-[hsl(var(--warm)/0.18)] border border-[hsl(var(--warm)/0.35)]" style="width:30px;height:30px"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text text-[hsl(var(--warm-text))]"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="min-w-0 flex-1 flex flex-col gap-[1px]"><p class="text-[15px] font-semibold text-foreground tracking-[-0.01em] leading-tight">Skills Generator</p><p class="text-[12px] font-semibold text-[hsl(var(--warm-text))] tracking-[-0.005em] leading-tight">Compiles for Claude Code and Codex</p></div><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-right shrink-0 h-4 w-4 text-[hsl(var(--warm-text))] motion-safe:transition-opacity motion-safe:duration-200 opacity-0 group-hover:opacity-100" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></a><div class="mt-2 pt-2.5 border-t border-[hsl(var(--warm-border)/0.6)] flex flex-col gap-0.5"><button type="button" aria-pressed="false" class="group flex items-center gap-2 px-2.5 py-2 rounded-md text-left cursor-pointer motion-safe:transition-[color,background-color] motion-safe:duration-200 focus-visible:outline-none text-foreground
22/65 hover:text-[hsl(var(--warm-text))]"><span class="min-w-0 flex-1"><span class="block text-[13.5px] leading-tight font-medium">What you can ask</span><span class="block text-[12px] leading-snug mt-0.5 motion-safe:transition-colors text-foreground/45 group-hover:text-foreground/65">Questions → code-validated SQL → charts</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-right shrink-0 h-4 w-4 motion-safe:transition-opacity motion-safe:duration-200 opacity-0 group-hover:opacity-100" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button><button type="button" aria-pressed="false" class="group flex items-center gap-2 px-2.5 py-2 rounded-md text-left cursor-pointer motion-safe:transition-[color,background-color] motion-safe:duration-200 focus-visible:outline-none text-foreground/65 hover:text-[hsl(var(--warm-text))]"><span class="min-w-0 flex-1"><span class="block text-[13.5px] leading-tight font-medium">Why Chion, not BI</span><span class="block text-[12px] leading-snug mt-0.5 motion-safe:transition-colors text-foreground/45 group-hover:text-foreground/65">Direct Postgres, no semantic model</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-right shrink-0 h-4 w-4 motion-safe:transition-opacity motion-safe:duration-200 opacity-0 group-hover:opacity-100" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button><button type="button" aria-pressed="false" class="group flex items-center gap-2 px-2.5 py-2 rounded-md text-left cursor-pointer motion-safe:transition-[color,background-color] motion-safe:duration-200 focus-visible:outline-none text-foreground/65 hover:text-[hsl(var(--warm-text))]"><span class="min-w-0 flex-1"><span class="block text-[13.5px] leading-tight font-medium">Works with your Postgres</span><span class="block text-[12px] leading-snug mt-0.5 motion-safe:transition-colors text-foreground/45 group-hover:text-foreground/65">Connect any Postgres in six fields</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-right shrink-0 h-4 w-4 motion-safe:transition-opacity motion-safe:duration-200 opacity-0 group-hover:opacity-100" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div><div class="relative flex-1 min-w-0 rounded-lg border border-[hsl(var(--warm-border)/0.30)] bg-background/50 overflow-hidden motion-safe:transition-[height] motion-safe:duration-300 motion-safe:ease-out" style="height:350px"><div aria-hidden="true" class="absolute inset-0 motion-safe:transition-[opacity,transform] motion-safe:duration-[280ms] opacity-100 translate-y-0"><div aria-hidden="true" class="h-full px-3 py-3" style="--p-composeIn:clamp(0, calc((var(--sb-t, 0) - 80) / 220), 1);--p-typeQuestion:clamp(0, calc((var(--sb-t, 0) - 560) / 560), 1);--p-clickQuery3:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 360) / 200), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 360) / 200), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 360) / 200), 1)));
22--p-send:clamp(0, calc((var(--sb-t, 0) - 1240) / 200), 1);--p-morph:clamp(0, calc((var(--sb-t, 0) - 1420) / 300), 1);--p-userBubble:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 1560) / 320), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1560) / 320), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1560) / 320), 1)));--p-chartReveal:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 1900) / 280), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1900) / 280), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1900) / 280), 1)));--p-lineCascade:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 2080) / 700), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 2080) / 700), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 2080) / 700), 1)));--p-pct42:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 2860) / 400), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 2860) / 400), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 2860) / 400), 1)));--p-weekOverWeek:clamp(0, calc((var(--sb-t, 0) - 3100) / 400), 1);--p-endCircle:clamp(0, calc((var(--sb-t, 0) - 2780) / 180), 1);--p-aiReply:clamp(0, calc((var(--sb-t, 0) - 3340) / 560), 1);--p-sendDone:clamp(0, calc((var(--sb-t, 0) - 3340) / 240), 1);--p-affordances:clamp(0, calc((var(--sb-t, 0) - 3780) / 240), 1);--p-newPlaceholder:clamp(0, calc((var(--sb-t, 0) - 3780) / 280), 1)"><div class="relative h-full"><div class="absolute top-[10px] left-2 right-2"><p class="text-[16px] font-bold text-foreground tracking-[-0.015em] leading-[1.12]">Real answers from your data.</p></div><div class="absolute left-3 right-3 flex items-end gap-0.5" style="bottom:58px;opacity:var(--p-composeIn)"><span class="shrink-0 inline-flex items-center px-2 py-1 rounded-t-md text-[11px] font-medium bg-muted/40 text-foreground/55 border-t border-l border-r border-border/60">query 1</span><span class="shrink-0 inline-flex items-center px-2 py-1 rounded-t-md text-[11px] font-medium bg-muted/40 text-foreground/55 border-t border-l border-r border-border/60">query 2</span><span class="shrink-0 relative"><span class="inline-flex items-center px-2 py-1 rounded-t-md text-[11px] font-medium bg-muted/40 text-foreground/55 border-t border-l border-r border-border/60">query 3</span><span class="absolute inset-0 inline-flex items-center px-2 py-1 rounded-t-md text-[11px] font-semibold whitespace-nowrap bg-surface-sunken dark:bg-surface-raised text-foreground border-t border-l border-r border-[hsl(var(--warm))]" style="opacity:var(--p-clickQuery3)">query 3</span></span><span class="shrink-0 inline-flex items-center px-2 py-1 rounded-t-md text-[11px] font-medium bg-muted/40 text-foreground/55 border-t border-l border-r border-border/60">query 4</span></div><div class="absolute z-10 bg-surface-sunken dark:bg-surface-raised border border-border dark:border-transparent overflow-hidden shadow-[0_4px_16px_rgba(139,90,43,0.12),0_0_0_1px_hsl(var(--border))] dark:shadow-[0_4px_16px_rgba(139,90,43,0.18),0_0_0_1px_hsl(var(--border))]" style="opacity:var(--p-composeIn);bottom:0;left:0;width:100%;height:58px;border-radius:16px"><div class="absolute inset-x-3 inset-y-0 flex items-center gap-2.5"><div class="inline-flex items-center gap-1 rounded-full p-1 bg-foreground
22/[0.06] shrink-0" style="opacity:var(--p-composeIn)"><span class="inline-flex items-center px-1.5"><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-message-circle h-4 w-4 text-foreground/40 shrink-0" aria-hidden="true"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg></span><span class="inline-flex items-center rounded-full bg-card shadow-sm px-2 py-1"><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-chart-column h-4 w-4 text-[hsl(var(--warm))] shrink-0" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></span></div><div class="flex-1 min-w-0 relative h-[20px] flex items-center overflow-hidden"><span class="relative inline-block whitespace-nowrap text-[13px] text-foreground/90 leading-none" style="opacity:calc((1 - var(--p-morph)) * (1 - var(--p-newPlaceholder)));transform:translateY(calc(var(--p-morph) * -10px))" aria-hidden="true"><span class="inline-block" style="clip-path:inset(0 calc((1 - var(--p-typeQuestion)) * 100%) 0 0)">What's our revenue trend?</span><span class="absolute top-1/2 -translate-y-1/2 block w-[2px] h-[14px] rounded-full bg-foreground
22/80 motion-safe:animate-pulse" style="left:calc(var(--p-typeQuestion) * 100%)" aria-hidden="true"></span></span><span class="absolute left-0 right-0 text-[13px] text-foreground/50 leading-none truncate" style="opacity:var(--p-newPlaceholder)" aria-hidden="true">Ask me anything…</span></div><span class="shrink-0 grid place-items-center rounded-lg bg-[hsl(var(--warm))]" style="width:36px;height:36px;transform:scale(calc(1 + var(--p-send) * (1 - var(--p-send)) * 0.6))"><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-arrow-up col-start-1 row-start-1 h-5 w-5 text-white" style="opacity:calc(1 - var(--p-send) + var(--p-sendDone))" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg><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-loader-circle col-start-1 row-start-1 h-5 w-5 text-white motion-safe:animate-spin" style="opacity:calc(var(--p-send) * (1 - var(--p-sendDone)))" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg></span></div></div><div class="absolute right-[28px] top-[88px] w-[128px] h-[128px] rounded-md border border-[hsl(var(--warm-border)/0.55)] bg-background overflow-hidden" style="opacity:var(--p-chartReveal);transform:translateX(calc((1 - var(--p-chartReveal)) * 8px))"><svg viewBox="0 0 120 120" preserveAspectRatio="xMidYMid meet" class="w-full h-full" aria-hidden="true"><rect width="120" height="120" fill="hsl(var(--warm))" fill-opacity="0.08"></rect><polyline points="8,98 22,78 36,90 50,64 64,76 78,52 92,62 104,36 116,18" fill="none" stroke="hsl(var(--warm))" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="220" style="stroke-dashoffset:calc(220 * (1 - var(--p-lineCascade)))"></polyline><circle cx="116" cy="18" r="3" fill="hsl(var(--warm))" style="opacity:var(--p-endCircle)"></circle><text x="8" y="22" font-size="18" fill="hsl(var(--warm-text))" font-weight="700" style="clip-path:inset(0 calc((1 - var(--p-pct42)) * 100%) 0 0)">+42%</text><text x="8" y="36" font-size="12" fill="hsl(var(--foreground))" fill-opacity="0.72" font-weight="600" style="clip-path:inset(0 calc((1 - var(--p-weekOverWeek)) * 100%) 0 0)">6-week trend</text></svg></div><div class="absolute top-[44px] left-2 right-2 flex justify-end" style="opacity:var(--p-userBubble);
22transform:translateY(calc((1 - var(--p-userBubble)) * 20px)) scale(calc(0.96 + var(--p-userBubble) * 0.04));transform-origin:bottom right"><div class="inline-flex items-center px-3 py-1.5 rounded-xl bg-[hsl(var(--warm))] shadow-[0_1px_2px_rgba(0,0,0,0.10)]"><span class="text-[13px] font-medium leading-snug text-white">What's our revenue trend?</span></div></div><div class="absolute top-[88px] left-2 right-[168px]"><p class="text-[13px] text-foreground/70 leading-snug" style="clip-path:inset(0 calc((1 - var(--p-aiReply)) * 100%) 0 0)">Revenue grew from <span class="font-semibold text-[hsl(var(--warm-text))]">$100K to $142K</span> over six weeks, now at a new high.</p><div class="flex items-center gap-2.5 pt-2" style="opacity:var(--p-affordances)"><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-copy h-3.5 w-3.5 text-foreground/40 hover:text-foreground/70 transition-colors" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg><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-thumbs-up h-3.5 w-3.5 text-foreground/40 hover:text-foreground/70 transition-colors" aria-hidden="true"><path d="M7 10v12"></path><path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"></path></svg><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-thumbs-down h-3.5 w-3.5 text-foreground/40 hover:text-foreground/70 transition-colors" aria-hidden="true"><path d="M17 14V2"></path><path d="M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z"></path></svg></div></div></div></div></div><div aria-hidden="true" class="absolute inset-0 motion-safe:transition-[opacity,transform] motion-safe:duration-[280ms] opacity-0 translate-y-1.5 pointer-events-none"><div aria-hidden="true" class="h-full px-3 py-2.5 flex flex-col" style="--p-zip:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 40) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 40) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 40) / 220), 1)));--p-querySql:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 1540) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1540) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1540) / 220), 1)));--p-scriptsFolder:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 1400) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1400) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1400) / 220), 1)));--p-scriptsFolder2:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 1840) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1840) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1840) / 220), 1)));--p-querySql2:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 1980) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1980) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1980) / 220), 1)));--p-morePeople:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 1080) / 260), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1080) / 260), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1080) / 260), 1)));--p-skillMd1:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 1260) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1260) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1260) / 220), 1)));--p-person1:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 760) / 240), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 760) / 240), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 760) / 240), 1)));--p-skillMd2:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 1700) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1700) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1700) / 220), 1)));--p-person2:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 920) / 240), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 920) / 240), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 920) / 240), 1)));--p-skillsFolder:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 420) / 240), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 420) / 240), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 420) / 240), 1)));--p-claudeDir:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 240) / 240), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 240) / 240), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 240) / 240), 1)));--p-settings:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 600) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 600) / 220), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 600) / 220), 1)));--p-claudeMd:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 2180) / 360), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 2180) / 360), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 2180) / 360), 1)));--p-progress:clamp(0, calc((var(--sb-t, 0) - 200) / 2340), 1);
22--p-built:clamp(0, calc((var(--sb-t, 0) - 2440) / 260), 1);--p-headline:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 0) / 380), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 0) / 380), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 0) / 380), 1)));--p-mcpTag:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 1880) / 360), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1880) / 360), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 1880) / 360), 1)));--p-handoff:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 2560) / 440), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 2560) / 440), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 2560) / 440), 1)));--p-pillCodex:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 2620) / 240), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 2620) / 240), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 2620) / 240), 1)));--p-pillClaude:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 2760) / 240), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 2760) / 240), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 2760) / 240), 1)));--p-pillGemini:calc(1 - (1 - clamp(0, calc((var(--sb-t, 0) - 2900) / 240), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 2900) / 240), 1)) * (1 - clamp(0, calc((var(--sb-t, 0) - 2900) / 240), 1)))"><div class="relative flex-1 min-h-0 flex items-start gap-4"><div class="flex-1 min-w-0 flex flex-col pt-px"><div class="relative flex items-center gap-1.5 h-[20px] mb-1" style="opacity:var(--p-zip);transform:translateY(calc((1 - var(--p-zip)) * 3px))"><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-file-archive h-[14px] w-[14px] shrink-0 text-[hsl(var(--warm-text))]" aria-hidden="true"><path d="M10 12v-1"></path><path d="M10 18v-2"></path><path d="M10 7V6"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M15.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v16a2 2 0 0 0 .274 1.01"></path><circle cx="10" cy="20" r="2"></circle></svg><span class="font-mono text-[11px] font-bold text-[hsl(var(--warm-text))] leading-none">chion-skills.zip</span><span class="shrink-0 inline-flex items-center justify-center h-[18px] w-[18px] rounded-[5px] border border-[hsl(var(--warm)/0.5)] bg-[hsl(var(--warm-light))] text-[hsl(var(--warm-text))] shadow-[0_1px_2px_hsl(var(--warm)/0.18)]" style="opacity:var(--p-mcpTag);transform:translateY(calc((1 - var(--p-mcpTag)) * 3px))">
22<svg width="11" height="11" viewBox="0 0 14 14" aria-hidden="true"><path d="M7 2v6M4 6l3 3 3-3M3 11h8" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="flex flex-1 min-w-0 items-center pl-2" style="opacity:var(--p-handoff)"><span class="block h-[2px] flex-1 origin-left rounded-full bg-[hsl(var(--warm))] shadow-[0_0_6px_hsl(var(--warm)/0.55)]" style="transform:scaleX(var(--p-handoff))"></span><svg width="9" height="10" viewBox="0 0 9 10" class="shrink-0 -ml-px" aria-hidden="true" style="transform:scale(calc(0.5 + var(--p-handoff) * 0.5));transform-origin:left center"><path d="M0 0.5 L9 5 L0 9.5 Z" fill="hsl(var(--warm))"></path></svg></span></div><div class="relative h-[18px] flex items-center " style="opacity:var(--p-claudeDir);transform:translateY(calc((1 - var(--p-claudeDir)) * 3px))"><span aria-hidden="true" class="absolute w-px origin-top bg-[hsl(var(--foreground)/0.24)]" style="left:5px;top:0;height:100%;transform:scaleY(var(--p-claudeDir))"></span><span aria-hidden="true" class="absolute h-px origin-left bg-[hsl(var(--foreground)/0.24)]" style="left:5px;top:50%;width:9px;transform:scaleX(var(--p-claudeDir))"></span><span class="relative inline-flex items-center gap-1.5 font-mono leading-none tracking-[-0.01em] text-[12px] font-semibold text-foreground/80" style="padding-left:16px">.claude/</span></div><div class="relative h-[18px] flex items-center " style="opacity:var(--p-skillsFolder);transform:translateY(calc((1 - var(--p-skillsFolder)) * 3px))"><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:5px"></span><span aria-hidden="true" class="absolute w-px origin-top bg-[hsl(var(--foreground)/0.24)]" style="left:19px;top:0;height:100%;transform:scaleY(var(--p-skillsFolder))"></span><span aria-hidden="true" class="absolute h-px origin-left bg-[hsl(var(--foreground)/0.24)]" style="left:19px;top:50%;width:9px;transform:scaleX(var(--p-skillsFolder))"></span><span class="relative inline-flex items-center gap-1.5 font-mono leading-none tracking-[-0.01em] text-[12px] font-semibold text-foreground/80" style="padding-left:30px">skills/</span></div><div class="relative h-[18px] flex items-center mt-1.5" style="opacity:var(--p-person1);transform:translateY(calc((1 - var(--p-person1)) * 3px))"><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:5px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:19px"></span><span aria-hidden="true" class="absolute w-px origin-top bg-[hsl(var(--foreground)/0.24)]" style="left:33px;top:0;height:100%;transform:scaleY(var(--p-person1))"></span><span aria-hidden="true" class="absolute h-px origin-left bg-[hsl(var(--foreground)/0.24)]" style="left:33px;top:50%;width:9px;transform:scaleX(var(--p-person1))"></span><span class="relative inline-flex items-center gap-1.5 font-mono leading-none tracking-[-0.01em] text-[12px] font-semibold text-foreground/80" style="padding-left:44px"><span class="grid place-items-center w-[18px] h-[18px] rounded-full bg-[hsl(var(--warm-light))] border-2 border-[hsl(var(--surface-raised))] shrink-0"><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 h-[11px] w-[11px] text-[hsl(var(--warm-text))]" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></span>revenue-analyst/</span></div><div class="relative h-[18px] flex items-center " style="opacity:var(--p-skillMd1);transform:translateY(calc((1 - var(--p-skillMd1)) * 3px))"><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:5px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:19px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:33px"></span><span aria-hidden="true" class="absolute w-px origin-top bg-[hsl(var(--foreground)/0.24)]" style="left:47px;top:0;height:100%;transform:scaleY(var(--p-skillMd1))"></span><span aria-hidden="true" class="absolute h-px origin-left bg-[hsl(var(--foreground)/0.24)]" style="left:47px;top:50%;width:9px;
22transform:scaleX(var(--p-skillMd1))"></span><span class="relative inline-flex items-center gap-1.5 font-mono leading-none tracking-[-0.01em] text-[12px] font-bold text-[hsl(var(--warm-text))]" style="padding-left:58px">SKILL.md</span></div><div class="relative h-[18px] flex items-center " style="opacity:var(--p-scriptsFolder);transform:translateY(calc((1 - var(--p-scriptsFolder)) * 3px))"><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:5px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:19px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:33px"></span><span aria-hidden="true" class="absolute w-px origin-top bg-[hsl(var(--foreground)/0.24)]" style="left:47px;top:0;height:50%;transform:scaleY(var(--p-scriptsFolder))"></span><span aria-hidden="true" class="absolute h-px origin-left bg-[hsl(var(--foreground)/0.24)]" style="left:47px;top:50%;width:9px;transform:scaleX(var(--p-scriptsFolder))"></span><span class="relative inline-flex items-center gap-1.5 font-mono leading-none tracking-[-0.01em] text-[12px] font-semibold text-foreground/80" style="padding-left:58px">scripts/</span></div><div class="relative h-[18px] flex items-center " style="opacity:var(--p-querySql);transform:translateY(calc((1 - var(--p-querySql)) * 3px))"><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:5px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:19px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:33px"></span><span aria-hidden="true" class="absolute w-px origin-top bg-[hsl(var(--foreground)/0.24)]" style="left:61px;top:0;height:50%;transform:scaleY(var(--p-querySql))"></span><span aria-hidden="true" class="absolute h-px origin-left bg-[hsl(var(--foreground)/0.24)]" style="left:61px;top:50%;width:9px;transform:scaleX(var(--p-querySql))"></span><span class="relative inline-flex items-center gap-1.5 font-mono leading-none tracking-[-0.01em] text-[12px] font-normal text-foreground/70" style="padding-left:72px">revenue-trend.sql</span></div><div class="relative h-[18px] flex items-center mt-1.5" style="opacity:var(--p-person2);transform:translateY(calc((1 - var(--p-person2)) * 3px))"><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:5px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:19px"></span><span aria-hidden="true" class="absolute w-px origin-top bg-[hsl(var(--foreground)/0.24)]" style="left:33px;top:0;height:100%;transform:scaleY(var(--p-person2))"></span><span aria-hidden="true" class="absolute h-px origin-left bg-[hsl(var(--foreground)/0.24)]" style="left:33px;top:50%;width:9px;transform:scaleX(var(--p-person2))"></span><span class="relative inline-flex items-center gap-1.5 font-mono leading-none tracking-[-0.01em] text-[12px] font-semibold text-foreground/80" style="padding-left:44px"><span class="grid place-items-center w-[18px] h-[18px] rounded-full bg-[hsl(var(--warm-light))] border-2 border-[hsl(var(--surface-raised))] shrink-0"><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 h-[11px] w-[11px] text-[hsl(var(--warm-text))]" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></span>growth-analyst/</span></div><div class="relative h-[18px] flex items-center " style="opacity:var(--p-skillMd2);transform:translateY(calc((1 - var(--p-skillMd2)) * 3px))"><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:5px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:19px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:33px"></span><span aria-hidden="true" class="absolute w-px origin-top bg-[hsl(var(--foreground)/0.24)]" style="left:47px;top:0;height:100%;transform:scaleY(var(--p-skillMd2))"></span><span aria-hidden="true" class="absolute h-px origin-left bg-[hsl(var(--foreground)/0.24)]" style="left:47px;top:50%;width:9px;
22transform:scaleX(var(--p-skillMd2))"></span><span class="relative inline-flex items-center gap-1.5 font-mono leading-none tracking-[-0.01em] text-[12px] font-bold text-[hsl(var(--warm-text))]" style="padding-left:58px">SKILL.md</span></div><div class="relative h-[18px] flex items-center " style="opacity:var(--p-scriptsFolder2);transform:translateY(calc((1 - var(--p-scriptsFolder2)) * 3px))"><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:5px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:19px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:33px"></span><span aria-hidden="true" class="absolute w-px origin-top bg-[hsl(var(--foreground)/0.24)]" style="left:47px;top:0;height:50%;transform:scaleY(var(--p-scriptsFolder2))"></span><span aria-hidden="true" class="absolute h-px origin-left bg-[hsl(var(--foreground)/0.24)]" style="left:47px;top:50%;width:9px;transform:scaleX(var(--p-scriptsFolder2))"></span><span class="relative inline-flex items-center gap-1.5 font-mono leading-none tracking-[-0.01em] text-[12px] font-semibold text-foreground/80" style="padding-left:58px">scripts/</span></div><div class="relative h-[18px] flex items-center " style="opacity:var(--p-querySql2);transform:translateY(calc((1 - var(--p-querySql2)) * 3px))"><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:5px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:19px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:33px"></span><span aria-hidden="true" class="absolute w-px origin-top bg-[hsl(var(--foreground)/0.24)]" style="left:61px;top:0;height:50%;transform:scaleY(var(--p-querySql2))"></span><span aria-hidden="true" class="absolute h-px origin-left bg-[hsl(var(--foreground)/0.24)]" style="left:61px;top:50%;width:9px;transform:scaleX(var(--p-querySql2))"></span><span class="relative inline-flex items-center gap-1.5 font-mono leading-none tracking-[-0.01em] text-[12px] font-normal text-foreground/70" style="padding-left:72px">funnel.sql</span></div><div class="relative h-[18px] flex items-center mt-1.5" style="opacity:var(--p-morePeople);transform:translateY(calc((1 - var(--p-morePeople)) * 3px))"><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:5px"></span><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:19px"></span><span aria-hidden="true" class="absolute w-px origin-top bg-[hsl(var(--foreground)/0.24)]" style="left:33px;top:0;height:50%;transform:scaleY(var(--p-morePeople))"></span><span aria-hidden="true" class="absolute h-px origin-left bg-[hsl(var(--foreground)/0.24)]" style="left:33px;top:50%;width:9px;transform:scaleX(var(--p-morePeople))"></span><span class="relative inline-flex items-center gap-1.5 font-mono leading-none tracking-[-0.01em] text-[12px] font-semibold text-foreground/80" style="padding-left:44px"><span class="flex items-center"><span class="grid place-items-center w-[18px] h-[18px] rounded-full bg-[hsl(var(--warm-light))] border-2 border-[hsl(var(--surface-raised))] " style="transform:translateY(0px);z-index: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-user h-[11px] w-[11px] text-[hsl(var(--warm-text))]" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></span><span class="grid place-items-center w-[18px] h-[18px] rounded-full bg-[hsl(var(--warm-light))] border-2 border-[hsl(var(--surface-raised))] -ml-2" style="transform:translateY(-3px);z-index:2"><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 h-[11px] w-[11px] text-[hsl(var(--warm-text))]" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></span><span class="grid place-items-center w-[18px] h-[18px] rounded-full bg-[hsl(var(--warm-light))] border-2 border-[hsl(var(--surface-raised))] -ml-2" style="transform:translateY(-6px);z-index:1"><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 h-[11px] w-[11px] text-[hsl(var(--warm-text))]" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></span></span>
22<span class="text-[12px] font-semibold text-foreground/75">+12 more</span></span></div><div class="relative h-[18px] flex items-center " style="opacity:var(--p-settings);transform:translateY(calc((1 - var(--p-settings)) * 3px))"><span aria-hidden="true" class="absolute top-0 bottom-0 w-px bg-[hsl(var(--foreground)/0.18)]" style="left:5px"></span><span aria-hidden="true" class="absolute w-px origin-top bg-[hsl(var(--foreground)/0.24)]" style="left:19px;top:0;height:50%;transform:scaleY(var(--p-settings))"></span><span aria-hidden="true" class="absolute h-px origin-left bg-[hsl(var(--foreground)/0.24)]" style="left:19px;top:50%;width:9px;transform:scaleX(var(--p-settings))"></span><span class="relative inline-flex items-center gap-1.5 font-mono leading-none tracking-[-0.01em] text-[12px] font-normal text-foreground/70" style="padding-left:30px">settings.json</span></div><div class="relative h-[18px] flex items-center " style="opacity:var(--p-claudeMd);transform:translateY(calc((1 - var(--p-claudeMd)) * 3px))"><span aria-hidden="true" class="absolute w-px origin-top bg-[hsl(var(--foreground)/0.24)]" style="left:5px;top:0;height:50%;transform:scaleY(var(--p-claudeMd))"></span><span aria-hidden="true" class="absolute h-px origin-left bg-[hsl(var(--foreground)/0.24)]" style="left:5px;top:50%;width:9px;transform:scaleX(var(--p-claudeMd))"></span><span class="relative inline-flex items-center gap-1.5 font-mono leading-none tracking-[-0.01em] text-[13px] font-bold text-[hsl(var(--warm-text))]" style="padding-left:16px">CLAUDE.md</span></div></div><div class="w-[140px] shrink-0 self-stretch flex flex-col items-end justify-start pt-px gap-2 text-right"><p class="text-[16px] font-bold text-foreground tracking-[-0.015em] leading-[1.12]" style="opacity:var(--p-headline);transform:translateX(calc((1 - var(--p-headline)) * 10px))">Your skills compile for Claude Code and Codex.</p><div class="flex flex-col items-end gap-2.5 mt-2"><img src="/assets/logo-openai-xl2KzdHb.png" alt="" aria-hidden="true" class="h-[36px] w-auto shrink-0 dark:invert" style="opacity:var(--p-pillCodex);transform:translateX(calc((1 - var(--p-pillCodex)) * 12px))"><img src="/assets/logo-ai-badge-CU4pHoVa.png" alt="" aria-hidden="true" class="h-[36px] w-auto shrink-0 " style="opacity:var(--p-pillClaude);transform:translateX(calc((1 - var(--p-pillClaude)) * 12px))"><img src="data:image/svg+xml,%3csvg%20height='1em'%20style='flex:none;line-height:1'%20viewBox='0%200%2024%2024'%20width='1em'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eGemini%3c/title%3e%3cpath%20d='M20.616%2010.835a14.147%2014.147%200%2001-4.45-3.001%2014.111%2014.111%200%2001-3.678-6.452.503.503%200%2000-.975%200%2014.134%2014.134%200%2001-3.679%206.452%2014.155%2014.155%200%2001-4.45%203.001c-.65.28-1.318.505-2.002.678a.502.502%200%20000%20.975c.684.172%201.35.397%202.002.677a14.147%2014.147%200%20014.45%203.001%2014.112%2014.112%200%20013.679%206.453.502.502%200%2000.975%200c.172-.685.397-1.351.677-2.003a14.145%2014.145%200%20013.001-4.45%2014.113%2014.113%200%20016.453-3.678.503.503%200%20000-.975%2013.245%2013.245%200%2001-2.003-.678z'%20fill='%233186FF'%3e%3c/path%3e%3cpath%20d='M20.616%2010.835a14.147%2014.147%200%2001-4.45-3.001%2014.111%2014.111%200%2001-3.678-6.452.503.503%200%2000-.975%200%2014.134%2014.134%200%2001-3.679%206.452%2014.155%2014.155%200%2001-4.45%203.001c-.65.28-1.318.505-2.002.678a.502.502%200%20000%20.975c.684.172%201.35.397%202.002.677a14.147%2014.147%200%20014.45%203.001%2014.112%2014.112%200%20013.679%206.453.502.502%200%2000.975%200c.172-.685.397-1.351.677-2.003a14.145%2014.145%200%20013.001-4.45%2014.113%2014.113%200%20016.453-3.678.503.503%200%20000-.975%2013.245%2013.245%200%2001-2.003-.678z'%20fill='url(%23lobe-icons-gemini-0-_R_0_)'%3e%3c/path%3e%3cpath%20d='M20.616%2010.835a14.147%2014.147%200%2001-4.45-3.001%2014.111%2014.111%200%2001-3.678-6.452.503.503%200%2000-.975%200%2014.134%2014.134%200%2001-3.679%206.452%2014.155%2014.155%200%2001-4.45%203.001c-.65.28-1.318.505-2.002.678a.502.502%200%20000%20.975c.684.172%201.35.397%202.002.677a14.147%2014.147%200%20014.45%203.001%2014.112%2014.112%200%20013.679%206.453.502.502%200%2000.975%200c.172-.685.397-1.351.677-2.003a14.145%2014.145%200%20013.001-4.45%2014.113%2014.113%200%20016.453-3.678.503.503%200%20000-.975%2013.245%2013.245%200%2001-2.003-.678z'%20fill='url(%23lobe-icons-gemini-1-_R_0_)'%3e%3c/path%3e%3cpath%20d='M20.616%2010.835a14.147%2014.147%200%2001-4.45-3.001%2014.111%2014.111%200%2001-3.678-6.452.503.503%200%2000-.975%200%2014.134%2014.134%200%2001-3.679%206.452%2014.155%2014.155%200%2001-4.45%203.001c-.65.28-1.318.505-2.002.678a.502.502%200%20000%20.975c.684.172%201.35.397%202.002.677a14.147%2014.147%200%20014.45%203.001%2014.112%2014.112%200%20013.679%206.453.502.502%200%2000.975%200c.172-.685.397-1.351.677-2.003a14.145%2014.145%200%20013.001-4.45%2014.113%2014.113%200%20016.453-3.678.503.503%200%20000-.975%2013.245%2013.245%200%2001-2.003-.678z'%20fill='url(%23lobe-icons-gemini-2-_R_0_)'%3e%3c/path%3e%3cdefs%3e%3clinearGradient%20gradientUnits='userSpaceOnUse'%20id='lobe-icons-gemini-0-_R_0_'%20x1='7'%20x2='11'%20y1='15.5'%20y2='12'%3e%3cstop%20stop-color='%2308B962'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%2308B962'%20stop-opacity='0'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient%20gradientUnits='userSpaceOnUse'%20id='lobe-icons-gemini-1-_R_0_'%20x1='8'%20x2='11.5'%20y1='5.5'%20y2='11'%3e%3cstop%20stop-color='%23F94543'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%23F94543'%20stop-opacity='0'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient%20gradientUnits='userSpaceOnUse'%20id='lobe-icons-gemini-2-_R_0_'%20x1='3.5'%20x2='17.5'%20y1='13.5'%20y2='12'%3e%3cstop%20stop-color='%23FABC12'%3e%3c/stop%3e%3cstop%20offset='.46'%20stop-color='%23FABC12'%20stop-opacity='0'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" alt="" aria-hidden="true" class="h-[36px] w-auto shrink-0 " style="opacity:var(--p-pillGemini);transform:translateX(calc((1 - var(--p-pillGemini)) * 12px))"></div></div></div><div class="shrink-0 pt-3"><div class="relative h-[15px] mb-1"><span class="absolute inset-x-0 top-0 flex items-center gap-1.5 text-[11px] font-medium leading-none text-foreground
22/65 whitespace-nowrap" style="opacity:calc(1 - var(--p-built))"><span class="h-[5px] w-[5px] rounded-full bg-[hsl(var(--warm))] motion-safe:animate-pulse" aria-hidden="true"></span>Building your AI semantic layer…</span><span class="absolute inset-x-0 top-0 flex items-center gap-1.5 text-[11px] font-semibold leading-none text-[hsl(var(--warm-text))] whitespace-nowrap" style="opacity:var(--p-built)"><svg width="12" height="12" viewBox="0 0 14 14" aria-hidden="true"><path d="M2.5 7.5 L6 11 L11.5 3.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Your AI semantic layer, ready</span></div><div class="relative h-[5px] w-full overflow-hidden rounded-full bg-[hsl(var(--foreground)/0.1)]"><span class="absolute inset-y-0 left-0 w-full origin-left rounded-full bg-[hsl(var(--warm))] shadow-[0_0_8px_hsl(var(--warm)/0.5)]" style="transform:scaleX(var(--p-progress))" aria-hidden="true"></span></div></div></div></div></div></div><div class="mt-3 pt-3 border-t border-[hsl(var(--warm-border)/0.30)] flex items-center justify-center gap-3 text-[13px] uppercase tracking-[0.08em]"><a class="text-foreground/75 hover:text-[hsl(var(--warm-text))] transition-colors" href="/demos">Demos</a><span class="inline-block h-3 w-px bg-[hsl(var(--warm-border)/0.55)]" aria-hidden="true"></span><a class="text-foreground/75 hover:text-[hsl(var(--warm-text))] transition-colors" href="/faq">FAQ</a><span class="inline-block h-3 w-px bg-[hsl(var(--warm-border)/0.55)]" aria-hidden="true"></span><a class="text-foreground/75 hover:text-[hsl(var(--warm-text))] transition-colors" href="/blog">Blog</a><span class="inline-block h-3 w-px bg-[hsl(var(--warm-border)/0.55)]" aria-hidden="true"></span><a class="text-foreground/75 hover:text-[hsl(var(--warm-text))] transition-colors" href="/trust">Trust</a></div></div></div></div><div class="relative flex flex-col items-center"><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:text-accent-foreground rounded-md text-muted-foreground text-sm font-medium tracking-tight transition-all duration-200 h-8 px-3 hover:bg-transparent" href="/company">Company</a><div class="absolute -bottom-[1px] left-1.5 right-1.5 h-[2px] rounded-full transition-all duration-300 bg-transparent"></div></div><div class="relative flex flex-col items-center"><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:text-accent-foreground rounded-md text-muted-foreground text-sm font-medium tracking-tight transition-all duration-200 h-8 px-3 hover:bg-transparent" href="/pricing">Pricing</a><div class="absolute -bottom-[1px] left-1.5 right-1.5 h-[2px] rounded-full transition-all duration-300 bg-transparent"></div></div><div class="relative flex flex-col items-center"><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:text-accent-foreground rounded-md text-muted-foreground text-sm font-medium tracking-tight transition-all duration-200 h-8 px-3 hover:bg-transparent" href="/contact">Contact Us</a><div class="absolute -bottom-[1px] left-1.5 right-1.5 h-[2px] rounded-full transition-all duration-300 bg-[hsl(var(--warm))] shadow-[0_0_4px_hsl(var(--warm)/0.3)]"></div></div></div></div><div class="flex-1 min-w-0" aria-hidden="true"></div></div><div class="flex items-center gap-3 shrink-0"><button class="lg:hidden h-[31px] w-[31px] flex items-center justify-center rounded-md border border-border hover:bg-muted transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" aria-label="Open navigation menu"><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-4 w-4 text-foreground"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button><a class="lg:hidden relative flex flex-col items-center cursor-pointer" href="/studio?demo=true"><span class="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors px-2 py-1">Studio</span><div class="absolute -bottom-[4px] left-1 right-1 h-[2px] rounded-full transition-all duration-300 bg-transparent"></div></a><div class="hidden lg:flex" style="opacity:calc(max(0, 1 - var(--np) * 2.2));transform:scale(calc(1 - var(--np) * 0.15));pointer-events:auto;will-change:auto"><div data-nav-dropdown="true" class="relative flex flex-col items-center"><button class="flex items-center gap-1.5 h-[31px] px-3.5 text-[13px] font-semibold rounded-md cursor-pointer transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring bg-[hsl(var(--warm))] text-white border border-transparent">Try Chion<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"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute top-[calc(100%+2px)] right-0 w-[240px] z-50 transition-all opacity-0 -translate-y-1 pointer-events-none" style="transition-duration:220ms;transition-timing-function:cubic-bezier(0.16,1,0.3,1)"><div class="relative mt-[20px] rounded-bl-md rounded-br-md rounded-tl-md bg-muted text-popover-foreground border border-border/30 shadow-[3px_3px_8px_rgba(0,0,0,0.06)] p-1.5 overflow-visible"><div class="absolute -top-[20px] right-0 h-[20px] rounded-t-[3px] bg-muted border-l border-t border-r border-border/30" style="width:0px"></div><button class="flex items-center gap-3 py-2.5 px-3 rounded-md transition-colors w-full text-left cursor-pointer "><img src="/assets/chion-icon-YmL9jM3X.png" alt="Chion Studio" class="shrink-0 rounded-md" style="width:36px;height:36px"><div><p class="text-[14px] font-semibold text-foreground leading-tight">Chion Studio</p><p class="text-[11px] text-muted-foreground mt-0.5 leading-tight">AI semantic layer for PostgreSQL</p></div></button><div class="relative mt-0.5 pl-[26px]"><div class="absolute left-[21px] top-0 bottom-1/2 w-px bg-[hsl(var(--warm)/0.30)]"></div><div class="absolute left-[21px] top-1/2 h-px w-[10px] bg-[hsl(var(--warm)/0.30)]"></div><button class="flex items-center gap-2.5 py-2 px-2 rounded-md transition-colors w-full text-left cursor-pointer " aria-label="CHION.md — Studio skill"><div class="shrink-0 rounded-[5px] flex items-center justify-center bg-[hsl(var(--warm)/0.18)] border border-[hsl(var(--warm)/0.35)]" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-3 w-3 text-[hsl(var(--warm-text))]"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="min-w-0"><p class="text-[12.5px] font-medium text-foreground leading-tight">SQL Skills Generator</p><p class="text-[10.5px] text-muted-foreground mt-0.5 leading-tight font-mono">CHION.md</p></div></button></div></div></div></div></div></div></div></nav><main class="flex-1 w-full"><section class="relative overflow-hidden" style="background:linear-gradient(135deg, hsl(200 20% 14%) 0%, hsl(198 40% 20%) 40%, hsl(200 15% 16%) 100%)"><div class="max-w-5xl mx-auto px-6 pt-10 sm:pt-12 pb-10 sm:pb-12"><p class="text-eyebrow uppercase text-white/50 mb-3">Product walkthrough · Technical pilot · Security review</p><h1 class="text-h2 text-white mb-4 [text-wrap:balance]"><span class="text-warm">Book a Chion demo</span>, a pilot on your Postgres, or a security review.</h1><p class="text-body text-white/70 max-w-xl">Tell us which one you need: a product walkthrough, a technical pilot on a database you choose, or a security review. Email<!-- --> <a href="mailto:[email protected]" class="text-warm hover:text-warm-hover underline underline-offset-2 transition-colors font-medium">[email protected]</a> <!-- -->or pick a subject in the form below. Chion publishes no response-time commitment today.</p></div></section><section class="max-w-5xl mx-auto px-6 pt-12 pb-24"><div class="grid gap-6 lg:grid-cols-[minmax(260px,320px)_minmax(0,1fr)] lg:items-start"><div class="order-2 lg:order-1 rounded-xl border border-border/50 bg-surface-raised p-6"><h2 class="text-lg font-bold text-foreground mb-4">Send it to [email protected]</h2>
22<ul class="space-y-4 text-[14px] text-foreground/70"><li><span class="block text-[12px] font-semibold uppercase tracking-[0.12em] text-foreground/45 mb-1">Email</span><a href="mailto:[email protected]" class="text-base text-warm hover:text-warm-hover underline underline-offset-2 transition-colors font-medium">[email protected]</a></li><li><span class="block text-[12px] font-semibold uppercase tracking-[0.12em] text-foreground/45 mb-1">Best for</span>A product walkthrough, a technical pilot, a security review, or a billing question.</li><li><span class="block text-[12px] font-semibold uppercase tracking-[0.12em] text-foreground/45 mb-1">Response time</span>No commitment published today.</li><li><span class="block text-[12px] font-semibold uppercase tracking-[0.12em] text-foreground/45 mb-2">Socials</span><div class="flex flex-wrap gap-x-4 gap-y-2"><a href="https://www.linkedin.com/company/chion-ai/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 text-warm hover:text-warm-hover underline underline-offset-2 transition-colors"><img src="/assets/linkedin-CHBsXBEb.png" alt="LinkedIn" width="14" height="14" class="object-contain inline-block">LinkedIn</a><a href="https://x.com/chionanalytics" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 text-warm hover:text-warm-hover underline underline-offset-2 transition-colors"><img src="/assets/x-black-k2An6_W0.png" alt="X" width="14" height="14" class="object-contain inline-block">X</a><a href="https://www.youtube.com/@chionai" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 text-warm hover:text-warm-hover underline underline-offset-2 transition-colors"><img src="/assets/youtube-Bctfaqb1.png" alt="YouTube" width="14" height="14" class="object-contain inline-block">YouTube</a><a href="https://www.instagram.com/chion.ai" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 text-warm hover:text-warm-hover underline underline-offset-2 transition-colors"><img src="/assets/instagram-CLRl71Pb.png" alt="Instagram" width="14" height="14" class="object-contain inline-block">Instagram</a></div></li></ul></div><div class="order-1 lg:order-2 w-full min-w-0"><div class="rounded-xl border border-border/50 bg-surface-raised px-6 py-6 sm:px-8 sm:py-8"><h2 class="text-lg font-bold text-foreground mb-6 flex items-center gap-2"><img src="/assets/chion-icon-YmL9jM3X.png" alt="Chion logo" class="h-5 w-5">Tell us what to show in the demo.</h2><p class="text-[14px] text-foreground/60 leading-relaxed mb-6">A walkthrough shows the generated SELECT, code-validated before it runs and printed under the chart. Chion compiles a query you saved and reviewed in Studio into a skill file for Claude Code and Codex.</p><form class="max-w-lg space-y-5"><div class="space-y-1.5"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center gap-1.5" for="subject">Subject<span class="text-[11px] font-bold text-foreground/80">(required)</span></label><button type="button" role="combobox" aria-controls="radix-:R8f6dp:" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder="" class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm r
22ing-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&amp;>span]:line-clamp-1" id="subject"><span style="pointer-events:none">Select a topic</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-4 w-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select></div><div class="space-y-1.5"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center gap-1.5" for="name">Name<span class="text-[12px] italic text-foreground/65">(optional)</span></label><input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base text-foreground ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" id="name" placeholder="Your full name" value=""></div><div class="space-y-1.5"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center gap-1.5" for="company_name">Company Name<span class="text-[12px] italic text-foreground/65">(optional)</span></label><input class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base text-foreground ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" id="company_name" placeholder="Your company" value=""></div><div class="space-y-1.5"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center gap-1.5" for="email">Email<span class="text-[11px] font-bold text-foreground/80">(required)</span></label><input type="email" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base text-foreground ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm" id="email" placeholder="[email protected]" value=""></div><div class="space-y-1.5"><label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center gap-1.5" for="message">Message<span class="text-[11px] font-bold text-foreground/80">(required)</span></label><textarea class="flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50" id="message" placeholder="How can we help?" rows="5" maxlength="2000"></textarea><div class="flex justify-between items-center"><span></span><p class="text-[12px] tabular-nums text-foreground/40">0<!-- -->/<!-- -->2,000</p></div></div><div class="flex items-start gap-3"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" class="peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground mt-0.5" id="marketing_opt_in"></button><input type="checkbox" aria-hidden="true" tabindex="-1" style="position:absolute;pointer-events:none;opacity:0;margin:0;transform:translateX(-100%)" value="on"><label for="marketing_opt_in" class="text-[13px] text-foreground
22/60 leading-relaxed cursor-pointer">I want to receive updates about new features and products from Chion.</label></div><p class="text-[12px] text-foreground/40 leading-relaxed">By submitting this form, you agree with our<!-- --> <a href="/terms" class="text-warm underline underline-offset-2 hover:text-warm-hover transition-colors">Terms of Service</a>. We process your data to respond to your contact request in accordance with our<!-- --> <a href="/privacy" class="text-warm underline underline-offset-2 hover:text-warm-hover transition-colors">Privacy Policy</a>.</p><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-warm text-warm-foreground hover:bg-warm-hover font-bold shadow-md hover:shadow-lg transform active:scale-95 transition-all duration-200 h-10 px-4 py-2 w-full sm:w-auto" type="submit">Submit</button></form></div></div></div><div class="mt-16"><div class="rounded-2xl border border-warm/20 bg-gradient-to-br from-warm/10 via-surface-raised to-surface-raised p-6 sm:p-8"><div class="max-w-2xl"><div class="inline-flex items-center rounded-full border border-warm/30 bg-background/70 px-3 py-1 text-[12px] font-semibold uppercase tracking-[0.14em] text-warm">FAQ</div><h2 class="text-2xl sm:text-3xl font-bold text-foreground mt-4 mb-3">Get answers before you book</h2><p class="text-[15px] sm:text-[16px] text-foreground/70 leading-relaxed">Start with the FAQ. It is the fastest path for product questions, setup details, plan information, and common workflow answers before you send a message.</p></div><div class="mt-6 rounded-2xl border border-border/50 bg-background/85 p-3 sm:p-4"><a class="flex items-center justify-between gap-4 rounded-xl px-2 py-2 transition-colors hover:bg-muted/40" href="/faq"><div class="min-w-0"><p class="text-[13px] font-semibold uppercase tracking-[0.12em] text-foreground/45">Search the FAQ</p><p class="mt-1 text-[15px] text-foreground/65">Ask Chion about plans, security, setup, or how the product works.</p></div><span class="shrink-0 rounded-full border border-warm/30 bg-warm/10 px-4 py-2 text-[13px] font-medium text-warm">Browse the FAQ</span></a></div><div class="mt-8 grid gap-6 md:grid-cols-2"><div><h3 class="text-[15px] font-semibold text-foreground mb-3">Documentation</h3><ul class="space-y-2 list-disc list-inside text-[14px] text-foreground/70"><li><a class="text-warm hover:text-warm-hover underline underline-offset-2 transition-colors" href="/faq">FAQ</a></li><li><a class="text-warm hover:text-warm-hover underline underline-offset-2 transition-colors" href="/sql-insights-generator">How it works</a></li><li><a class="text-warm hover:text-warm-hover underline underline-offset-2 transition-colors" href="/demos">Watch the demo</a></li></ul></div><div><h3 class="text-[15px] font-semibold text-foreground mb-3">Scope a dedicated enterprise deployment</h3><p class="text-[14px] text-foreground/70 leading-relaxed">Managed cloud today. Dedicated GPU compute and on-premise model hosting are Enterprise roadmap items discussed under contract.<!-- --> <a href="mailto:[email protected]?subject=Enterprise%20deployment" class="text-warm hover:text-warm-hover underline underline-offset-2 transition-colors font-medium">Email enterprise sales</a> <!-- -->to scope your needs, or review<!-- --> <a class="text-warm hover:text-warm-hover underline underline-offset-2 transition-colors font-medium" href="/trust">trust &amp; security</a>.</p></div></div></div></div><p class="text-[13px] text-foreground/40 mt-12">Last reviewed: <!-- -->June 9, 2026<!-- -->. See also:<!-- --> <a class="text-warm hover:text-warm-hover underline underline-offset-2 transition-colors" href="/faq">FAQ</a> · <a class="text-warm hover:text-warm-hover underline underline-offset-2 transition-colors" href="/pricing">Pricing</a></p></section></main><footer class="w-full bg-[hsl(200_15%_8%)] px-6 pt-12 sm:pt-16 pb-[max(3rem,env(safe-area-inset-bottom))] sm:pb-[max(4rem,env(safe-area-inset-bottom))]"><div class="max-w-5xl mx-auto"><div class="flex flex-col md:flex-row gap-10 md:gap-12"><div class="shrink-0"><a aria-label="Chion — go to homepage" href="/"><img src="/assets/chion-icon-YmL9jM3X.png" alt="Chion" class="h-11 w-11 rounded-lg opacity-90 hover:opacity-100 transition-opacity"></a><ul class="mt-4 space-y-2"><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/">Chion</a></li><li><a class="text-[13px] font-medium text-[hsl(var(--warm))] hover:text-[hsl(var(--warm-hover))] transition-colors" href="/studio">Chion Studio</a></li></ul></div><div class="flex-1 grid grid-cols-2 md:grid-cols-3 gap-x-8 gap-y-10"><div class="space-y-8"><div><h2 class="text-[11px] font-bold uppercase tracking-wider text-white/40 mb-3">Products</h2><ul class="space-y-2"><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/sql-insights-generator">Insights Generator</a></li><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/sql-skills-generator">Skills Generator</a></li></ul></div><div><h2 class="text-[11px] font-bold uppercase tracking-wider text-white/40 mb-3">What you can ask</h2><ul class="space-y-2"><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/sql-ai-analyst">AI SQL Analyst Framework</a></li><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/conversational-analytics">Conversational Analytics</a></li><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/sql-query-generator">Postgres SQL Generation</a></li></ul></div></div><div class="space-y-8"><div><h2 class="text-[11px] font-bold uppercase tracking-wider text-white/40 mb-3">Why Chion, not BI</h2><ul class="space-y-2"><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/compare/chion-v
22s-text-to-sql-tools">Text-to-SQL Tools for Postgres</a></li><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/compare/chion-vs-bi-dashboards">Power BI Copilot Alternative</a></li></ul></div><div><h2 class="text-[11px] font-bold uppercase tracking-wider text-white/40 mb-3">Works with your Postgres</h2><ul class="space-y-2"><li><a class="text-[13px] font-medium text-white/75 hover:text-white transition-colors" href="/integrations/postgresql">PostgreSQL overview</a></li><li><a class="text-[12px] text-white/50 hover:text-white/85 transition-colors" href="/integrations/postgresql/aws-rds">Amazon RDS</a></li><li><a class="text-[12px] text-white/50 hover:text-white/85 transition-colors" href="/integrations/postgresql/azure">Azure</a></li><li><a class="text-[12px] text-white/50 hover:text-white/85 transition-colors" href="/integrations/postgresql/gcp">Google Cloud SQL</a></li><li><a class="text-[12px] text-white/50 hover:text-white/85 transition-colors" href="/integrations/postgresql/neon">Neon</a></li><li><a class="text-[12px] text-white/50 hover:text-white/85 transition-colors" href="/integrations/postgresql/supabase">Supabase</a></li></ul></div></div><div class="space-y-8"><div><h2 class="text-[11px] font-bold uppercase tracking-wider text-white/40 mb-3">Resources</h2><ul class="space-y-2"><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/demos">Text-to-SQL Demo Videos</a></li><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/blog">Blog</a></li><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/resources">Resources</a></li><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/resources/text-to-sql-prompt-injection-defense">Prompt-injection defense</a></li><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/resources/skill-md-frontmatter">SKILL.md frontmatter fix</a></li><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/faq">FAQ</a></li><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/trust">Trust</a></li></ul></div><div><h2 class="text-[11px] font-bold uppercase tracking-wider text-white/40 mb-3">Company</h2><ul class="space-y-2"><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/company">About Us</a></li><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/pricing">Pricing</a></li><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/contact">Contact Us</a></li></ul></div><div><h2 class="text-[11px] font-bold uppercase tracking-wider text-white/40 mb-3">Legal</h2><ul class="space-y-2"><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/terms">Terms of Service</a></li><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/privacy">Privacy Policy</a></li><li><a class="text-[13px] text-white/60 hover:text-white transition-colors" href="/licenses">Licenses</a></li></ul></div></div></div></div><div class="flex items-center justify-between gap-4 flex-wrap border-t border-white/10 pt-6 mt-10"><span class="text-[12px] text-white/30">© <!-- -->2026<!-- --> Dagnostics LLC dba Chion. All rights reserved.</span><div class="flex items-center gap-5"><a href="https://github.com/jonfdag-dot/postgres-claude-skills-generator" target="_blank" rel="noopener noreferrer" class="text-[12px] text-white/40 hover:text-white/80 transition-colors">Open-source Skills</a><a href="https://www.linkedin.com/company/chion-ai/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/linkedin-CHBsXBEb.png" alt="LinkedIn" width="16" height="16" class="object-contain"></a><a href="https://x.com/chionanalytics" target="_blank" rel="noopener noreferrer" aria-label="X" class="opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/x-white-o2QQjF3X.png" alt="X" width="16" height="16" class="object-contain"></a><a href="https://www.youtube.com/@chionai" target="_blank" rel="noopener noreferrer" aria-label="YouTube" class="opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/youtube-Bctfaqb1.png" alt="YouTube" width="16" height="16" class="object-contain"></a><a href="https://www.instagram.com/chion.ai" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="opacity-80 hover:opacity-100 transition-opacity"><img src="/assets/instagram-CLRl71Pb.png" alt="Instagram" width="16" height="16" class="object-contain"></a></div></div></div></footer></div><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events:none"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div>
22<script>window.__staticRouterHydrationData = JSON.parse("{\"loaderData\":{\"0\":null,\"0-15\":null},\"actionData\":null,\"errors\":null}");</script>
22</div>
23<script>window.__VITE_REACT_SSG_HASH__ = '3wvgq3jhok'</script>
23
24  
25
26</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.