File: /var/www/quadcode.com/build/server/chunks/_page.svelte-c7bd6840.js
import { c as c$1 } from './index2-db879dd9.js';
import { A, T, C, w } from './ssr-c4e448c1.js';
import { R as Ra, L as La } from './index3-8414fc92.js';
import { e } from './seo-image-91f6758f.js';
import { R } from './SeoHead-cf9ae2ac.js';
import { U } from './Lang-e045d324.js';
import './public-dbee323b.js';
const c="/_app/immutable/assets/QCBS_logo_blk_Header.b8cc0800.svg",f="/_app/immutable/assets/qc-LogoEmblem.edf25239.svg",y="/_app/immutable/assets/group-59595-slack-iphone.1ea538e2.svg",M=A((l,w$1,g,b)=>{let a,i;return i=c$1(La,p=>a=p),a("ai-analyst.flow.step1.user"),a("ai-analyst.flow.step1.ai"),a("ai-analyst.flow.step2.user"),a("ai-analyst.flow.step2.ai"),a("ai-analyst.flow.step3.user"),a("ai-analyst.flow.step3.ai"),a("ai-analyst.flow.step4.user"),a("ai-analyst.flow.step4.ai"),a("ai-analyst.hero.typed1"),a("ai-analyst.hero.typed2"),a("ai-analyst.hero.typed3"),a("ai-analyst.hero.typed4"),i(),`${T(R,"SeoHead").$$render(l,{image:e,type:"website",title:a("ai-analyst.seo.title"),description:a("ai-analyst.seo.description")},{},{})} <header class="topbar"><div class="container topbar__inner"><a${C("href",Ra("/"),0)} data-svelte-h="svelte-1minxy5"><img class="logo"${C("src",c,0)} alt="Quadcode"></a> <nav class="nav" aria-label="Sections"><a href="${w(Ra("/ai-analyst"),!0)+"#problem"}">${w(a("ai-analyst.nav.problem"))}</a> <a href="${w(Ra("/ai-analyst"),!0)+"#solution"}">${w(a("ai-analyst.nav.solution"))}</a> <a href="${w(Ra("/ai-analyst"),!0)+"#roles"}">${w(a("ai-analyst.nav.aiRoles"))}</a> <a href="${w(Ra("/ai-analyst"),!0)+"#how-it-works"}">${w(a("ai-analyst.nav.howItWorks"))}</a> <a href="${w(Ra("/ai-analyst"),!0)+"#security"}">${w(a("ai-analyst.nav.security"))}</a></nav> <div class="topbar__right">${T(U,"Lang").$$render(l,{},{},{})} <button class="btn btn--primary btn--sm">${w(a("ai-analyst.cta.requestDemo"))}</button></div></div></header> <article class="layout"><main> <section class="hero" id="top"><div class="hero__grid" aria-hidden="true"></div> <div class="hero__icons" aria-hidden="true" data-svelte-h="svelte-1l7fghi"><div class="hero__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"></path><path d="M18 9l-5 5-4-4-3 3"></path></svg></div> <div class="hero__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20V10M18 20V4M6 20v-4"></path></svg></div> <div class="hero__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v10l8 2"></path><path d="M12 2a10 10 0 1 0 10 10"></path></svg></div> <div class="hero__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"></path><circle cx="12" cy="12" r="4"></circle></svg></div> <div class="hero__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 4H2v4h20V4zM18 10H6v4h12v-4zM14 18h-4v4h4v-4z"></path></svg></div> <div class="hero__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"></path></svg></div> <div class="hero__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><path d="M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12"></path></svg></div> <div class="hero__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg></div></div> <div class="container hero__layout"><div class="hero__content"><h1>${w(a("ai-analyst.hero.h1"))}
<span class="typing-line" aria-live="polite" data-svelte-h="svelte-13aswz7"><span class="typed-text"></span></span></h1> <p>${w(a("ai-analyst.hero.subtitle"))}</p> <div class="hero__actions"><button class="btn btn--primary btn--shimmer-text"><span class="btn__label">${w(a("ai-analyst.hero.requestDemo"))}</span></button> <a class="btn btn--ghost" href="${w(Ra("/ai-analyst"),!0)+"#solution"}">${w(a("ai-analyst.hero.seeAiInAction"))}</a></div> <div class="hero-logos" id="heroLogos" role="region"${C("aria-label",a("ai-analyst.hero.logos.ariaLabel"),0)}><div class="hero-logos__track" data-svelte-h="svelte-6zh0b3"><div class="hero-logos__slot" data-slot="0" aria-roledescription="slide"><div class="hero-logos__slot-inner"></div></div> <div class="hero-logos__slot" data-slot="1" aria-roledescription="slide"><div class="hero-logos__slot-inner"></div></div> <div class="hero-logos__slot" data-slot="2" aria-roledescription="slide"><div class="hero-logos__slot-inner"></div></div></div></div></div></div></section> <div class="bento reveal"><div class="container"><div class="bento-grid stagger"><div class="bento-col"><article class="bento-card"><div class="bento-visual bento-users"><div class="bento-users__scene" aria-hidden="true"><svg width="390" height="389" viewBox="0 0 390 389" fill="none" xmlns="http://www.w3.org/2000/svg" class="bento-users__bg"><rect width="389.333" height="389" fill="#e7ecf4" fill-opacity="0.7"></rect><path d="M151.116 164.302L0.00195312 61.0625V388.44H389.332V61.0625L237.447 164.302C237.447 164.302 233.621 171.033 231.733 175.844C222.917 198.309 234.257 235.355 225.105 251.844C214.837 270.343 178.11 277.641 165.262 251.844C156.829 234.909 165.644 198.31 156.829 175.844C154.941 171.033 151.116 164.302 151.116 164.302Z" fill="#f9fbff"></path></svg> <span class="bento-avatar" style="--x-start:-66px;--x-mid:-54px;--x-end:-8px;--y-mid:72px;--s:0.96;animation-delay:-0.2s;" data-svelte-h="svelte-162rpi6"><img src="https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-1.png" alt=""></span> <span class="bento-avatar" style="--x-start:68px;--x-mid:58px;--x-end:10px;--y-mid:58px;--s:0.82;animation-delay:-1.4s;" data-svelte-h="svelte-z05p7p"><img src="https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-2.png" alt=""></span> <span class="bento-avatar" style="--x-start:-24px;--x-mid:-18px;--x-end:-3px;--y-mid:118px;--s:0.88;animation-delay:-2.6s;" data-svelte-h="svelte-1ob1ho7"><img src="https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-3.png" alt=""></span> <span class="bento-avatar" style="--x-start:14px;--x-mid:10px;--x-end:6px;--y-mid:144px;--s:0.92;animation-delay:-3.5s;" data-svelte-h="svelte-1qvpci5"><img src="https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-4.png" alt=""></span> <span class="bento-avatar" style="--x-start:-10px;--x-mid:-8px;--x-end:1px;--y-mid:96px;--s:1;animation-delay:-4.6s;" data-svelte-h="svelte-14jgvig"><img src="https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-5.png" alt=""></span> <img class="bento-users__logo"${C("src",f,0)} alt="Quadcode emblem"> <span class="bento-chip" style="--x-start:-10px;--x-end:-84px;--y-end:336px;--s:0.98;animation-delay:-0.8s;"><span class="bento-chip__icon" data-svelte-h="svelte-1nz4cud"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><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>${w(a("ai-analyst.bento.chip.newUser"))}</span> <span class="bento-chip" style="--x-start:4px;--x-end:4px;--y-end:304px;--s:1;animation-delay:-1.7s;"><span class="bento-chip__icon" data-svelte-h="svelte-1nz4cud"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><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>${w(a("ai-analyst.bento.chip.newUser"))}</span> <span class="bento-chip" style="--x-start:-6px;--x-end:-62px;--y-end:272px;--s:1;animation-delay:-2.7s;"><span class="bento-chip__icon" data-svelte-h="svelte-1nz4cud"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><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>${w(a("ai-analyst.bento.chip.newUser"))}</span> <span class="bento-chip" style="--x-start:8px;--x-end:-44px;--y-end:248px;--s:0.78;animation-delay:-3.5s;"><span class="bento-chip__icon" data-svelte-h="svelte-1nz4cud"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><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>${w(a("ai-analyst.bento.chip.newUser"))}</span> <span class="bento-chip" style="--x-start:-2px;--x-end:-28px;--y-end:354px;--s:0.86;animation-delay:-4.4s;"><span class="bento-chip__icon" data-svelte-h="svelte-1nz4cud"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><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>${w(a("ai-analyst.bento.chip.newUser"))}</span></div></div> <div class="bento-body"><h3>${w(a("ai-analyst.bento.users.title"))}</h3> <p>${w(a("ai-analyst.bento.users.desc"))}</p></div></article> <article class="bento-card"><div class="bento-visual bento-secure" data-svelte-h="svelte-rx050o"><div class="bento-secure__canvas-wrap" aria-hidden="true"><canvas class="bento-secure__canvas" id="secureAccessCanvas"></canvas></div> <div class="bento-secure__center" aria-hidden="true"><svg class="bento-secure__shield" viewBox="0 0 119 148" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.8" d="M117.725 81.2252C117.725 117.729 92.1721 135.981 61.8008 146.567C60.2104 147.106 58.4828 147.08 56.9092 146.494C26.4649 135.981 0.912109 117.729 0.912109 81.2252V30.1196C0.912109 28.1833 1.6813 26.3263 3.05047 24.9571C4.41963 23.588 6.27662 22.8188 8.21291 22.8188C22.8145 22.8188 41.0665 14.0578 53.7699 2.96059C55.3166 1.63914 57.2842 0.913086 59.3185 0.913086C61.3528 0.913086 63.3204 1.63914 64.8671 2.96059C77.6435 14.1308 95.8225 22.8188 110.424 22.8188C112.36 22.8188 114.217 23.588 115.587 24.9571C116.956 26.3263 117.725 28.1833 117.725 30.1196V81.2252Z" fill="rgba(230,35,52,0.10)" stroke="url(#secureStroke1)" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="0.8" d="M107.99 80.0097C107.99 110.43 86.6965 125.64 61.387 134.462C60.0617 134.911 58.6221 134.889 57.3108 134.401C31.9405 125.64 10.6465 110.43 10.6465 80.0097V37.4217C10.6465 35.8082 11.2875 34.2607 12.4284 33.1197C13.5694 31.9787 15.1169 31.3377 16.7305 31.3377C28.8985 31.3377 44.1085 24.0369 54.6946 14.7893C55.9836 13.6881 57.6232 13.083 59.3185 13.083C61.0138 13.083 62.6534 13.6881 63.9423 14.7893C74.5893 24.0978 89.7385 31.3377 101.906 31.3377C103.52 31.3377 105.068 31.9787 106.209 33.1197C107.349 34.2607 107.99 35.8082 107.99 37.4217V80.0097Z" fill="rgba(230,35,52,0.08)" stroke="url(#secureStroke2)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="0.6" d="M96.7589 78.6081C96.7589 102.008 80.3789 113.708 60.9101 120.494C59.8906 120.84 58.7832 120.823 57.7745 120.447C38.2589 113.708 21.8789 102.008 21.8789 78.6081V45.8481C21.8789 44.6069 22.372 43.4165 23.2496 42.5388C24.1273 41.6612 25.3177 41.1681 26.5589 41.1681C35.9189 41.1681 47.6189 35.5521 55.7621 28.4385C56.7536 27.5914 58.0148 27.126 59.3189 27.126C60.623 27.126 61.8842 27.5914 62.8757 28.4385C71.0657 35.5989 82.7189 41.1681 92.0789 41.1681C93.3201 41.1681 94.5105 41.6612 95.3882 42.5388C96.2658 43.4165 96.7589 44.6069 96.7589 45.8481V78.6081Z" fill="rgba(230,35,52,0.07)" stroke="url(#secureStroke3)" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M84.2774 77.0499C84.2774 92.6499 73.3574 100.45 60.3782 104.974C59.6986 105.204 58.9603 105.193 58.2878 104.943C45.2774 100.45 34.3574 92.6499 34.3574 77.0499V55.2099C34.3574 54.3824 34.6861 53.5889 35.2712 53.0037C35.8564 52.4186 36.6499 52.0899 37.4774 52.0899C43.7174 52.0899 51.5174 48.3459 56.9462 43.6035C57.6072 43.0388 58.448 42.7285 59.3174 42.7285C60.1868 42.7285 61.0276 43.0388 61.6886 43.6035C67.1486 48.3771 74.9174 52.0899 81.1574 52.0899C81.9849 52.0899 82.7785 52.4186 83.3636 53.0037C83.9487 53.5889 84.2774 54.3824 84.2774 55.2099V77.0499Z" fill="#111722"></path><defs><linearGradient id="secureStroke1" x1="59.3" y1="0.9" x2="59.3" y2="146.9" gradientUnits="userSpaceOnUse"><stop stop-color="var(--accent)"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient><linearGradient id="secureStroke2" x1="59.3" y1="13.1" x2="59.3" y2="134.8" gradientUnits="userSpaceOnUse"><stop stop-color="var(--accent)"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient><linearGradient id="secureStroke3" x1="59.3" y1="27.1" x2="59.3" y2="120.7" gradientUnits="userSpaceOnUse"><stop stop-color="var(--accent)"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient></defs></svg></div> <div class="bento-secure__vignette" aria-hidden="true"></div></div> <div class="bento-body"><h3>${w(a("ai-analyst.bento.secure.title"))}</h3> <p>${w(a("ai-analyst.bento.secure.desc"))}</p></div></article></div> <div class="bento-col"><article class="bento-card bento-balance-card"><div class="bento-visual"><div class="bento-balance__chart-wrap"><div class="bento-balance__days"><span>${w(a("ai-analyst.bento.balance.days.mo"))}</span><span>${w(a("ai-analyst.bento.balance.days.tu"))}</span><span>${w(a("ai-analyst.bento.balance.days.we"))}</span><span>${w(a("ai-analyst.bento.balance.days.th"))}</span><span>${w(a("ai-analyst.bento.balance.days.fr"))}</span><span>${w(a("ai-analyst.bento.balance.days.sa"))}</span><span>${w(a("ai-analyst.bento.balance.days.su"))}</span></div> <div class="bento-balance__chart" aria-hidden="true" data-svelte-h="svelte-drzd9f"><svg viewBox="0 0 620 170" preserveAspectRatio="none"><defs><linearGradient id="balanceFillGrad" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="var(--accent)" stop-opacity="0.22"></stop><stop offset="100%" stop-color="var(--accent)" stop-opacity="0"></stop></linearGradient></defs><path d="M0,95 C45,78 75,66 115,74 C160,84 185,116 230,102 C275,86 305,34 345,24 C390,14 430,94 470,88 C515,82 548,42 620,74 L620,170 L0,170 Z" fill="url(#balanceFillGrad)"></path><path d="M0,95 C45,78 75,66 115,74 C160,84 185,116 230,102 C275,86 305,34 345,24 C390,14 430,94 470,88 C515,82 548,42 620,74" fill="none" stroke="#1a2335" stroke-width="4" stroke-linecap="round"></path></svg></div></div></div> <div class="bento-balance__body"><p class="bento-balance__label">${w(a("ai-analyst.bento.balance.label"))}</p> <p class="bento-balance__value" data-svelte-h="svelte-1sayd23">$36,002.50</p> <p class="bento-balance__desc">${w(a("ai-analyst.bento.balance.desc"))}</p></div></article> <article class="bento-card bento-critical-card"><div class="bento-critical"><h3>${w(a("ai-analyst.bento.critical.title"))}</h3> <span class="bento-critical__icon" aria-hidden="true" data-svelte-h="svelte-1qc5psf"><svg width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.94 10.94 0 0 1 12 19.5C6 19.5 1.73 15.61.5 12c.73-2.2 2.25-4.49 4.48-6.28M9.9 4.24A10.97 10.97 0 0 1 12 4.5c6 0 10.27 3.89 11.5 7.5a12.98 12.98 0 0 1-2.23 3.62"></path><path d="m1 1 22 22"></path><path d="M9.53 9.53A3 3 0 0 0 12 15a2.9 2.9 0 0 0 1.26-.28"></path></svg></span></div></article> <article class="bento-card"><div class="bento-visual bento-feed" id="stayInformedFeed"><div class="bento-feed__viewport"><div class="bento-feed__track"><div class="bento-feed__item" data-feed-item><span class="bento-feed__icon" data-svelte-h="svelte-12ovdl7"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M2 12h4l3-9 6 18 3-9h4"></path></svg></span><span class="bento-feed__content"><strong>${w(a("ai-analyst.bento.feed.item1.title"))}</strong><span>${w(a("ai-analyst.bento.feed.item1.sub"))}</span></span></div> <div class="bento-feed__item" data-feed-item><span class="bento-feed__icon" data-svelte-h="svelte-1ufzkq3"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg></span><span class="bento-feed__content"><strong>${w(a("ai-analyst.bento.feed.item2.title"))}</strong><span>${w(a("ai-analyst.bento.feed.item2.sub"))}</span></span></div> <div class="bento-feed__item" data-feed-item><span class="bento-feed__icon" data-svelte-h="svelte-17miv5t"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg></span><span class="bento-feed__content"><strong>${w(a("ai-analyst.bento.feed.item3.title"))}</strong><span>${w(a("ai-analyst.bento.feed.item3.sub"))}</span></span></div> <div class="bento-feed__item" data-feed-item><span class="bento-feed__icon" data-svelte-h="svelte-12ovdl7"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M2 12h4l3-9 6 18 3-9h4"></path></svg></span><span class="bento-feed__content"><strong>${w(a("ai-analyst.bento.feed.item1.title"))}</strong><span>${w(a("ai-analyst.bento.feed.item1.sub"))}</span></span></div> <div class="bento-feed__item" data-feed-item><span class="bento-feed__icon" data-svelte-h="svelte-1ufzkq3"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg></span><span class="bento-feed__content"><strong>${w(a("ai-analyst.bento.feed.item2.title"))}</strong><span>${w(a("ai-analyst.bento.feed.item2.sub"))}</span></span></div> <div class="bento-feed__item" data-feed-item><span class="bento-feed__icon" data-svelte-h="svelte-17miv5t"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg></span><span class="bento-feed__content"><strong>${w(a("ai-analyst.bento.feed.item3.title"))}</strong><span>${w(a("ai-analyst.bento.feed.item3.sub"))}</span></span></div></div></div> <div class="bento-feed__fade bento-feed__fade--top" aria-hidden="true"></div> <div class="bento-feed__fade bento-feed__fade--bottom" aria-hidden="true"></div></div> <div class="bento-body"><h3>${w(a("ai-analyst.bento.feed.title"))}</h3> <p>${w(a("ai-analyst.bento.feed.desc"))}</p></div></article></div> <div class="bento-col"><article class="bento-card"><div class="bento-visual bento-convert"><div class="bento-convert__lane bento-convert__lane--top"><div class="bento-convert__track"><div class="bento-convert__item"><span class="bento-convert__avatar" data-svelte-h="svelte-18gi17i"><img src="https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-1.png" alt="Registration user"></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.registration"))}</strong><span data-svelte-h="svelte-1veg7zm">12 Nov '25</span></span></div> <div class="bento-convert__item"><span class="bento-convert__avatar" data-svelte-h="svelte-4g63mb"><img src="https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-2.png" alt="Registration user"></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.registration"))}</strong><span data-svelte-h="svelte-robnre">28 Oct '25</span></span></div> <div class="bento-convert__item"><span class="bento-convert__avatar" data-svelte-h="svelte-1jt0x5w"><img src="https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-3.png" alt="Registration user"></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.registration"))}</strong><span data-svelte-h="svelte-h7afr3">19 Nov '25</span></span></div> <div class="bento-convert__item"><span class="bento-convert__avatar" data-svelte-h="svelte-1x8gl1l"><img src="https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-4.png" alt="Registration user"></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.registration"))}</strong><span data-svelte-h="svelte-18jeqrf">03 Dec '25</span></span></div> <div class="bento-convert__item"><span class="bento-convert__avatar" data-svelte-h="svelte-18gi17i"><img src="https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-1.png" alt="Registration user"></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.registration"))}</strong><span data-svelte-h="svelte-1veg7zm">12 Nov '25</span></span></div> <div class="bento-convert__item"><span class="bento-convert__avatar" data-svelte-h="svelte-4g63mb"><img src="https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-2.png" alt="Registration user"></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.registration"))}</strong><span data-svelte-h="svelte-robnre">28 Oct '25</span></span></div> <div class="bento-convert__item"><span class="bento-convert__avatar" data-svelte-h="svelte-1jt0x5w"><img src="https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-3.png" alt="Registration user"></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.registration"))}</strong><span data-svelte-h="svelte-h7afr3">19 Nov '25</span></span></div> <div class="bento-convert__item"><span class="bento-convert__avatar" data-svelte-h="svelte-1x8gl1l"><img src="https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-4.png" alt="Registration user"></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.registration"))}</strong><span data-svelte-h="svelte-18jeqrf">03 Dec '25</span></span></div></div></div> <div class="bento-convert__center" data-svelte-h="svelte-du7ai1"><img class="bento-convert__logo"${C("src",c,0)} alt="Quadcode"></div> <div class="bento-convert__lane bento-convert__lane--bottom"><div class="bento-convert__track bento-convert__track--delay"><div class="bento-convert__item"><span class="bento-convert__icon" data-svelte-h="svelte-6iwghz"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.ftd"))}</strong><span data-svelte-h="svelte-uo4qw2">$149</span></span></div> <div class="bento-convert__item"><span class="bento-convert__icon" data-svelte-h="svelte-6iwghz"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.ftd"))}</strong><span data-svelte-h="svelte-vpo2rr">$89</span></span></div> <div class="bento-convert__item"><span class="bento-convert__icon" data-svelte-h="svelte-6iwghz"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.ftd"))}</strong><span data-svelte-h="svelte-xgk4tc">$279</span></span></div> <div class="bento-convert__item"><span class="bento-convert__icon" data-svelte-h="svelte-6iwghz"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.ftd"))}</strong><span data-svelte-h="svelte-1n1458q">$325</span></span></div> <div class="bento-convert__item"><span class="bento-convert__icon" data-svelte-h="svelte-6iwghz"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.ftd"))}</strong><span data-svelte-h="svelte-uo4qw2">$149</span></span></div> <div class="bento-convert__item"><span class="bento-convert__icon" data-svelte-h="svelte-6iwghz"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.ftd"))}</strong><span data-svelte-h="svelte-vpo2rr">$89</span></span></div> <div class="bento-convert__item"><span class="bento-convert__icon" data-svelte-h="svelte-6iwghz"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.ftd"))}</strong><span data-svelte-h="svelte-xgk4tc">$279</span></span></div> <div class="bento-convert__item"><span class="bento-convert__icon" data-svelte-h="svelte-6iwghz"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="bento-convert__txt"><strong>${w(a("ai-analyst.bento.convert.ftd"))}</strong><span data-svelte-h="svelte-1n1458q">$325</span></span></div></div></div></div> <div class="bento-body"><h3>${w(a("ai-analyst.bento.convert.title"))}</h3> <p>${w(a("ai-analyst.bento.convert.desc"))}</p></div></article> <article class="bento-card"><div class="bento-visual bento-rocket" data-svelte-h="svelte-1hicstm"><div class="bento-rocket__center"><div class="bento-rocket__circle"><div class="bento-rocket__icon" aria-hidden="true"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div></div></div></div> <div class="bento-body"><h3>${w(a("ai-analyst.bento.rocket.title"))}</h3> <p>${w(a("ai-analyst.bento.rocket.desc"))}</p></div></article></div></div></div></div> <section id="problem" class="section section--alt reveal"><div class="container"><div class="problem-grid"><div><span class="section-label">${w(a("ai-analyst.problem.label"))}</span> <h2 class="section-title"><!-- HTML_TAG_START -->${a("ai-analyst.problem.title")}<!-- HTML_TAG_END --></h2> <p class="section-text" style="max-width:480px;">${w(a("ai-analyst.problem.subtitle"))}</p> <div class="problem-steps stagger" style="margin-top:28px;"><div class="problem-step"><div class="problem-step__icon" data-svelte-h="svelte-ln46cw"><svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="9" cy="9" r="7"></circle><path d="M9 6v4"></path><circle cx="9" cy="14" r=".5" fill="currentColor"></circle></svg></div> <p>${w(a("ai-analyst.problem.step1"))}</p></div> <div class="problem-step"><div class="problem-step__icon" data-svelte-h="svelte-aikj9g"><svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="3" y="3" width="12" height="12" rx="2"></rect><path d="M7 8h4M7 11h2"></path></svg></div> <p>${w(a("ai-analyst.problem.step2"))}</p></div> <div class="problem-step"><div class="problem-step__icon" data-svelte-h="svelte-1b4r9pd"><svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M3 3v12h12"></path><polyline points="7,11 10,8 13,10"></polyline></svg></div> <p>${w(a("ai-analyst.problem.step3"))}</p></div> <div class="problem-step"><div class="problem-step__icon" data-svelte-h="svelte-1hierk0"><svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="9" cy="9" r="7"></circle><path d="M9 5v4l3 2"></path></svg></div> <p>${w(a("ai-analyst.problem.step4"))}</p></div></div></div> <div class="problem-visual" id="problemVisual"><div class="pv-body"><div class="pv-stream"><div class="pv-stream__row" style="--dur:40s;"><div class="pv-stream__track"><span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.registrations"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-1jscizr">+12.4%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.ltv"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-1gvk0ip">-3.1%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.ftds"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-z75r77">+6.7%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.arpu"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-dtvscr">-2.2%</span></span></div> <div class="pv-stream__track" aria-hidden="true"><span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.registrations"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-1jscizr">+12.4%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.ltv"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-1gvk0ip">-3.1%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.ftds"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-z75r77">+6.7%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.arpu"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-dtvscr">-2.2%</span></span></div></div> <div class="pv-stream__row pv-stream__row--reverse" style="--dur:34s;"><div class="pv-stream__track"><span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.conversion"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-7nk92n">-1.9%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.clicks"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-vonjbd">+14.8%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.views"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-1d0lpxm">+9.3%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.withdraws"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-dcbqqy">-5.6%</span></span></div> <div class="pv-stream__track" aria-hidden="true"><span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.conversion"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-7nk92n">-1.9%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.clicks"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-vonjbd">+14.8%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.views"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-1d0lpxm">+9.3%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.withdraws"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-dcbqqy">-5.6%</span></span></div></div> <div class="pv-stream__row" style="--dur:37s;"><div class="pv-stream__track"><span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--flat"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.cac"))}</span><span class="pv-chip__delta pv-chip__delta--flat" data-svelte-h="svelte-1ldbme7">+4.7%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.ggr"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-1vvxqqy">-6.1%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.pnl"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-d2ag1o">-7.2%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.ftds"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-z75r77">+6.7%</span></span></div> <div class="pv-stream__track" aria-hidden="true"><span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--flat"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.cac"))}</span><span class="pv-chip__delta pv-chip__delta--flat" data-svelte-h="svelte-1ldbme7">+4.7%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.ggr"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-1vvxqqy">-6.1%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.pnl"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-d2ag1o">-7.2%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.ftds"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-z75r77">+6.7%</span></span></div></div> <div class="pv-stream__row pv-stream__row--reverse" style="--dur:31s;"><div class="pv-stream__track"><span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.registrations"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-1jscizr">+12.4%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.withdraws"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-dcbqqy">-5.6%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.ltv"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-1gvk0ip">-3.1%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.views"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-1d0lpxm">+9.3%</span></span></div> <div class="pv-stream__track" aria-hidden="true"><span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.registrations"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-1jscizr">+12.4%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.withdraws"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-dcbqqy">-5.6%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.ltv"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-1gvk0ip">-3.1%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.views"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-1d0lpxm">+9.3%</span></span></div></div> <div class="pv-stream__row" style="--dur:44s;"><div class="pv-stream__track"><span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.pnl"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-d2ag1o">-7.2%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.ggr"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-1vvxqqy">-6.1%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--flat"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.cac"))}</span><span class="pv-chip__delta pv-chip__delta--flat" data-svelte-h="svelte-1ldbme7">+4.7%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.clicks"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-vonjbd">+14.8%</span></span></div> <div class="pv-stream__track" aria-hidden="true"><span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.pnl"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-d2ag1o">-7.2%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--down"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.ggr"))}</span><span class="pv-chip__delta pv-chip__delta--down" data-svelte-h="svelte-1vvxqqy">-6.1%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--flat"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.cac"))}</span><span class="pv-chip__delta pv-chip__delta--flat" data-svelte-h="svelte-1ldbme7">+4.7%</span></span> <span class="pv-chip"><span class="pv-chip__dot pv-chip__dot--up"></span><span class="pv-chip__label">${w(a("ai-analyst.problem.stream.clicks"))}</span><span class="pv-chip__delta pv-chip__delta--up" data-svelte-h="svelte-vonjbd">+14.8%</span></span></div></div></div></div></div></div></div></section> <section id="solution" class="section reveal"><div class="container"><div class="section-head section-head--center"><span class="section-label">${w(a("ai-analyst.solution.label"))}</span> <h2 class="section-title">${w(a("ai-analyst.solution.title"))}</h2> <p class="section-text">${w(a("ai-analyst.solution.subtitle"))}</p></div> <div class="solution-cards stagger"><div class="solution-card"><div class="solution-card__icon solution-card__icon--red" data-svelte-h="svelte-7p7o0t"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 20V10M18 20V4M6 20v-4"></path></svg></div> <h3>${w(a("ai-analyst.solution.card1.title"))}</h3> <p>${w(a("ai-analyst.solution.card1.desc"))}</p></div> <div class="solution-card"><div class="solution-card__icon solution-card__icon--blue" data-svelte-h="svelte-15s3bqx"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="11" cy="11" r="8"></circle><path d="M21 21l-4.35-4.35"></path></svg></div> <h3>${w(a("ai-analyst.solution.card2.title"))}</h3> <p>${w(a("ai-analyst.solution.card2.desc"))}</p></div> <div class="solution-card"><div class="solution-card__icon solution-card__icon--purple" data-svelte-h="svelte-itn1le"><svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M2 12h4l3-9 6 18 3-9h4"></path></svg></div> <h3>${w(a("ai-analyst.solution.card3.title"))}</h3> <p>${w(a("ai-analyst.solution.card3.desc"))}</p></div></div> <div class="showcase"><div class="flow-lab" id="flowLab"><div class="flow-rail" role="tablist" aria-label="Chat flow steps"><div class="flow-rail__title">${w(a("ai-analyst.flow.railTitle"))}</div> <button class="flow-step is-active" data-step-index="0" role="tab" aria-selected="true"><div class="flow-step__top"><span class="flow-step__num" data-svelte-h="svelte-tds7c5">1</span> <span class="flow-step__label">${w(a("ai-analyst.flow.step1.label"))}</span></div> <div class="flow-step__meta" data-svelte-h="svelte-ib5rf9"><span class="flow-tag">Traders</span> <span class="flow-tag">PnL</span> <span class="flow-tag">ARPPU</span></div></button> <button class="flow-step" data-step-index="1" role="tab" aria-selected="false"><div class="flow-step__top"><span class="flow-step__num" data-svelte-h="svelte-1dk9j0">2</span> <span class="flow-step__label">${w(a("ai-analyst.flow.step2.label"))}</span></div> <div class="flow-step__meta" data-svelte-h="svelte-rvmhen"><span class="flow-tag">LTV</span> <span class="flow-tag">weekly</span> <span class="flow-tag">52 points</span></div></button> <button class="flow-step" data-step-index="2" role="tab" aria-selected="false"><div class="flow-step__top"><span class="flow-step__num" data-svelte-h="svelte-w53gcf">3</span> <span class="flow-step__label">${w(a("ai-analyst.flow.step3.label"))}</span></div> <div class="flow-step__meta" data-svelte-h="svelte-18mveam"><span class="flow-tag">drivers</span> <span class="flow-tag">country</span> <span class="flow-tag">source</span></div></button> <button class="flow-step" data-step-index="3" role="tab" aria-selected="false"><div class="flow-step__top"><span class="flow-step__num" data-svelte-h="svelte-sxyvpq">4</span> <span class="flow-step__label">${w(a("ai-analyst.flow.step4.label"))}</span></div> <div class="flow-step__meta" data-svelte-h="svelte-1y3rjoa"><span class="flow-tag">confidence</span> <span class="flow-tag">next 2 weeks</span> <span class="flow-tag">alert</span></div></button></div> <div class="flow-stage"><div class="flow-stage__bar"><span class="flow-dot"></span><span class="flow-dot"></span><span class="flow-dot"></span> <span class="flow-stage__title">${w(a("ai-analyst.flow.stageTitle"))}</span></div> <div class="flow-chat" aria-live="polite" data-svelte-h="svelte-hb6qls"><div class="flow-msg flow-msg--user" id="flowUserMsg"></div> <div class="flow-typing" id="flowTyping"><span></span><span></span><span></span></div> <div class="flow-msg flow-msg--ai" id="flowAiMsg"></div></div> <div class="flow-screen" id="flowScreen"><div class="flow-panel is-active" data-step-panel="0"><div class="flow-card"><div class="flow-card__head">${w(a("ai-analyst.flow.availableMetrics"))}</div> <div class="flow-card__body"><div class="flow-kv"><span>${w(a("ai-analyst.flow.metric.traders"))}</span><span class="flow-pill">${w(a("ai-analyst.flow.pill.core"))}</span></div> <div class="flow-kv"><span>${w(a("ai-analyst.flow.metric.pnl"))}</span><span class="flow-pill">${w(a("ai-analyst.flow.pill.financial"))}</span></div> <div class="flow-kv"><span>${w(a("ai-analyst.flow.metric.arppu"))}</span><span class="flow-pill">${w(a("ai-analyst.flow.pill.monetization"))}</span></div> <div class="flow-kv"><span>${w(a("ai-analyst.flow.metric.ltv"))}</span><span class="flow-pill">${w(a("ai-analyst.flow.pill.retention"))}</span></div> <div class="flow-kv"><span>${w(a("ai-analyst.flow.metric.ftd"))}</span><span class="flow-pill">${w(a("ai-analyst.flow.pill.acquisition"))}</span></div> <div class="flow-kv"><span>${w(a("ai-analyst.flow.metric.investment"))}</span><span class="flow-pill">${w(a("ai-analyst.flow.pill.cost"))}</span></div> <div class="flow-kv"><span>${w(a("ai-analyst.flow.metric.psp"))}</span><span class="flow-pill">${w(a("ai-analyst.flow.pill.payment"))}</span></div></div></div></div> <div class="flow-panel" data-step-panel="1"><div class="flow-card"><div class="flow-card__head">${w(a("ai-analyst.flow.revenueWeekly"))}</div> <div class="flow-card__body"><div class="flow-metric-grid"><div class="flow-mini-stat"><div class="flow-mini-stat__k">${w(a("ai-analyst.flow.total"))}</div><div class="flow-mini-stat__v" data-svelte-h="svelte-l6pga0">108.66M</div></div> <div class="flow-mini-stat"><div class="flow-mini-stat__k">${w(a("ai-analyst.flow.avgPerWeek"))}</div><div class="flow-mini-stat__v" data-svelte-h="svelte-1x3ooac">2.09M</div></div> <div class="flow-mini-stat"><div class="flow-mini-stat__k">${w(a("ai-analyst.flow.dataPoints"))}</div><div class="flow-mini-stat__v" data-svelte-h="svelte-1f2ffj5">52</div></div></div> <div class="flow-chart flow-chart--revenue"><div class="flow-chart__legend" aria-label="Revenue chart legend"><span class="flow-chart__legend-item"><span class="flow-chart__swatch flow-chart__swatch--ci-upper"></span>${w(a("ai-analyst.flow.legend.ciUpper"))}</span> <span class="flow-chart__legend-item"><span class="flow-chart__swatch flow-chart__swatch--ci-lower"></span>${w(a("ai-analyst.flow.legend.ciLower"))}</span> <span class="flow-chart__legend-item"><span class="flow-chart__swatch flow-chart__swatch--actual"></span>${w(a("ai-analyst.flow.legend.actual"))}</span> <span class="flow-chart__legend-item"><span class="flow-chart__swatch flow-chart__swatch--forecast"></span>${w(a("ai-analyst.flow.legend.forecast"))}</span></div> <svg viewBox="0 0 420 220" preserveAspectRatio="none" aria-hidden="true"><line class="flow-chart__grid" x1="44" y1="20" x2="396" y2="20"></line><line class="flow-chart__grid" x1="44" y1="57" x2="396" y2="57"></line><line class="flow-chart__grid" x1="44" y1="94" x2="396" y2="94"></line><line class="flow-chart__grid" x1="44" y1="131" x2="396" y2="131"></line><line class="flow-chart__grid" x1="44" y1="168" x2="396" y2="168"></line><line class="flow-chart__grid" x1="44" y1="20" x2="44" y2="168"></line><line class="flow-chart__grid" x1="88" y1="20" x2="88" y2="168"></line><line class="flow-chart__grid" x1="132" y1="20" x2="132" y2="168"></line><line class="flow-chart__grid" x1="176" y1="20" x2="176" y2="168"></line><line class="flow-chart__grid" x1="220" y1="20" x2="220" y2="168"></line><line class="flow-chart__grid" x1="264" y1="20" x2="264" y2="168"></line><line class="flow-chart__grid" x1="308" y1="20" x2="308" y2="168"></line><line class="flow-chart__grid" x1="352" y1="20" x2="352" y2="168"></line><line class="flow-chart__grid" x1="396" y1="20" x2="396" y2="168"></line><path class="flow-chart__line flow-chart__line--ci-upper" d="M44,128 L56,98 L68,103 L80,86 L92,82 L104,80 L116,75 L128,28 L140,52 L152,34 L164,95 L176,112 L188,89 L200,126 L212,98 L224,91 L236,108 L248,77 L260,96 L272,86 L284,68 L296,92 L308,85 L320,73 L332,66 L344,101 L356,84 L368,78 L380,82 L392,72"></path><path class="flow-chart__line flow-chart__line--ci-lower" d="M44,142 L56,112 L68,117 L80,101 L92,95 L104,93 L116,88 L128,44 L140,67 L152,48 L164,108 L176,126 L188,103 L200,139 L212,109 L224,103 L236,121 L248,90 L260,109 L272,98 L284,81 L296,104 L308,98 L320,86 L332,79 L344,115 L356,96 L368,92 L380,95 L392,86"></path><path class="flow-chart__line flow-chart__line--actual" d="M44,136 L56,104 L68,111 L80,92 L92,88 L104,86 L116,81 L128,22 L140,46 L152,29 L164,99 L176,117 L188,95 L200,132 L212,102 L224,96 L236,112 L248,82 L260,101 L272,90 L284,72 L296,95 L308,88 L320,77 L332,70 L344,106 L356,88 L368,84 L380,86 L392,80"></path><path class="flow-chart__line flow-chart__line--forecast" d="M44,133 L56,101 L68,107 L80,89 L92,86 L104,84 L116,79 L128,30 L140,55 L152,38 L164,97 L176,114 L188,92 L200,129 L212,99 L224,94 L236,109 L248,80 L260,99 L272,88 L284,70 L296,93 L308,86 L320,75 L332,68 L344,103 L356,86 L368,82 L380,84 L392,78"></path><text x="8" y="22" font-size="10" fill="#7b8799">4,000,000</text><text x="8" y="59" font-size="10" fill="#7b8799">3,000,000</text><text x="8" y="96" font-size="10" fill="#7b8799">2,000,000</text><text x="8" y="133" font-size="10" fill="#7b8799">1,000,000</text><text x="31" y="172" font-size="10" fill="#7b8799">0</text><text x="44" y="186" font-size="10" fill="#8c98aa">02-24</text><text x="88" y="186" font-size="10" fill="#8c98aa">03-17</text><text x="132" y="186" font-size="10" fill="#8c98aa">04-28</text><text x="176" y="186" font-size="10" fill="#8c98aa">06-09</text><text x="220" y="186" font-size="10" fill="#8c98aa">07-21</text><text x="264" y="186" font-size="10" fill="#8c98aa">09-01</text><text x="308" y="186" font-size="10" fill="#8c98aa">10-13</text><text x="352" y="186" font-size="10" fill="#8c98aa">11-24</text><text x="388" y="186" font-size="10" fill="#8c98aa">01-26</text></svg></div></div></div></div> <div class="flow-panel" data-step-panel="2"><div class="flow-card"><div class="flow-card__head">${w(a("ai-analyst.flow.breakdownTitle"))} <span class="flow-pill flow-pill--neg" data-svelte-h="svelte-1n48vjn">−3.6%</span></div> <div class="flow-card__body"><div class="flow-driver"><span class="flow-driver__idx" data-svelte-h="svelte-1y8yn08">1</span><span>${w(a("ai-analyst.flow.driver1"))}</span></div> <div class="flow-driver"><span class="flow-driver__idx" data-svelte-h="svelte-12vedix">2</span><span>${w(a("ai-analyst.flow.driver2"))}</span></div> <div class="flow-driver"><span class="flow-driver__idx" data-svelte-h="svelte-1tlmqqe">3</span><span>${w(a("ai-analyst.flow.driver3"))}</span></div></div></div></div> <div class="flow-panel" data-step-panel="3"><div class="flow-card"><div class="flow-card__head">${w(a("ai-analyst.flow.forecastTitle"))}</div> <div class="flow-card__body"><div class="flow-metric-grid"><div class="flow-mini-stat"><div class="flow-mini-stat__k">${w(a("ai-analyst.flow.direction"))}</div><div class="flow-mini-stat__v flow-mini-stat__v--neg">${w(a("ai-analyst.flow.decline"))}</div></div> <div class="flow-mini-stat"><div class="flow-mini-stat__k">${w(a("ai-analyst.flow.expectedChange"))}</div><div class="flow-mini-stat__v flow-mini-stat__v--neg" data-svelte-h="svelte-1p1f68e">−14.9%</div></div> <div class="flow-mini-stat"><div class="flow-mini-stat__k">${w(a("ai-analyst.flow.confidence"))}</div><div class="flow-mini-stat__v">${w(a("ai-analyst.flow.low"))}</div></div></div> <div class="flow-chart"><div class="flow-chart__legend" aria-label="Forecast legend"><span class="flow-chart__legend-item"><span class="flow-chart__swatch flow-chart__swatch--ci-upper"></span>${w(a("ai-analyst.flow.legend.ciUpper"))}</span> <span class="flow-chart__legend-item"><span class="flow-chart__swatch flow-chart__swatch--ci-lower"></span>${w(a("ai-analyst.flow.legend.ciLower"))}</span> <span class="flow-chart__legend-item"><span class="flow-chart__swatch flow-chart__swatch--actual"></span>${w(a("ai-analyst.flow.legend.actual"))}</span> <span class="flow-chart__legend-item"><span class="flow-chart__swatch flow-chart__swatch--forecast"></span>${w(a("ai-analyst.flow.legend.forecast"))}</span></div> <svg viewBox="0 0 360 120" preserveAspectRatio="none" aria-hidden="true"><line class="flow-chart__grid" x1="0" y1="25" x2="360" y2="25"></line><line class="flow-chart__grid" x1="0" y1="55" x2="360" y2="55"></line><line class="flow-chart__grid" x1="0" y1="85" x2="360" y2="85"></line><path class="flow-chart__line flow-chart__line--ci-upper" d="M0,52 L30,50 L60,44 L90,40 L120,44 L150,55 L180,60 L210,58 L240,59 L270,64 L300,69 L330,74 L360,78"></path><path class="flow-chart__line flow-chart__line--ci-lower" d="M0,72 L30,66 L60,60 L90,56 L120,60 L150,70 L180,74 L210,72 L240,72 L270,78 L300,84 L330,90 L360,95"></path><path class="flow-chart__line flow-chart__line--actual" d="M0,64 L30,57 L60,49 L90,44 L120,50 L150,62 L180,68 L210,60 L240,65 L270,70 L300,76 L330,82 L360,88"></path><path class="flow-chart__line flow-chart__line--forecast" d="M0,62 L30,58 L60,52 L90,47 L120,49 L150,60 L180,64 L210,61 L240,63 L270,68 L300,73 L330,79 L360,84"></path></svg></div> <div class="flow-alert">${w(a("ai-analyst.flow.confidenceAlert"))}</div></div></div></div></div> <div class="flow-progress" id="flowProgress" data-svelte-h="svelte-uopl5u"><span class="is-active"></span><span></span><span></span><span></span></div></div></div></div></div></section> <section class="section section--alt reveal killer-section"><div class="container"><div class="killer-grid"><div class="killer-copy"><span class="killer-pill">${w(a("ai-analyst.killer.pill"))}</span> <h2 class="section-title">${w(a("ai-analyst.killer.title"))}</h2> <p class="section-text">${w(a("ai-analyst.killer.desc"))}</p> <div class="killer-feature-grid"><article class="killer-feature"><div class="killer-feature__top"><span class="killer-feature__icon" data-svelte-h="svelte-1psxvjb"><svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M3 3v12h12"></path><polyline points="7,11 10,8 13,10"></polyline></svg></span> <h4>${w(a("ai-analyst.killer.feature1.title"))}</h4></div> <p>${w(a("ai-analyst.killer.feature1.desc"))}</p></article> <article class="killer-feature"><div class="killer-feature__top"><span class="killer-feature__icon" data-svelte-h="svelte-nwopd5"><svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 8h10M4 12h14M4 16h8"></path></svg></span> <h4>${w(a("ai-analyst.killer.feature2.title"))}</h4></div> <p>${w(a("ai-analyst.killer.feature2.desc"))}</p></article> <article class="killer-feature"><div class="killer-feature__top"><span class="killer-feature__icon" data-svelte-h="svelte-yf4knv"><svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M2 12h4l3-9 6 18 3-9h4"></path></svg></span> <h4>${w(a("ai-analyst.killer.feature3.title"))}</h4></div> <p>${w(a("ai-analyst.killer.feature3.desc"))}</p></article> <article class="killer-feature"><div class="killer-feature__top"><span class="killer-feature__icon" data-svelte-h="svelte-18ymma4"><svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="9" cy="9" r="7"></circle><path d="M9 6v4"></path><circle cx="9" cy="14" r=".5" fill="currentColor"></circle></svg></span> <h4>${w(a("ai-analyst.killer.feature4.title"))}</h4></div> <p>${w(a("ai-analyst.killer.feature4.desc"))}</p></article></div></div> <div class="killer-img ct-wrap" id="contributionTree"><div class="ct-scene"><div class="ct-col ct-col--left"><article class="ct-card ct-sales" style="--d:0.04s;"><div class="ct-sales__header"><span>${w(a("ai-analyst.ct.snapshot"))}</span> <strong style="color:#1d8f55;" data-svelte-h="svelte-11z5j1a">+72.3%</strong></div> <div class="ct-sales__total" data-svelte-h="svelte-1ce2qf7">−3.6%</div> <div class="ct-sales__row"><div class="ct-sales__cell"><div class="ct-sales__name">${w(a("ai-analyst.ct.vietnam"))}</div> <div class="ct-sales__val" style="color:var(--accent);" data-svelte-h="svelte-3jr4ru">−63.2%</div> <div class="ct-sales__meta">${w(a("ai-analyst.ct.mainDriver"))}</div></div> <div class="ct-sales__vs">${w(a("ai-analyst.ct.vs"))}</div> <div class="ct-sales__cell"><div class="ct-sales__name">${w(a("ai-analyst.ct.thailand"))}</div> <div class="ct-sales__val" style="color:#1d8f55;" data-svelte-h="svelte-1kl53uq">+72.3%</div> <div class="ct-sales__meta">${w(a("ai-analyst.ct.offset"))}</div></div></div> <div class="ct-sales__progress" data-svelte-h="svelte-qlzujv"><span></span></div></article> <article class="ct-card ct-activity" style="--d:0.1s;"><div class="ct-activity__head"><span class="ct-card__title">${w(a("ai-analyst.ct.impactVolatility"))}</span> <span class="ct-card__title">${w(a("ai-analyst.ct.last30Days"))}</span></div> <div class="ct-activity__value" data-svelte-h="svelte-1bk3rn0">82%</div> <div class="ct-activity__trend" data-svelte-h="svelte-g3mxrm">↑ 38%</div> <div class="ct-activity__chart" aria-hidden="true" data-svelte-h="svelte-1pz97fk"><svg viewBox="0 0 300 88" preserveAspectRatio="none"><defs><linearGradient id="ctActivityGrad" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="rgba(30,41,59,.22)"></stop><stop offset="100%" stop-color="rgba(30,41,59,0)"></stop></linearGradient></defs><path d="M0,48 C24,28 48,28 72,50 C96,72 120,70 144,42 C168,15 192,8 216,30 C240,52 264,58 300,40 L300,88 L0,88 Z" fill="url(#ctActivityGrad)"></path><path d="M0,48 C24,28 48,28 72,50 C96,72 120,70 144,42 C168,15 192,8 216,30 C240,52 264,58 300,40" fill="none" stroke="#1f2937" stroke-width="2.2" stroke-linecap="round"></path></svg></div> <div class="ct-activity__axis"><span>${w(a("ai-analyst.bento.balance.days.mo"))}</span><span>${w(a("ai-analyst.bento.balance.days.tu"))}</span><span>${w(a("ai-analyst.bento.balance.days.we"))}</span><span>${w(a("ai-analyst.bento.balance.days.th"))}</span><span>${w(a("ai-analyst.bento.balance.days.fr"))}</span><span>${w(a("ai-analyst.bento.balance.days.sa"))}</span><span>${w(a("ai-analyst.bento.balance.days.su"))}</span></div></article> <article class="ct-card ct-services" style="--d:0.16s;"><div class="ct-services__title"><span class="ct-card__title">${w(a("ai-analyst.ct.topDriversByImpact"))}</span> <span class="ct-card__menu" data-svelte-h="svelte-68t0cm">⋮</span></div> <div class="ct-bars"><div class="ct-bars__row"><span class="ct-bars__idx">${w(a("ai-analyst.ct.vietnam"))}</span> <div class="ct-bars__track" data-svelte-h="svelte-1xdussg"><span class="ct-bars__fill ct-bars__fill--vietnam"></span></div> <span class="ct-bars__pct" data-svelte-h="svelte-1q3yg2a">−63.2%</span></div> <div class="ct-bars__row"><span class="ct-bars__idx">${w(a("ai-analyst.ct.thailand"))}</span> <div class="ct-bars__track" data-svelte-h="svelte-fnx207"><span class="ct-bars__fill ct-bars__fill--thailand"></span></div> <span class="ct-bars__pct" data-svelte-h="svelte-ozrq1c">+72.3%</span></div> <div class="ct-bars__row"><span class="ct-bars__idx">${w(a("ai-analyst.ct.brazil"))}</span> <div class="ct-bars__track" data-svelte-h="svelte-1ad2oqe"><span class="ct-bars__fill ct-bars__fill--brazil"></span></div> <span class="ct-bars__pct" data-svelte-h="svelte-qz49tq">−24.1%</span></div></div></article></div> <div class="ct-col ct-col--right"><article class="ct-card ct-finance" style="--d:0.08s;"><div class="ct-finance__title"><span class="ct-card__title">${w(a("ai-analyst.ct.generalFinanceReviews"))}</span> <span class="ct-card__menu" data-svelte-h="svelte-68t0cm">⋮</span></div> <div class="ct-finance__main"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="5" width="18" height="14" rx="2"></rect><path d="M3 10h18"></path></svg> <div><div class="ct-finance__sum" data-svelte-h="svelte-b05xbu">$50,232</div> <div class="ct-finance__sub">${w(a("ai-analyst.ct.last6MonthsStatics"))}</div></div></div> <div class="ct-finance__act">${w(a("ai-analyst.ct.currentActivity"))}</div> <div class="ct-finance__line" data-svelte-h="svelte-1s7resc"><span></span></div> <div class="ct-finance__rows"><div class="ct-finance__row"><span class="ct-finance__name"><span class="dot dot--p"></span>${w(a("ai-analyst.ct.profit"))}</span><span class="ct-finance__val" data-svelte-h="svelte-9308x9">$8,042 <span class="ct-finance__delta">-16%</span></span></div> <div class="ct-finance__row" data-svelte-h="svelte-juyjl9"><span class="ct-finance__name"><span class="dot dot--s"></span>FTDs</span><span class="ct-finance__val">42 <span class="ct-finance__delta">+6%</span></span></div> <div class="ct-finance__row"><span class="ct-finance__name"><span class="dot dot--u"></span>${w(a("ai-analyst.ct.user"))}</span><span class="ct-finance__val" data-svelte-h="svelte-1kcx9i">1,200 <span class="ct-finance__delta">+21%</span></span></div></div></article> <article class="ct-card ct-earning" style="--d:0.14s;"><div class="ct-earning__head"><span class="ct-card__title">${w(a("ai-analyst.ct.totalEarning"))}</span> <span class="ct-card__menu" data-svelte-h="svelte-68t0cm">⋮</span></div> <div class="ct-earning__value" data-svelte-h="svelte-1mkz03j"><strong>87%</strong><span>+38%</span></div> <div class="ct-earn-bars" aria-hidden="true" data-svelte-h="svelte-1m25kzz"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div> <div class="ct-earning__kpi"><div class="ct-earning__kpi-row"><div><span class="ct-earning__kpi-label">${w(a("ai-analyst.ct.totalRevenue"))}</span> <span class="ct-earning__kpi-sub">${w(a("ai-analyst.ct.successfulPayments"))}</span></div> <span class="ct-earning__kpi-val" data-svelte-h="svelte-1w7dgl5">+$250</span></div> <div class="ct-earning__kpi-row"><div><span class="ct-earning__kpi-label">${w(a("ai-analyst.ct.totalSales"))}</span> <span class="ct-earning__kpi-sub">${w(a("ai-analyst.ct.refund"))}</span></div> <span class="ct-earning__kpi-val" data-svelte-h="svelte-1wl6944">+$80</span></div></div></article> <article class="ct-card ct-transactions" style="--d:0.2s;"><div class="ct-transactions__head"><span class="ct-card__title">${w(a("ai-analyst.ct.transactions"))}</span> <span class="ct-card__menu" data-svelte-h="svelte-68t0cm">⋮</span></div> <div class="ct-transactions__list"><div class="ct-transactions__item"><div><div class="ct-transactions__name">${w(a("ai-analyst.ct.paidSearch"))}</div><div class="ct-transactions__sub">${w(a("ai-analyst.ct.vietnam"))}</div></div> <span class="ct-transactions__amount ct-transactions__amount--neg">${w(a("ai-analyst.ct.gone"))}</span></div> <div class="ct-transactions__item"><div><div class="ct-transactions__name">${w(a("ai-analyst.ct.social"))}</div><div class="ct-transactions__sub">${w(a("ai-analyst.ct.vietnam"))}</div></div> <span class="ct-transactions__amount ct-transactions__amount--neg" data-svelte-h="svelte-wkrle0">−86.6%</span></div> <div class="ct-transactions__item"><div><div class="ct-transactions__name">${w(a("ai-analyst.ct.thailand"))}</div><div class="ct-transactions__sub">${w(a("ai-analyst.ct.offset"))}</div></div> <span class="ct-transactions__amount ct-transactions__amount--pos" data-svelte-h="svelte-1ke5jxr">+72.3%</span></div> <div class="ct-transactions__item"><div><div class="ct-transactions__name">${w(a("ai-analyst.ct.brazil"))}</div><div class="ct-transactions__sub">${w(a("ai-analyst.ct.residualDrop"))}</div></div> <span class="ct-transactions__amount ct-transactions__amount--neg" data-svelte-h="svelte-vb88ct">−24.1%</span></div></div></article></div></div></div></div></div></section> <section id="roles" class="section section--alt reveal"><div class="container"><div class="section-head section-head--center"><span class="section-label">${w(a("ai-analyst.roles.label"))}</span> <h2 class="section-title">${w(a("ai-analyst.roles.title"))}</h2> <p class="section-text">${w(a("ai-analyst.roles.subtitle"))}</p></div> <div class="roles-grid stagger"> <article class="role-card"><div class="role-card__num role-card__num--1" data-svelte-h="svelte-18c6tab">1</div> <h3>${w(a("ai-analyst.roles.bi.title"))}</h3> <ul><li><svg width="16" height="16" fill="none" stroke="var(--accent)" stroke-width="2" stroke-linecap="round"><path d="M4 9l3 3 6-6"></path></svg>${w(a("ai-analyst.roles.bi.1"))}</li> <li><svg width="16" height="16" fill="none" stroke="var(--accent)" stroke-width="2" stroke-linecap="round"><path d="M4 9l3 3 6-6"></path></svg>${w(a("ai-analyst.roles.bi.2"))}</li> <li><svg width="16" height="16" fill="none" stroke="var(--accent)" stroke-width="2" stroke-linecap="round"><path d="M4 9l3 3 6-6"></path></svg>${w(a("ai-analyst.roles.bi.3"))}</li> <li><svg width="16" height="16" fill="none" stroke="var(--accent)" stroke-width="2" stroke-linecap="round"><path d="M4 9l3 3 6-6"></path></svg>${w(a("ai-analyst.roles.bi.4"))}</li></ul> <div class="role-card__example"><span class="role-card__example-desc"><strong>${w(a("ai-analyst.roles.bi.ask"))}</strong> ${w(a("ai-analyst.roles.bi.example"))}</span> <span class="role-card__sample">${w(a("ai-analyst.roles.bi.sample"))}</span></div></article> <article class="role-card"><div class="role-card__num role-card__num--2" data-svelte-h="svelte-xo1x0d">2</div> <h3>${w(a("ai-analyst.roles.product.title"))}</h3> <ul><li><svg width="16" height="16" fill="none" stroke="var(--purple)" stroke-width="2" stroke-linecap="round"><path d="M4 9l3 3 6-6"></path></svg>${w(a("ai-analyst.roles.product.1"))}</li> <li><svg width="16" height="16" fill="none" stroke="var(--purple)" stroke-width="2" stroke-linecap="round"><path d="M4 9l3 3 6-6"></path></svg>${w(a("ai-analyst.roles.product.2"))}</li> <li><svg width="16" height="16" fill="none" stroke="var(--purple)" stroke-width="2" stroke-linecap="round"><path d="M4 9l3 3 6-6"></path></svg>${w(a("ai-analyst.roles.product.3"))}</li> <li><svg width="16" height="16" fill="none" stroke="var(--purple)" stroke-width="2" stroke-linecap="round"><path d="M4 9l3 3 6-6"></path></svg>${w(a("ai-analyst.roles.product.4"))}</li></ul> <div class="role-card__example"><span class="role-card__example-desc"><!-- HTML_TAG_START -->${a("ai-analyst.roles.product.understandHtml")}<!-- HTML_TAG_END --></span> <span class="role-card__sample">${w(a("ai-analyst.roles.product.sample"))}</span></div></article> <article class="role-card"><div class="role-card__num role-card__num--3" data-svelte-h="svelte-uhegcf">3</div> <h3>${w(a("ai-analyst.roles.marketing.title"))}</h3> <ul><li><svg width="16" height="16" fill="none" stroke="#059669" stroke-width="2" stroke-linecap="round"><path d="M4 9l3 3 6-6"></path></svg>${w(a("ai-analyst.roles.marketing.1"))}</li> <li><svg width="16" height="16" fill="none" stroke="#059669" stroke-width="2" stroke-linecap="round"><path d="M4 9l3 3 6-6"></path></svg>${w(a("ai-analyst.roles.marketing.2"))}</li> <li><svg width="16" height="16" fill="none" stroke="#059669" stroke-width="2" stroke-linecap="round"><path d="M4 9l3 3 6-6"></path></svg>${w(a("ai-analyst.roles.marketing.3"))}</li> <li><svg width="16" height="16" fill="none" stroke="#059669" stroke-width="2" stroke-linecap="round"><path d="M4 9l3 3 6-6"></path></svg>${w(a("ai-analyst.roles.marketing.4"))}</li></ul> <div class="role-card__example"><span class="role-card__example-desc">${w(a("ai-analyst.roles.marketing.optimize"))}</span> <span class="role-card__sample">${w(a("ai-analyst.roles.marketing.sample"))}</span></div></article></div></div></section> <section id="how-it-works" class="section reveal"><div class="container"><div class="section-head section-head--center"><span class="section-label">${w(a("ai-analyst.howItWorks.label"))}</span> <h2 class="section-title">${w(a("ai-analyst.howItWorks.title"))}</h2></div> <div class="steps-row stagger"><div class="hw-step"><div class="hw-step__num" data-svelte-h="svelte-z50tq8">1</div> <p>${w(a("ai-analyst.howItWorks.step1"))}</p> <p class="hw-step__desc">${w(a("ai-analyst.howItWorks.step1Desc"))}</p></div> <div class="hw-step"><div class="hw-step__num" data-svelte-h="svelte-10irftz">2</div> <p>${w(a("ai-analyst.howItWorks.step2"))}</p> <p class="hw-step__desc">${w(a("ai-analyst.howItWorks.step2Desc"))}</p></div> <div class="hw-step"><div class="hw-step__num" data-svelte-h="svelte-tiyxwa">3</div> <p>${w(a("ai-analyst.howItWorks.step3"))}</p> <p class="hw-step__desc">${w(a("ai-analyst.howItWorks.step3Desc"))}</p></div> <div class="hw-step"><div class="hw-step__num" data-svelte-h="svelte-hq2nvd">4</div> <p>${w(a("ai-analyst.howItWorks.step4"))}</p> <p class="hw-step__desc">${w(a("ai-analyst.howItWorks.step4Desc"))}</p></div> <div class="hw-step"><div class="hw-step__num" data-svelte-h="svelte-n740x0">5</div> <p>${w(a("ai-analyst.howItWorks.step5"))}</p> <p class="hw-step__desc">${w(a("ai-analyst.howItWorks.step5Desc"))}</p></div></div> <div class="decision-loop" id="decisionLoop"><div class="alert-card" data-svelte-h="svelte-1lh5rpa"><figure class="alert-card__mockup"><img${C("src",y,0)} alt="iPhone Slack alert mockup showing anomaly notification"></figure></div> <div class="fc-wrap" id="forecastChart"><div class="fc-title">${w(a("ai-analyst.howItWorks.forecastTitle"))}</div> <p class="fc-subtitle">${w(a("ai-analyst.howItWorks.forecastSubtitle"))}</p> <div class="fc-chart" data-svelte-h="svelte-l07r41"><svg viewBox="0 0 860 340" preserveAspectRatio="xMidYMid meet"><line class="fc-grid" x1="70" y1="48" x2="820" y2="48"></line><line class="fc-grid" x1="70" y1="102" x2="820" y2="102"></line><line class="fc-grid" x1="70" y1="156" x2="820" y2="156"></line><line class="fc-grid" x1="70" y1="210" x2="820" y2="210"></line><line class="fc-grid" x1="70" y1="264" x2="820" y2="264"></line><line class="fc-grid" x1="70" y1="48" x2="70" y2="264"></line><line class="fc-grid" x1="148" y1="48" x2="148" y2="264"></line><line class="fc-grid" x1="226" y1="48" x2="226" y2="264"></line><line class="fc-grid" x1="304" y1="48" x2="304" y2="264"></line><line class="fc-grid" x1="382" y1="48" x2="382" y2="264"></line><line class="fc-grid" x1="460" y1="48" x2="460" y2="264"></line><line class="fc-grid" x1="538" y1="48" x2="538" y2="264"></line><line class="fc-grid" x1="616" y1="48" x2="616" y2="264"></line><line class="fc-grid" x1="694" y1="48" x2="694" y2="264"></line><line class="fc-grid" x1="772" y1="48" x2="772" y2="264"></line><line class="fc-grid" x1="820" y1="48" x2="820" y2="264"></line><path d="M70,172 L88,154 L106,160 L124,142 L142,146 L160,134 L178,136 L196,132 L214,129 L232,96 L250,60 L268,92 L286,68 L304,140 L322,156 L340,172 L358,148 L376,118 L394,162 L412,138 L430,144 L448,132 L466,156 L484,118 L502,146 L520,130 L538,114 L556,136 L574,128 L592,112 L610,104 L628,142 L646,124 L664,116 L682,126 L700,112 L718,146 L736,128 L754,122 L772,126 L790,112 L808,118" class="fc-series fc-series--ci-upper" stroke-width="2"></path><path d="M70,192 L88,176 L106,182 L124,164 L142,168 L160,156 L178,158 L196,154 L214,151 L232,118 L250,82 L268,114 L286,90 L304,162 L322,178 L340,194 L358,170 L376,140 L394,184 L412,160 L430,166 L448,154 L466,178 L484,140 L502,168 L520,152 L538,136 L556,158 L574,150 L592,134 L610,126 L628,164 L646,146 L664,138 L682,148 L700,134 L718,168 L736,150 L754,144 L772,148 L790,134 L808,140" class="fc-series fc-series--ci-lower" stroke-width="2"></path><path d="M70,182 L88,164 L106,170 L124,152 L142,156 L160,144 L178,146 L196,142 L214,139 L232,106 L250,70 L268,102 L286,78 L304,150 L322,166 L340,182 L358,158 L376,128 L394,172 L412,148 L430,154 L448,142 L466,166 L484,128 L502,156 L520,140 L538,124 L556,146 L574,138 L592,122 L610,114 L628,152 L646,134 L664,126 L682,136 L700,122 L718,156 L736,138 L754,132 L772,136 L790,122 L808,128" class="fc-series fc-series--actual" stroke-width="3"></path><path d="M70,178 L88,160 L106,166 L124,148 L142,152 L160,140 L178,142 L196,138 L214,135 L232,102 L250,66 L268,98 L286,74 L304,146 L322,162 L340,178 L358,154 L376,124 L394,168 L412,144 L430,150 L448,138 L466,162 L484,124 L502,152 L520,136 L538,120 L556,142 L574,134 L592,118 L610,110 L628,148 L646,130 L664,122 L682,132 L700,118 L718,152 L736,134 L754,128 L772,132 L790,118 L808,124" class="fc-series fc-series--forecast" stroke-width="3"></path><text class="fc-axis" x="8" y="52">4,000,000</text><text class="fc-axis" x="8" y="106">3,000,000</text><text class="fc-axis" x="8" y="160">2,000,000</text><text class="fc-axis" x="8" y="214">1,000,000</text><text class="fc-axis" x="58" y="268">0</text><text class="fc-axis" x="66" y="292">02-24</text><text class="fc-axis" x="144" y="292">03-17</text><text class="fc-axis" x="222" y="292">04-07</text><text class="fc-axis" x="300" y="292">04-28</text><text class="fc-axis" x="378" y="292">05-19</text><text class="fc-axis" x="456" y="292">06-09</text><text class="fc-axis" x="534" y="292">06-30</text><text class="fc-axis" x="612" y="292">07-21</text><text class="fc-axis" x="690" y="292">08-11</text><text class="fc-axis" x="768" y="292">09-01</text></svg></div> <div class="fc-legend"><span><span class="fc-legend-dot fc-legend-dot--ci-upper"></span> ${w(a("ai-analyst.flow.legend.ciUpper"))}</span> <span><span class="fc-legend-dot fc-legend-dot--ci-lower"></span> ${w(a("ai-analyst.flow.legend.ciLower"))}</span> <span><span class="fc-legend-dot fc-legend-dot--actual"></span> ${w(a("ai-analyst.flow.legend.actual"))}</span> <span><span class="fc-legend-dot fc-legend-dot--forecast"></span> ${w(a("ai-analyst.flow.legend.forecast"))}</span></div> <div class="fc-overlay"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 4v4l2 2"></path><circle cx="8" cy="8" r="6"></circle></svg> ${w(a("ai-analyst.howItWorks.confidenceAction"))}</div></div></div></div></section> <section id="security" class="section section--dark reveal"><div class="container"><div class="section-head section-head--center"><span class="section-label">${w(a("ai-analyst.security.label"))}</span> <h2 class="section-title" style="color:#fff;">${w(a("ai-analyst.security.title"))}</h2> <p class="section-text" style="color:#8a9ab2;">${w(a("ai-analyst.security.subtitle"))}</p></div> <div class="security-grid stagger"><div class="sec-card"><div class="sec-card__icon" data-svelte-h="svelte-1qhfrqg"><svg width="20" height="20" fill="none" stroke="#ff4d5a" stroke-width="2" stroke-linecap="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" transform="translate(-2,-1) scale(.9)"></path></svg></div> <h4>${w(a("ai-analyst.security.card1.title"))}</h4> <p>${w(a("ai-analyst.security.card1.desc"))}</p></div> <div class="sec-card"><div class="sec-card__icon" data-svelte-h="svelte-10nq4cg"><svg width="20" height="20" fill="none" stroke="#ff4d5a" stroke-width="2" stroke-linecap="round"><rect x="3" y="3" width="14" height="14" rx="3"></rect><path d="M7 10h6M10 7v6"></path></svg></div> <h4>${w(a("ai-analyst.security.card2.title"))}</h4> <p>${w(a("ai-analyst.security.card2.desc"))}</p></div> <div class="sec-card"><div class="sec-card__icon" data-svelte-h="svelte-7q5xt3"><svg width="20" height="20" fill="none" stroke="#ff4d5a" stroke-width="2" stroke-linecap="round"><path d="M4 9l3 3 6-6"></path><circle cx="10" cy="10" r="8"></circle></svg></div> <h4>${w(a("ai-analyst.security.card3.title"))}</h4> <p>${w(a("ai-analyst.security.card3.desc"))}</p></div> <div class="sec-card"><div class="sec-card__icon" data-svelte-h="svelte-xemaa9"><svg width="20" height="20" fill="none" stroke="#ff4d5a" stroke-width="2" stroke-linecap="round"><rect x="2" y="7" width="16" height="10" rx="2"></rect><path d="M6 7V5a4 4 0 018 0v2"></path></svg></div> <h4>${w(a("ai-analyst.security.card4.title"))}</h4> <p>${w(a("ai-analyst.security.card4.desc"))}</p></div> <div class="sec-card"><div class="sec-card__icon" data-svelte-h="svelte-13lqcut"><svg width="20" height="20" fill="none" stroke="#ff4d5a" stroke-width="2" stroke-linecap="round"><path d="M3 12h4l3-3 4 6 3-3h3"></path></svg></div> <h4>${w(a("ai-analyst.security.card5.title"))}</h4> <p>${w(a("ai-analyst.security.card5.desc"))}</p></div></div></div></section> <section class="section reveal"><div class="container"><div class="human-grid"><div><span class="section-label">${w(a("ai-analyst.philosophy.label"))}</span> <h2 class="section-title"><!-- HTML_TAG_START -->${a("ai-analyst.philosophy.title")}<!-- HTML_TAG_END --></h2> <p class="section-text" style="max-width:440px;">${w(a("ai-analyst.philosophy.subtitle"))}</p> <ul class="human-list"><li><svg width="20" height="20" fill="none" stroke="var(--accent)" stroke-width="2" stroke-linecap="round"><path d="M18 6L7 17l-5-5"></path></svg> <span>${w(a("ai-analyst.philosophy.list1"))}</span></li> <li><svg width="20" height="20" fill="none" stroke="var(--accent)" stroke-width="2" stroke-linecap="round"><path d="M18 6L7 17l-5-5"></path></svg> <span>${w(a("ai-analyst.philosophy.list2"))}</span></li> <li><svg width="20" height="20" fill="none" stroke="var(--accent)" stroke-width="2" stroke-linecap="round"><path d="M18 6L7 17l-5-5"></path></svg> <span>${w(a("ai-analyst.philosophy.list3"))}</span></li></ul></div> <div class="human-visual"><div class="human-visual__icon" data-svelte-h="svelte-1bla4lp">🤝</div> <p><!-- HTML_TAG_START -->${a("ai-analyst.philosophy.visual")}<!-- HTML_TAG_END --></p></div></div></div></section> <section id="cta" class="section reveal"><div class="container"><div class="cta-banner"><h2><!-- HTML_TAG_START -->${a("ai-analyst.cta.title")}<!-- HTML_TAG_END --></h2> <p>${w(a("ai-analyst.cta.subtitle"))}</p> <button class="btn btn--primary">${w(a("ai-analyst.cta.button"))}</button></div></div></section></main></article>`});
export { M as default };
//# sourceMappingURL=_page.svelte-c7bd6840.js.map