PageSourceSearch

https://chatling.ai/pricing

html chatling.ai collected 2026-10-03 23:35:28 UTC 478,968 bytes, 3,642 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6
7
8    
9    
10    <title>Pricing | Chatling</title>
11    <meta name="description" content="Simple, transparent pricing. Choose the perfect plan for your needs. Start free and scale as you grow.">
12
13    
14    <meta property="og:title" content="Pricing">
15    <meta property="og:type" content="website">
16    <meta property="og:url" content="https://chatling.ai/pricing">
17    <meta property="og:image" content="https://static.chatling.ai/img/ogmedia-2.jpg">
18    <meta property="og:site_name" content="Chatling">
19    <meta property="og:description" content="Simple, transparent pricing. Choose the perfect plan for your needs. Start free and scale as you grow.">
20
21    <meta name="twitter:card" content="summary_large_image">
22    <meta name="twitter:title" content="Pricing">
23    <meta name="twitter:description" content="Simple, transparent pricing. Choose the perfect plan for your needs. Start free and scale as you grow.">
24    <meta name="twitter:image" content="https://static.chatling.ai/img/ogmedia-2.jpg">
25    <meta name="twitter:url" content="https://chatling.ai/pricing">
26
27    <link rel="stylesheet" href="/css/v4/app.css?id=2e858380ddbf34b9b596b1167a74d081">
28
29    <link rel="apple-touch-icon" sizes="57x57" href="https://static.chatling.ai/img/website/v4/favicon/apple-icon-57x57.png">
30    <link rel="apple-touch-icon" sizes="60x60" href="https://static.chatling.ai/img/website/v4/favicon/apple-icon-60x60.png">
31    <link rel="apple-touch-icon" sizes="72x72" href="https://static.chatling.ai/img/website/v4/favicon/apple-icon-72x72.png">
32    <link rel="apple-touch-icon" sizes="76x76" href="https://static.chatling.ai/img/website/v4/favicon/apple-icon-76x76.png">
33    <link rel="apple-touch-icon" sizes="114x114" href="https://static.chatling.ai/img/website/v4/favicon/apple-icon-114x114.png">
34    <link rel="apple-touch-icon" sizes="120x120" href="https://static.chatling.ai/img/website/v4/favicon/apple-icon-120x120.png">
35    <link rel="apple-touch-icon" sizes="144x144" href="https://static.chatling.ai/img/website/v4/favicon/apple-icon-144x144.png">
36    <link rel="apple-touch-icon" sizes="152x152" href="https://static.chatling.ai/img/website/v4/favicon/apple-icon-152x152.png">
37    <link rel="apple-touch-icon" sizes="180x180" href="https://static.chatling.ai/img/website/v4/favicon/apple-icon-180x180.png">
38    <link rel="icon" type="image/png" sizes="192x192"  href="https://static.chatling.ai/img/website/v4/favicon/android-icon-192x192.png">
39    <link rel="icon" type="image/png" sizes="32x32" href="https://static.chatling.ai/img/website/v4/favicon/favicon-32x32.png">
40    <link rel="icon" type="image/png" sizes="96x96" href="https://static.chatling.ai/img/website/v4/favicon/favicon-96x96.png">
41    <link rel="icon" type="image/png" sizes="16x16" href="https://static.chatling.ai/img/website/v4/favicon/favicon-16x16.png">
42    <link rel="manifest" href="https://static.chatling.ai/img/website/v4/favicon/manifest.json">
43    <meta name="msapplication-TileColor" content="#ffffff">
44    <meta name="msapplication-TileImage" content="https://static.chatling.ai/img/website/v4/favicon/ms-icon-144x144.png">
45    <meta name="theme-color" content="#ffffff">
46</head>
47<body class="bg-white">
48                <div class="fixed top-0 left-0 right-0 z-50 flex justify-center v4-container px-6 pt-3 pointer-events-none ">
49    <nav id="v4-navbar" class="v4-nav v4-nav--solid pointer-events-auto rounded-full v4-nav--wordmark" data-theme="light" data-show-wordmark="true">
50        <div class="v4-nav-inner flex items-center h-14 px-6 transition-all duration-400">
51            <a href="https://chatling.ai" class="flex items-center gap-2 v4-nav-logo flex-shrink-0 transition-all duration-300">
52    <svg class="v4-logo-icon w-6 h-6" viewBox="0 0 201 200" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
53        <circle cx="25.7051" cy="25" r="25"/><circle cx="25.7051" cy="175" r="25"/><circle cx="25" cy="25" r="25" transform="matrix(-1 0 0 1 200.705 75)"/>
54        <path d="M75.7051 25C75.7051 11.1929 86.898 0 100.705 0H175.705C189.512 0 200.705 11.1929 200.705 25C200.705 38.8071 189.512 50 175.705 50H75.7051V25Z"/>
55        <path d="M75.7051 175C75.7051 161.193 86.898 150 100.705 150H175.705C189.512 150 200.70
555 161.193 200.705 175C200.705 188.807 189.512 200 175.705 200H75.7051V175Z"/>
56        <path d="M125.705 100C125.705 86.1929 114.512 75 100.705 75H25.7051C11.898 75 0.705078 86.1929 0.705078 100C0.705078 113.807 11.898 125 25.7051 125H125.705V100Z"/>
57    </svg>
58    <svg class="v4-logo-wordmark w-[72px]" viewBox="0 0 562 166" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
59        <path d="M465.344 73.8361V124.373H451.694V76.8423C451.694 72.7257 450.692 68.9882 448.688 65.6299C446.684 62.2716 444.003 59.6175 440.644 57.6675C437.286 55.6634 433.549 54.6613 429.432 54.6613C425.37 54.6613 421.632 55.6634 418.22 57.6675C414.861 59.6175 412.18 62.2716 410.176 65.6299C408.172 68.9882 407.17 72.7257 407.17 76.8423V124.373H393.52V43.124H407.17V53.2801C410.041 49.4885 413.67 46.4823 418.057 44.2615C422.445 41.9865 427.211 40.849 432.357 40.849C438.424 40.849 443.949 42.3386 448.932 45.3177C453.969 48.2426 457.95 52.1968 460.875 57.18C463.855 62.1633 465.344 67.7153 465.344 73.8361Z"/>
60        <path d="M327.705 124.5V0H341.205V124.5H327.705Z"/>
61        <path d="M312.94 56.7743H294.497L294.415 124.373H280.766L280.847 56.7743H266.872V43.1245H280.847L280.766 17.6123H294.415L294.497 43.1245H312.94V56.7743Z"/>
62        <path d="M160.976 73.8366V124.373H147.327V76.8428C147.327 72.7262 146.325 68.9887 144.32 65.6304C142.316 62.2722 139.635 59.618 136.277 57.668C132.918 55.6639 129.181 54.6618 125.064 54.6618C121.002 54.6618 117.264 55.6639 113.852 57.668C110.494 59.618 107.813 62.2722 105.808 65.6304C103.804 68.9887 102.802 72.7262 102.802 76.8428V124.373H89.1523V0H102.802V53.2806C105.673 49.489 109.302 46.4828 113.69 44.262C118.077 41.987 122.844 40.8495 127.989 40.8495C134.056 40.8495 139.581 42.3391 144.564 45.3182C149.602 48.2432 153.583 52.1973 156.508 57.1806C159.487 62.1638 160.976 67.7158 160.976 73.8366Z"/>
63        <path fill-rule="evenodd" clip-rule="evenodd" d="M216.017 40.4163C239.201 40.4163 257.995 59.2107 257.995 82.3949V122.693C257.995 123.621 257.243 124.373 256.315 124.373H216.017C192.833 124.373 174.038 105.579 174.038 82.3949C174.038 59.2107 192.833 40.4163 216.017 40.4163ZM216.014 52.4768C232.537 52.4768 245.932 65.8718 245.932 82.3954V111.117C245.932 111.778 245.396 112.314 244.735 112.314H216.014C199.49 112.314 186.095 98.919 186.095 82.3954C186.095 65.8718 199.49 52.4768 216.014 52.4768Z"/>
64        <path d="M75.1432 109.014C69.6386 115.726 62.1884 120.567 53.8186 122.87C45.4487 125.172 36.5709 124.824 28.4075 121.871C20.2441 118.919 13.1967 113.509 8.23569 106.385C3.2747 99.2618 0.644105 90.7754 0.70615 82.0948C0.768196 73.4143 3.51983 64.9664 8.58215 57.9145C13.6445 50.8626 20.7685 45.5535 28.9732 42.7183C37.178 39.8831 46.0599 39.6613 54.396 42.0833C62.7321 44.5053 70.1123 49.452 75.5204 56.2423L65.7235 64.045C61.9289 59.2806 56.7506 55.8097 50.9016 54.1104C45.0526 52.411 38.8206 52.5666 33.0638 54.556C27.307 56.5453 22.3084 60.2704 18.7565 65.2183C15.2045 70.1662 13.2738 76.0937 13.2303 82.1844C13.1867 88.2751 15.0325 94.2295 18.5134 99.2277C21.9942 104.226 26.939 108.022 32.6668 110.093C38.3946 112.165 44.6238 112.41 50.4964 110.794C56.3691 109.178 61.5965 105.782 65.4588 101.072L75.1432 109.014Z"/>
65        <path d="M561.114 40.4433H547.298V52.0582C555.064 59.6123 559.895 70.2217 559.895 81.9707C559.895 93.7197 555.064 104.329 547.298 111.883V126.156C547.298 129.644 546.504 132.883 544.914 135.873C543.379 138.918 541.24 141.548 538.499 143.763C535.813 146.033 532.77 147.805 529.371 149.079C526.027 150.352 522.546 150.989 518.927 150.989C515.089 150.989 511.334 150.075 507.661 148.248C504.042 146.476 500.863 144.04 498.121 140.939C495.435 137.894 493.571 134.461 492.529 130.64L479.865 136.454C481.62 141.77 484.47 146.559 488.418 150.823C492.42 155.142 497.08 158.574 502.398 161.121C507.716 163.724 513.225 165.025 518.927 165.025C524.41 165.025 529.673 164.028 534.716 162.035C539.76 160.097 544.256 157.356 548.203 153.813C552.15 150.324 555.275 146.199 557.578 141.438C559.935 136.731 561.114 131.637 561.114 126.156V40.4433Z"/>
66        <path d="M561.114 82.4217C561.114 105.606 542.32 124.4 519.136 124.4C495.952 124.4 477.157 105.606 477.157 82.4217C477.157 59.2376 495.952 40.4431 519.136 40.4431C542.32 40.4431 561.114 59.2376 561.114 82.4217ZM490.886 82.4217C49
660.886 98.0239 503.534 110.672 519.136 110.672C534.738 110.672 547.386 98.0239 547.386 82.4217C547.386 66.8196 534.738 54.1716 519.136 54.1716C503.534 54.1716 490.886 66.8196 490.886 82.4217Z"/>
67        <path d="M360.908 117.602C360.908 121.342 363.939 124.373 367.678 124.373C371.418 124.373 374.449 121.342 374.449 117.602V51.2491C374.449 46.7618 370.812 43.1242 366.324 43.1242H360.908V117.602Z"/>
68        <path d="M360.908 22.812C360.908 19.0726 363.939 16.0413 367.678 16.0413C371.418 16.0413 374.449 19.0726 374.449 22.812C374.449 26.5514 371.418 29.5828 367.678 29.5828H360.908V22.812Z"/>
69    </svg>
70</a>
71
72            <div class="hidden md:flex items-center gap-7 text-sm font-medium ml-auto mr-6">
73                                                            <a href="https://chatling.ai/integrations" class="v4-nav-link transition-colors">
74                            Integrations
75                        </a>
76                                                                                <a href="https://chatling.ai/pricing" class="v4-nav-link transition-colors">
77                            Pricing
78                        </a>
79                                                                                <div class="group relative">
80                            <button class="v4-nav-link inline-flex items-center gap-1.5 transition-colors">
81                                Resources
82                                <svg class="w-2 h-2 rotate-180 opacity-50" viewB
82ox="0 0 75 47" fill="currentColor">
83                                    <path d="M42.66 3.34C41.16 1.84 39.13 1 37 1C34.88 1 32.85 1.84 31.35 3.34L2.35 32.34C0.85 33.84 0 35.87 0 38C0 40.12 0.85 42.15 2.34 43.66C3.84 45.16 5.88 46 8 46C10.12 46 12.16 45.16 13.66 43.66L37 20.31L60.34 43.66C61.84 45.16 63.88 46 66 46C68.12 46 70.16 45.16 71.66 43.66C73.16 42.16 74 40.12 74 38C74 35.88 73.16 33.84 71.66 32.34L42.66 3.34Z"/>
84                                </svg>
85                            </button>
86                            <div class="hidden group-hover:block absolute top-full pt-3 left-1/2 -translate-x-1/2 min-w-[190px] z-50">
87                                <div class="overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-2xl">
88                                    <div class="p-2 text-sm">
89                                                                                    <a href="https://chatling.ai/blog" class="block rounded-xl px-3 py-2 text-zinc-700 hover:bg-zinc-950/5 hover:text-zinc-950 transition-colors">
90                                                Blog
91                                            </a>
92                                                                                    <a href="https://docs.chatling.ai" class="block rounded-xl px-3 py-2 text-zinc-700 hover:bg-zinc-950/5 hover:text-zinc-950 transition-colors">
93                                                Documentation
94                                            </a>
95                                                                                    <a href="https://chatling.ai/go/api-docs" class="block rounded-xl px-3 py-2 text-zinc-700 hover:bg-zinc-950/5 hover:text-zinc-950 transition-colors">
96                                                API Docs
97                                            </a>
98                                                                            </div>
99                                </div>
100                            </div>
101                        </div>
102                                                </div>
103
104            <div class="hidden md:flex items-center gap-2 flex-shrink-0">
105                <a href="https://app.chatling.ai/login" class="v4-nav-login inline-flex items-center justify-center rounded-full font-semibold h-10 px-5 text-sm transition-all duration-300">
106                    Log In
107                </a>
108                <a href="https://app.chatling.ai/register" class="inline-flex items-center justify-center rounded-full font-semibold text-center transition-all duration-200 bg-brand-secondary-600 text-white hover:bg-brand-secondary-700 text-sm h-10 px-5 v4-nav-cta shadow-sm shadow-blue-600/20 min-w-[100px]" >Get Started</a>
109            </div>
110
111            <details class="relative md:hidden ml-auto" id="v4-mobile-menu">
112                <summary class="list-none rounded-xl p-2 v4-nav-link cursor-pointer">
113                    <span class="sr-only">Open menu</span>
114                    <svg viewBox="0 0 24 24" fill="none" class="h-6 w-6">
115                        <path d="M4 7h16M4 12h16M4 17h16" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
116                    </svg>
117                </summary>
118                <div class="fixed left-4 right-4 mt-3 overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-2xl z-50">
119                    <div class="p-3 text-base">
120                                                                                                                <a href="https://chatling.ai/integrations" class="block rounded-xl px-4 py-2.5 text-zinc-700 hover:bg-zinc-950/5 hover:text-zinc-950 font-medium">Integrations</a>
121                                                                                                                <div class="my-2 border-t border-zinc-100"></div>
122                                                                                        <a href="https://chatling.ai/pricing" class="block rounded-xl px-4 py-2.5 text-zinc-700 hover:bg-zinc-950/5 hover:text-zinc-950 font-medium">Pricing</a>
123                                                                                                                <div class="my-2 border-t border-zinc-100"></div>
124                                                                                        <p class="px-4 pt-2 pb-1 text-xs font-semibold text-zinc-400 uppercase tracking-wider">Resources</p>
125                                                                    <a href="https://chatling.ai/blog" class="block rounded-xl px-4 py-2.5 text-zinc-700 hover:bg-zinc-950/5 hover:text-zinc-950">Blog</a>
126                                                                    <a href="https://docs.chatling.ai" class="block rounded-xl px-4 py-2.5 text-zinc-700 hover:bg-zinc-950/5 hover:text-zinc-950">Documentation</a>
127                                                                    <a href="https://chatling.ai/go/api-docs" class="block rounded-xl px-4 py-2.5 text-zinc-700 hover:bg-zinc-950/5 hover:text-zinc-950">API Docs</a>
128                                                                                                            <div class="mt-3 flex gap-3 border-t border-zinc-200/70 pt-4 px-2 pb-2">
129                            <a href="https://app.chatling.ai/login" class="inline-flex items-center justify-center rounded-full font-semibold h-11 px-6 text-sm text-zinc-700 border border-zinc-200 hover:bg-zinc-50 flex-1">Log In</a>
130                            <a href="https://app.chatling.ai/register" class="inline-flex items-center justify-center rounded-full font-semibold h-11 px-6 text-sm bg-blue-600 text-white hover:bg-blue-700 flex-1">Get Started</a>
131                        </div>
132                    </div>
133                </div>
134            </details>
135        </div>
136    </nav>
137</div>
138<script>
139    document.addEventListener('click', (e) => {
140        const menu = document.getElementById('v4-mobile-menu');
141        if (menu?.open && !menu.contains(e.target)) menu.open = false;
142    });
143    (function() {
144        const nav = document.getElementById('v4-navbar');
145        if (!nav) return;
146        const theme = nav.dataset.theme;
147        if (theme === 'light') return; // always solid on light pages
148        const threshold = 80;
149        function update() {
150            if (window.scrollY > threshold) {
151                nav.classList.remove('v4-nav--transparent');
152                nav.classList.add('v4-nav--solid');
153            } else {
154                nav.classList.remove('v4-nav--solid');
155                nav.classList.add('v4-nav--transparent');
156            }
157        }
158        window.addEventListener('scroll', update, { passive: true });
159        update();
160    })();
161</script>
161
162    
163    
164
165
166<section class="v4-hero-glow relative overflow-hidden bg-white pt-32 pb-10 lg:pt-40 lg:pb-12">
167    <div class="v4-container relative z-10">
168        <div class="flex flex-col items-center text-center gap-6 max-w-4xl mx-auto">
169            <h1 class="v4-lp-hero-title text-black">Simple, transparent pricing</h1>
170            <p class="max-w-3xl text-lg md:text-xl text-brand-primary-900">Choose the perfect plan for your needs. Start free and scale as you grow.</p>
171        </div>
172
173        
174        <div class="mt-8 mb-2 flex items-center justify-center">
175            <div class="inline-flex items-center rounded-full bg-[#F3F6FB] p-1.5">
176                <button class="v4-billing-btn active rounded-full px-5 py-2 text-[13px] font-medium cursor-pointer text-center transition-colors bg-brand-primary-900 text-white" data-cycle="monthly" type="button">Monthly</button>
177                <button class="v4-billing-btn rounded-full px-5 py-2 text-[13px] font-medium cursor-pointer text-center transition-colors inline-flex items-center gap-1.5 text-[#697586]" data-cycle="annual" type="button">
178                    <span>Annual</span>
179                    
180                </button>
181            </div>
182        </div>
183    </div>
184</section>
185
186
187<section class="pb-20 relative z-10">
188    <div class="v4-container">
189        
190                                <div class="mb-6 rounded-[26px] border border-[#E5EAF4] bg-white px-6 py-5 md:px-8 md:py-6 shadow-[0_18px_52px_rgba(2,39,121,0.06)]">
191                                                                                <div class=" monthly-pricing free-pricing flex flex-col gap-5 lg:flex-row lg:items-center lg:justify-between">
192                            <div class="flex items-center gap-3 min-w-0 lg:max-w-[280px]">
193                                                                    <img width="28" height="28" class="h-7 w-7 flex-shrink-0" src="https://static.chatling.ai/img/website/v3/pricing/[email protected]">
194                                                                <div>
195                                    <h3 class="text-[20px] font-semibold leading-tight text-[#0D1F44]">Free</h3>
196                                                                            <p class="mt-1 text-[14px] leading-6 text-[#697586]">Launch your first AI agent and see how AI can reduce your support workload.</p>
197                                                                    </div>
198                            </div>
199
200                            <div class="flex items-baseline gap-1.5 lg:min-w-[120px]">
201                                <span class="font-semibold text-[40px] leading-none tracking-[-1.6px] text-brand-secondary-600">$0</span>
202                                <span class="text-[15px] font-medium text-[#6F7787]">/month</span>
203                            </div>
204
205                            <div class="grid grid-cols-2 gap-x-6 gap-y-3 sm:grid-cols-4 lg:flex lg:flex-1 lg:items-center lg:justify-center lg:gap-8">
206                                                                    <div class="group relative min-w-[88px] cursor-help">
207                                        <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">200</div>
208                                        <div class="mt-1 text-[12px] text-[#6F7787]">AI credits</div>
209                                                                                    <span class="pointer-events-none invisible absolute bottom-full left-0 z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-xs font-normal leading-5 text-white group-hover:visible">Credit usage varies based on the AI model used.</span>
210                                                                            </div>
211                                                                    <div class="group relative min-w-[88px] cursor-help">
212                                        <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">1</div>
213                                        <div class="mt-1 text-[12px] text-[#6F7787]">AI agent</div>
214                                                                                    <sp
214an class="pointer-events-none invisible absolute bottom-full left-0 z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-xs font-normal leading-5 text-white group-hover:visible">Number of AI agents and chatbots that you can create. Add additional AI agents with add-ons.</span>
215                                                                            </div>
216                                                                    <div class="group relative min-w-[88px] cursor-help">
217                                        <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">1</div>
218                                        <div class="mt-1 text-[12px] text-[#6F7787]">Seat</div>
219                                                                                    <span class="pointer-events-none invisible absolute bottom-full left-0 z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-xs font-normal leading-5 text-white group-hover:visible">Number of team members you can add to your project.</span>
220                                                                            </div>
221                                                                    <div class="group relative min-w-[88px] cursor-help">
222                                        <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">500,000</div>
223                                        <div class="mt-1 text-[12px] text-[#6F7787]">Knowledge base characters</div>
224                                                                                    <span class="pointer-events-none invisible absolute bottom-full right-0 z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-xs font-normal leading-5 text-white group-hover:visible">Total number of characters for your AI knowledge base.</span>
225                                                                            </div>
226                                                            </div>
227
228                            <a href="https://app.chatling.ai/register" class="inline-flex items-center justify-center rounded-full font-semibold text-center transition-all duration-200 border border-brand-primary-100 text-brand-primary-900 hover:bg-brand-primary-50 text-sm h-10 px-5 w-full lg:w-auto border-[#8EB2FF] bg-white hover:bg-[#F7FAFF]" >Get Started</a>
229                        </div>
230                                                </div>
231        
232        <div class="grid grid-cols-1 gap-6 pt-5 md:grid-cols-2 lg:grid-cols-3">
233                            
234                <div class="relative flex flex-col rounded-[26px] border border-solid p-6 md:p-7
235                    border-[#E5EAF4] bg-white shadow-[0_18px_52px_rgba(2,39,121,0.08)]">
236
237                    
238                    <div class="flex items-center gap-2">
239                                                    <img width="24" height="24" class="h-6 w-6" src="https://static.chatling.ai/img/website/v3/pricing/[email protected]">
240                                                <h3 class="text-[18px] md:text-[20px] font-semibold text-[#0D1F44]">Starter</h3>
241                    </div>
242
243                                            <p class="mt-3 text-[14px] leading-6 text-[#697586]">Handle more conversations, customize your AI, and bring your team into the loop.</p>
244                    
245                                            
246                                                    <div class=" monthly-pricing flex flex-1 flex-col">
247                                <div class="mt-5 flex items-end gap-2">
248                                    <span class="font-semibold text-[48px] leading-none tracking-[-2px] text-brand-secondary-600">$25</span>
249                                    <span class="pb-1.5 text-[16px] font-medium leading-none text-[#6F7787]">/month</span>
250                                </div>
251                                                                    <div class="mt-2 h-5"></div>
252                                
253                                <a href="https://app.chatling.ai/register" class="inline-flex items-center justify-center rounded-full font-semibold text-center transition-all duration-200 border border-brand-primary-100 text-brand-primary-900 hover:bg-brand-primary-50 text-sm h-10 px-5 mt-6 w-full border-[#8EB2FF] bg-white hover:bg-[#F7FAFF]" >Get Started</a>
254
255                                                                <div class="mt-6 grid grid-cols-3 gap-3">
256                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
257                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">1,750</div>
258                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">AI credits</div>
259                                                                                            <sp
259an class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible left-0">Credit usage varies based on the AI model used.</span>
260                                                                                    </div>
261                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
262                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">2</div>
263                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">AI agents</div>
264                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible left-1/2 -translate-x-1/2">Number of AI agents and chatbots that you can create. Add additional AI agents with add-ons.</span>
265                                                                                    </div>
266                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
267                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">2</div>
268                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">Seats</div>
269                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible right-0">Number of team members you can add to your project.</span>
270                                                                                    </div>
271                                                                    </div>
272                                                                    <div class="group relative mt-3 flex items-baseline justify-between gap-3 rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
273                                        <div class="text-[18px] font-semibold leading-none text-[#0D1F44] whitespace-nowrap">10 million</div>
274                                        <div class="text-[12px] text-[#6F7787] whitespace-nowrap">Knowledge base characters</div>
275                                                                                    <span class="pointer-events-none invisible absolute bottom-full left-0 z-30 mb-2 w-64 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible">Total number of characters for your AI knowledge base.</span>
276                                                                            </div>
277                                
278                                                                    <div class="mt-6 h-px w-full" style="background: linear-gradient(90deg, rgba(20,93,252,0) 0%, rgba(20,93,252,0.18) 18%, rgba(20,93,252,0.3) 50%, rgba(20,93,252,0.18) 82%, rgba(20,93,252,0) 100%);"></div>
279                                
280                                                                    <div class="mt-5 text-[14px] font-semibold text-[#0D1F44]">Everything in Free, plus:</div>
281                                
282                                <ul class="mt-3 flex flex-col gap-3 text-[14px] leading-6 text-[#4B5565]">
283                                                                            <li class="flex items-center gap-2">
284                                            <div class="h-[10px] w-[15px] flex-shrink-0">
285                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
286                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
287                                                </svg>
288                                            </div>
289                                                                                            <sp
289an class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
290                                                    4 actions per AI agent
291                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Actions empower your AI agent to execute tasks seamlessly and in real-time while it converses with customers.</span>
292                                                </span>
293                                                                                    </li>
294                                                                            <li class="flex items-center gap-2">
295                                            <div class="h-[10px] w-[15px] flex-shrink-0">
296                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
297                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
298                                                </svg>
299                                            </div>
300                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
301                                                    5 workflows per AI agent
302                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Automate multi-step work when conversation, contact, action, or other events occur.</span>
303                                                </span>
304                                                                                    </li>
305                                                                            <li class="flex items-center gap-2">
306                                            <div class="h-[10px] w-[15px] flex-shrink-0">
307                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
308                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
309                                                </svg>
310                                            </div>
311                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
312                                                    Auto-sync knowledge base weekly
313                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Automatically resyncs knowledge base sources to fetch the latest data.</span>
314                                                </span>
315                                                                                    </li>
316                                                                            <li class="flex items-center gap-2">
317                                            <div class="h-[10px] w-[15px] flex-shrink-0">
318                                                <svg width="15" height="10" viewB
318ox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
319                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
320                                                </svg>
321                                            </div>
322                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
323                                                    Full chatbot customization
324                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Customize the chatbot&#039;s appearance to match your branding.</span>
325                                                </span>
326                                                                                    </li>
327                                                                            <li class="flex items-center gap-2">
328                                            <div class="h-[10px] w-[15px] flex-shrink-0">
329                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
330                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
331                                                </svg>
332                                            </div>
333                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
334                                                    37 AI models
335                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Available models: GPT-6 Astra, GPT-6 Sol, GPT-6 Luna, Claude Opus 5.5, Grok 4.7, DeepSeek V4.1 Flash, GLM 5.3 Flash, GLM 5.3, Gemini 3.8 Flash, Mistral Medium 3.5, Gemini 3.6 Flash, Claude Opus 5, Claude Sonnet 5, GPT-5.6 Sol, GPT-5.6 Terra, GPT-5.6 Luna, GPT-5.5, Claude Opus 4.8, Gemini 3.5 Flash, Grok 4.2 (Non-reasoning), Grok 4.1 Fast, DeepSeek V3.2 (US), Mistral Small 4, Mistral Large 3, Gemini 3.1 Pro Preview, Gemini 3.1 Flash-Lite, Claude Opus 4.6, Claude Sonnet 4.6, GPT 5.4, GPT 5.2, GPT 5.1, Claude Haiku 4.5, Gemini 2.5 Pro, Gemini 2.5 Flash, GPT-4.1, GPT-4.1 Mini, GPT-4o</span>
336                                                </span>
337                                                                                    </li>
338                                                                            <li class="flex items-center gap-2">
339                                            <div class="h-[10px] w-[15px] flex-shrink-0">
340                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
341                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
342                                                </svg>
343                                            </div>
344                                                                                            <sp
344an>API access</span>
345                                                                                    </li>
346                                                                            <li class="flex items-center gap-2">
347                                            <div class="h-[10px] w-[15px] flex-shrink-0">
348                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
349                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
350                                                </svg>
351                                            </div>
352                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
353                                                    Chatbot analytics
354                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">View detailed analytics of your AI agents, such as number of new conversations and contacts, peak chat times, top countries, and more.</span>
355                                                </span>
356                                                                                    </li>
357                                                                            <li class="flex items-center gap-2">
358                                            <div class="h-[10px] w-[15px] flex-shrink-0">
359                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
360                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
361                                                </svg>
362                                            </div>
363                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
364                                                    Voice input
365                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Allows users to send messages by voice (speech-to-text transcription).</span>
366                                                </span>
367                                                                                    </li>
368                                                                    </ul>
369                            </div>
370                                                                    
371                                                    <div class="hidden annual-pricing flex flex-1 flex-col">
372                                <div class="mt-5 flex items-end gap-2">
373                                    <span class="font-semibold text-[48px] leading-none tracking-[-2px] text-brand-secondary-600">$21</span>
374                                    <span class="pb-1.5 text-[16px] font-medium leading-none text-[#6F7787]">/month</span>
375                                </div>
376                                                                    <div class="mt-2 text-[13px] leading-5 text-[#6F7787]">billed $250 annually</div>
377                                
378                                <a href="https://app.chatling.ai/register" class="inline-flex items-center justify-center rounded-full font-semibold text-center transition-all duration-200 border border-brand-primary-100 text-brand-primary-900 hover:bg-brand-primary-50 text-sm h-10 px-5 mt-6 w-full border-[#8EB2FF] bg-white hover:bg-[#F7FAFF]" >Get Started</a>
379
380                                                                <div class="mt-6 grid grid-cols-3 gap-3">
381                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
382                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">1,750</div>
383                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">AI credits</div>
384                                                                                            <sp
384an class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible left-0">Credit usage varies based on the AI model used.</span>
385                                                                                    </div>
386                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
387                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">2</div>
388                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">AI agents</div>
389                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible left-1/2 -translate-x-1/2">Number of AI agents and chatbots that you can create. Add additional AI agents with add-ons.</span>
390                                                                                    </div>
391                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
392                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">2</div>
393                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">Seats</div>
394                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible right-0">Number of team members you can add to your project.</span>
395                                                                                    </div>
396                                                                    </div>
397                                                                    <div class="group relative mt-3 flex items-baseline justify-between gap-3 rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
398                                        <div class="text-[18px] font-semibold leading-none text-[#0D1F44] whitespace-nowrap">10 million</div>
399                                        <div class="text-[12px] text-[#6F7787] whitespace-nowrap">Knowledge base characters</div>
400                                                                                    <span class="pointer-events-none invisible absolute bottom-full left-0 z-30 mb-2 w-64 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible">Total number of characters for your AI knowledge base.</span>
401                                                                            </div>
402                                
403                                                                    <div class="mt-6 h-px w-full" style="background: linear-gradient(90deg, rgba(20,93,252,0) 0%, rgba(20,93,252,0.18) 18%, rgba(20,93,252,0.3) 50%, rgba(20,93,252,0.18) 82%, rgba(20,93,252,0) 100%);"></div>
404                                
405                                                                    <div class="mt-5 text-[14px] font-semibold text-[#0D1F44]">Everything in Free, plus:</div>
406                                
407                                <ul class="mt-3 flex flex-col gap-3 text-[14px] leading-6 text-[#4B5565]">
408                                                                            <li class="flex items-center gap-2">
409                                            <div class="h-[10px] w-[15px] flex-shrink-0">
410                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
411                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
412                                                </svg>
413                                            </div>
414                                                                                            <sp
414an class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
415                                                    4 actions per AI agent
416                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Actions empower your AI agent to execute tasks seamlessly and in real-time while it converses with customers.</span>
417                                                </span>
418                                                                                    </li>
419                                                                            <li class="flex items-center gap-2">
420                                            <div class="h-[10px] w-[15px] flex-shrink-0">
421                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
422                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
423                                                </svg>
424                                            </div>
425                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
426                                                    5 workflows per AI agent
427                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Automate multi-step work when conversation, contact, action, or other events occur.</span>
428                                                </span>
429                                                                                    </li>
430                                                                            <li class="flex items-center gap-2">
431                                            <div class="h-[10px] w-[15px] flex-shrink-0">
432                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
433                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
434                                                </svg>
435                                            </div>
436                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
437                                                    Auto-sync knowledge base weekly
438                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Automatically resyncs knowledge base sources to fetch the latest data.</span>
439                                                </span>
440                                                                                    </li>
441                                                                            <li class="flex items-center gap-2">
442                                            <div class="h-[10px] w-[15px] flex-shrink-0">
443                                                <svg width="15" height="10" viewB
443ox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
444                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
445                                                </svg>
446                                            </div>
447                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
448                                                    Full chatbot customization
449                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Customize the chatbot&#039;s appearance to match your branding.</span>
450                                                </span>
451                                                                                    </li>
452                                                                            <li class="flex items-center gap-2">
453                                            <div class="h-[10px] w-[15px] flex-shrink-0">
454                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
455                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
456                                                </svg>
457                                            </div>
458                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
459                                                    37 AI models
460                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Available models: GPT-6 Astra, GPT-6 Sol, GPT-6 Luna, Claude Opus 5.5, Grok 4.7, DeepSeek V4.1 Flash, GLM 5.3 Flash, GLM 5.3, Gemini 3.8 Flash, Mistral Medium 3.5, Gemini 3.6 Flash, Claude Opus 5, Claude Sonnet 5, GPT-5.6 Sol, GPT-5.6 Terra, GPT-5.6 Luna, GPT-5.5, Claude Opus 4.8, Gemini 3.5 Flash, Grok 4.2 (Non-reasoning), Grok 4.1 Fast, DeepSeek V3.2 (US), Mistral Small 4, Mistral Large 3, Gemini 3.1 Pro Preview, Gemini 3.1 Flash-Lite, Claude Opus 4.6, Claude Sonnet 4.6, GPT 5.4, GPT 5.2, GPT 5.1, Claude Haiku 4.5, Gemini 2.5 Pro, Gemini 2.5 Flash, GPT-4.1, GPT-4.1 Mini, GPT-4o</span>
461                                                </span>
462                                                                                    </li>
463                                                                            <li class="flex items-center gap-2">
464                                            <div class="h-[10px] w-[15px] flex-shrink-0">
465                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
466                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
467                                                </svg>
468                                            </div>
469                                                                                            <sp
469an>API access</span>
470                                                                                    </li>
471                                                                            <li class="flex items-center gap-2">
472                                            <div class="h-[10px] w-[15px] flex-shrink-0">
473                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
474                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
475                                                </svg>
476                                            </div>
477                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
478                                                    Chatbot analytics
479                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">View detailed analytics of your AI agents, such as number of new conversations and contacts, peak chat times, top countries, and more.</span>
480                                                </span>
481                                                                                    </li>
482                                                                            <li class="flex items-center gap-2">
483                                            <div class="h-[10px] w-[15px] flex-shrink-0">
484                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
485                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
486                                                </svg>
487                                            </div>
488                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
489                                                    Voice input
490                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Allows users to send messages by voice (speech-to-text transcription).</span>
491                                                </span>
492                                                                                    </li>
493                                                                    </ul>
494                            </div>
495                                                            </div>
496                            
497                <div class="relative flex flex-col rounded-[26px] border border-solid p-6 md:p-7
498                    z-10 border-[#A8C5FF] bg-[linear-gradient(180deg,#FFFFFF_0%,#F3F7FF_100%)] shadow-[0_28px_80px_rgba(20,93,252,0.14)]">
499
500                                            <div class="absolute -top-4 left-1/2 -translate-x-1/2">
501                            <span class="inline-flex items-center rounded-full bg-brand-primary-900 px-4 py-1 text-sm font-medium text-white shadow-[0_10px_24px_rgba(20,93,252,0.18)]">Most Popular</span>
502                        </div>
503                    
504                    <div class="flex items-center gap-2">
505                                                    <img width="24" height="24" class="h-6 w-6" src="https://static.chatling.ai/img/website/v3/pricing/[email protected]">
506                                                <h3 class="text-[18px] md:text-[20px] font-semibold text-[#0D1F44]">Growth</h3>
507                    </div>
508
509                                            <p class="mt-3 text-[14px] leading-6 text-[#697586]">Scale support with more agents, credits, and collaboration for growing teams.</p>
510                    
511                                            
512                                                    <div class=" monthly-pricing flex flex-1 flex-col">
513                                <div class="mt-5 flex items-end gap-2">
514                                    <span class="font-semibold text-[48px] leading-none tracking-[-2px] text-brand-secondary-600">$75</span>
515                                    <span class="pb-1.5 text-[16px] font-medium leading-none text-[#6F7787]">/month</span>
516                                </div>
517                                                                    <div class="mt-2 h-5"></div>
518                                
519                                <a href="https://app.chatling.ai/register" class="inline-flex items-center justify-center rounded-full font-semibold text-center transition-all duration-200 bg-brand-primary-900 text-white hover:bg-brand-primary-950 text-sm h-10 px-5 mt-6 w-full"  style="box-shadow: inset 0px -2px 6px 2px rgba(20,93,252,0.37)" >Get Started</a>
520
521                                                                <div class="mt-6 grid grid-cols-3 gap-3">
522                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
523                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">6,000</div>
524                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">AI credits</div>
525                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible left-0">Credit usage varies based on the AI model used.</span>
526                                                                                    </div>
527                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
528                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">5</div>
529                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">AI agents</div>
530                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible left-1/2 -translate-x-1/2">Number of AI agents and chatbots that you can create. Add additional AI agents with add-ons.</span>
531                                                                                    </div>
532                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
533                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">5</div>
534                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">Seats</div>
535                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible right-0">Number of team members you can add to your project.</span>
536                                                                                    </div>
537                                                                    </div>
538                                                                    <div class="group relative mt-3 flex items-baseline justify-between gap-3 rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
539                                        <div class="text-[18px] font-semibold leading-none text-[#0D1F44] whitespace-nowrap">30 million</div>
540                                        <div class="text-[12px] text-[#6F7787] whitespace-nowrap">Knowledge base characters</div>
541                                                                                    <span class="pointer-events-none invisible absolute bottom-full left-0 z-30 mb-2 w-64 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible">Total number of characters for your AI knowledge base.</span>
542                                                                            </div>
543                                
544                                                                    <div class="mt-6 h-px w-full" style="background: linear-gradient(90deg, rgba(20,93,252,0) 0%, rgba(20,93,252,0.18) 18%, rgba(20,93,252,0.3) 50%, rgba(20,93,252,0.18) 82%, rgba(20,93,252,0) 100%);"></div>
545                                
546                                                                    <div class="mt-5 text-[14px] font-semibold text-[#0D1F44]">Everything in Starter, plus:</div>
547                                
548                                <ul class="mt-3 flex flex-col gap-3 text-[14px] leading-6 text-[#4B5565]">
549                                                                            <li class="flex items-center gap-2">
550                                            <div class="h-[10px] w-[15px] flex-shrink-0">
551                                                <svg width="15" height="10" viewB
551ox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
552                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
553                                                </svg>
554                                            </div>
555                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
556                                                    7 actions per AI agent
557                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Actions empower your AI agent to execute tasks seamlessly and in real-time while it converses with customers.</span>
558                                                </span>
559                                                                                    </li>
560                                                                            <li class="flex items-center gap-2">
561                                            <div class="h-[10px] w-[15px] flex-shrink-0">
562                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
563                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
564                                                </svg>
565                                            </div>
566                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
567                                                    15 workflows per AI agent
568                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Automate multi-step work when conversation, contact, action, or other events occur.</span>
569                                                </span>
570                                                                                    </li>
571                                                                            <li class="flex items-center gap-2">
572                                            <div class="h-[10px] w-[15px] flex-shrink-0">
573                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
574                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
575                                                </svg>
576                                            </div>
577                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
578                                                    Auto-sync knowledge base daily
579                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Automatically resyncs knowledge base sources to fetch the latest data.</span>
580                                                </span>
581                                                                                    </li>
582                                                                            <li class="flex items-center gap-2">
583                                            <div class="h-[10px] w-[15px] flex-shrink-0">
584                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
585                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
586                                                </svg>
587                                            </div>
588                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
589                                                    Satisfaction survey
590                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Display survey at the end of chats to collect user feedback about their interaction with the chatbot.</span>
591                                                </span>
592                                                                                    </li>
593                                                                            <li class="flex items-center gap-2">
594                                            <div class="h-[10px] w-[15px] flex-shrink-0">
595                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
596                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
597                                                </svg>
598                                            </div>
599                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
600                                                    Round robin routing
601                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Automatically distribute handed-off conversations between eligible agents.</span>
602                                                </span>
603                                                                                    </li>
604                                                                    </ul>
605                            </div>
606                                                                    
607                                                    <div class="hidden annual-pricing flex flex-1 flex-col">
608                                <div class="mt-5 flex items-end gap-2">
609                                    <span class="font-semibold text-[48px] leading-none tracking-[-2px] text-brand-secondary-600">$63</span>
610                                    <span class="pb-1.5 text-[16px] font-medium leading-none text-[#6F7787]">/month</span>
611                                </div>
612                                                                    <div class="mt-2 text-[13px] leading-5 text-[#6F7787]">billed $750 annually</div>
613                                
614                                <a href="https://app.chatling.ai/register" class="inline-flex items-center justify-center rounded-full font-semibold text-center transition-all duration-200 bg-brand-primary-900 text-white hover:bg-brand-primary-950 text-sm h-10 px-5 mt-6 w-full"  style="box-shadow: inset 0px -2px 6px 2px rgba(20,93,252,0.37)" >Get Started</a>
615
616                                                                <div class="mt-6 grid grid-cols-3 gap-3">
617                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
618                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">6,000</div>
619                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">AI credits</div>
620                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible left-0">Credit usage varies based on the AI model used.</span>
621                                                                                    </div>
622                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
623                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">5</div>
624                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">AI agents</div>
625                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible left-1/2 -translate-x-1/2">Number of AI agents and chatbots that you can create. Add additional AI agents with add-ons.</span>
626                                                                                    </div>
627                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
628                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">5</div>
629                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">Seats</div>
630                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible right-0">Number of team members you can add to your project.</span>
631                                                                                    </div>
632                                                                    </div>
633                                                                    <div class="group relative mt-3 flex items-baseline justify-between gap-3 rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
634                                        <div class="text-[18px] font-semibold leading-none text-[#0D1F44] whitespace-nowrap">30 million</div>
635                                        <div class="text-[12px] text-[#6F7787] whitespace-nowrap">Knowledge base characters</div>
636                                                                                    <span class="pointer-events-none invisible absolute bottom-full left-0 z-30 mb-2 w-64 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible">Total number of characters for your AI knowledge base.</span>
637                                                                            </div>
638                                
639                                                                    <div class="mt-6 h-px w-full" style="background: linear-gradient(90deg, rgba(20,93,252,0) 0%, rgba(20,93,252,0.18) 18%, rgba(20,93,252,0.3) 50%, rgba(20,93,252,0.18) 82%, rgba(20,93,252,0) 100%);"></div>
640                                
641                                                                    <div class="mt-5 text-[14px] font-semibold text-[#0D1F44]">Everything in Starter, plus:</div>
642                                
643                                <ul class="mt-3 flex flex-col gap-3 text-[14px] leading-6 text-[#4B5565]">
644                                                                            <li class="flex items-center gap-2">
645                                            <div class="h-[10px] w-[15px] flex-shrink-0">
646                                                <svg width="15" height="10" viewB
646ox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
647                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
648                                                </svg>
649                                            </div>
650                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
651                                                    7 actions per AI agent
652                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Actions empower your AI agent to execute tasks seamlessly and in real-time while it converses with customers.</span>
653                                                </span>
654                                                                                    </li>
655                                                                            <li class="flex items-center gap-2">
656                                            <div class="h-[10px] w-[15px] flex-shrink-0">
657                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
658                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
659                                                </svg>
660                                            </div>
661                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
662                                                    15 workflows per AI agent
663                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Automate multi-step work when conversation, contact, action, or other events occur.</span>
664                                                </span>
665                                                                                    </li>
666                                                                            <li class="flex items-center gap-2">
667                                            <div class="h-[10px] w-[15px] flex-shrink-0">
668                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
669                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
670                                                </svg>
671                                            </div>
672                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
673                                                    Auto-sync knowledge base daily
674                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Automatically resyncs knowledge base sources to fetch the latest data.</span>
675                                                </span>
676                                                                                    </li>
677                                                                            <li class="flex items-center gap-2">
678                                            <div class="h-[10px] w-[15px] flex-shrink-0">
679                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
680                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
681                                                </svg>
682                                            </div>
683                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
684                                                    Satisfaction survey
685                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Display survey at the end of chats to collect user feedback about their interaction with the chatbot.</span>
686                                                </span>
687                                                                                    </li>
688                                                                            <li class="flex items-center gap-2">
689                                            <div class="h-[10px] w-[15px] flex-shrink-0">
690                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
691                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
692                                                </svg>
693                                            </div>
694                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
695                                                    Round robin routing
696                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Automatically distribute handed-off conversations between eligible agents.</span>
697                                                </span>
698                                                                                    </li>
699                                                                    </ul>
700                            </div>
701                                                            </div>
702                            
703                <div class="relative flex flex-col rounded-[26px] border border-solid p-6 md:p-7
704                    border-[#E5EAF4] bg-white shadow-[0_18px_52px_rgba(2,39,121,0.08)]">
705
706                    
707                    <div class="flex items-center gap-2">
708                                                    <img width="24" height="24" class="h-6 w-6" src="https://static.chatling.ai/img/website/v3/pricing/[email protected]">
709                                                <h3 class="text-[18px] md:text-[20px] font-semibold text-[#0D1F44]">Scale</h3>
710                    </div>
711
712                                            <p class="mt-3 text-[14px] leading-6 text-[#697586]">High-volume support with the limits larger teams need to run AI across the business.</p>
713                    
714                                            
715                                                    <div class=" monthly-pricing flex flex-1 flex-col">
716                                <div class="mt-5 flex items-end gap-2">
717                                    <span class="font-semibold text-[48px] leading-none tracking-[-2px] text-brand-secondary-600">$295</span>
718                                    <span class="pb-1.5 text-[16px] font-medium leading-none text-[#6F7787]">/month</span>
719                                </div>
720                                                                    <div class="mt-2 h-5"></div>
721                                
722                                <a href="https://app.chatling.ai/register" class="inline-flex items-center justify-center rounded-full font-semibold text-center transition-all duration-200 border border-brand-primary-100 text-brand-primary-900 hover:bg-brand-primary-50 text-sm h-10 px-5 mt-6 w-full border-[#8EB2FF] bg-white hover:bg-[#F7FAFF]" >Get Started</a>
723
724                                                                <div class="mt-6 grid grid-cols-3 gap-3">
725                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
726                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">35,000</div>
727                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">AI credits</div>
728                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible left-0">Credit usage varies based on the AI model used.</span>
729                                                                                    </div>
730                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
731                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">7</div>
732                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">AI agents</div>
733                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible left-1/2 -translate-x-1/2">Number of AI agents and chatbots that you can create. Add additional AI agents with add-ons.</span>
734                                                                                    </div>
735                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
736                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">10</div>
737                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">Seats</div>
738                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible right-0">Number of team members you can add to your project.</span>
739                                                                                    </div>
740                                                                    </div>
741                                                                    <div class="group relative mt-3 flex items-baseline justify-between gap-3 rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
742                                        <div class="text-[18px] font-semibold leading-none text-[#0D1F44] whitespace-nowrap">100 million</div>
743                                        <div class="text-[12px] text-[#6F7787] whitespace-nowrap">Knowledge base characters</div>
744                                                                                    <span class="pointer-events-none invisible absolute bottom-full left-0 z-30 mb-2 w-64 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible">Total number of characters for your AI knowledge base.</span>
745                                                                            </div>
746                                
747                                                                    <div class="mt-6 h-px w-full" style="background: linear-gradient(90deg, rgba(20,93,252,0) 0%, rgba(20,93,252,0.18) 18%, rgba(20,93,252,0.3) 50%, rgba(20,93,252,0.18) 82%, rgba(20,93,252,0) 100%);"></div>
748                                
749                                                                    <div class="mt-5 text-[14px] font-semibold text-[#0D1F44]">Everything in Growth, plus:</div>
750                                
751                                <ul class="mt-3 flex flex-col gap-3 text-[14px] leading-6 text-[#4B5565]">
752                                                                            <li class="flex items-center gap-2">
753                                            <div class="h-[10px] w-[15px] flex-shrink-0">
754                                                <svg width="15" height="10" viewB
754ox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
755                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
756                                                </svg>
757                                            </div>
758                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
759                                                    12 actions per AI agent
760                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Actions empower your AI agent to execute tasks seamlessly and in real-time while it converses with customers.</span>
761                                                </span>
762                                                                                    </li>
763                                                                            <li class="flex items-center gap-2">
764                                            <div class="h-[10px] w-[15px] flex-shrink-0">
765                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
766                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
767                                                </svg>
768                                            </div>
769                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
770                                                    Unlimited workflows
771                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Automate multi-step work when conversation, contact, action, or other events occur.</span>
772                                                </span>
773                                                                                    </li>
774                                                                            <li class="flex items-center gap-2">
775                                            <div class="h-[10px] w-[15px] flex-shrink-0">
776                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
777                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
778                                                </svg>
779                                            </div>
780                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
781                                                    Remove &quot;Powered by Chatling&quot; branding
782                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Remove the &#039;Powered by Chatling&#039; branding from the web widget.</span>
783                                                </span>
784                                                                                    </li>
785                                                                    </ul>
786                            </div>
787                                                                    
788                                                    <div class="hidden annual-pricing flex flex-1 flex-col">
789                                <div class="mt-5 flex items-end gap-2">
790                                    <span class="font-semibold text-[48px] leading-none tracking-[-2px] text-brand-secondary-600">$246</span>
791                                    <span class="pb-1.5 text-[16px] font-medium leading-none text-[#6F7787]">/month</span>
792                                </div>
793                                                                    <div class="mt-2 text-[13px] leading-5 text-[#6F7787]">billed $2,950 annually</div>
794                                
795                                <a href="https://app.chatling.ai/register" class="inline-flex items-center justify-center rounded-full font-semibold text-center transition-all duration-200 border border-brand-primary-100 text-brand-primary-900 hover:bg-brand-primary-50 text-sm h-10 px-5 mt-6 w-full border-[#8EB2FF] bg-white hover:bg-[#F7FAFF]" >Get Started</a>
796
797                                                                <div class="mt-6 grid grid-cols-3 gap-3">
798                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
799                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">35,000</div>
800                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">AI credits</div>
801                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible left-0">Credit usage varies based on the AI model used.</span>
802                                                                                    </div>
803                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
804                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">7</div>
805                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">AI agents</div>
806                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible left-1/2 -translate-x-1/2">Number of AI agents and chatbots that you can create. Add additional AI agents with add-ons.</span>
807                                                                                    </div>
808                                                                            <div class="group relative rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
809                                            <div class="text-[18px] font-semibold leading-none text-[#0D1F44]">10</div>
810                                            <div class="mt-1.5 text-[12px] text-[#6F7787]">Seats</div>
811                                                                                            <span class="pointer-events-none invisible absolute bottom-full z-30 mb-2 w-52 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible right-0">Number of team members you can add to your project.</span>
812                                                                                    </div>
813                                                                    </div>
814                                                                    <div class="group relative mt-3 flex items-baseline justify-between gap-3 rounded-2xl bg-[#F6F8FD] px-3 py-3 cursor-help">
815                                        <div class="text-[18px] font-semibold leading-none text-[#0D1F44] whitespace-nowrap">100 million</div>
816                                        <div class="text-[12px] text-[#6F7787] whitespace-nowrap">Knowledge base characters</div>
817                                                                                    <sp
817an class="pointer-events-none invisible absolute bottom-full left-0 z-30 mb-2 w-64 rounded-lg bg-gray-900 p-2 text-left text-xs font-normal leading-5 text-white group-hover:visible">Total number of characters for your AI knowledge base.</span>
818                                                                            </div>
819                                
820                                                                    <div class="mt-6 h-px w-full" style="background: linear-gradient(90deg, rgba(20,93,252,0) 0%, rgba(20,93,252,0.18) 18%, rgba(20,93,252,0.3) 50%, rgba(20,93,252,0.18) 82%, rgba(20,93,252,0) 100%);"></div>
821                                
822                                                                    <div class="mt-5 text-[14px] font-semibold text-[#0D1F44]">Everything in Growth, plus:</div>
823                                
824                                <ul class="mt-3 flex flex-col gap-3 text-[14px] leading-6 text-[#4B5565]">
825                                                                            <li class="flex items-center gap-2">
826                                            <div class="h-[10px] w-[15px] flex-shrink-0">
827                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
828                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
829                                                </svg>
830                                            </div>
831                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
832                                                    12 actions per AI agent
833                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Actions empower your AI agent to execute tasks seamlessly and in real-time while it converses with customers.</span>
834                                                </span>
835                                                                                    </li>
836                                                                            <li class="flex items-center gap-2">
837                                            <div class="h-[10px] w-[15px] flex-shrink-0">
838                                                <svg width="15" height="10" viewBox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
839                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
840                                                </svg>
841                                            </div>
842                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
843                                                    Unlimited workflows
844                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Automate multi-step work when conversation, contact, action, or other events occur.</span>
845                                                </span>
846                                                                                    </li>
847                                                                            <li class="flex items-center gap-2">
848                                            <div class="h-[10px] w-[15px] flex-shrink-0">
849                                                <svg width="15" height="10" viewB
849ox="0 0 92 66" xmlns="http://www.w3.org/2000/svg">
850                                                    <path class="fill-brand-secondary-600 stroke-brand-secondary-600" d="M83.8767 3.8808L82.8368 2.80209L81.7569 3.84085L32.6168 51.1111L9.70842 32.5989L8.5398 31.6546L7.59738 32.8248L3.84738 37.4811L2.90786 38.6477L4.07312 39.5888L30.0731 60.5888L30.0764 60.5914L32.1389 62.2477L33.1614 63.0688L34.1117 62.1652L36.018 60.3527L36.0241 60.3469L88.0241 10.3469L89.1067 9.30585L88.0643 8.22455L83.8767 3.8808Z" stroke-width="3"/>
851                                                </svg>
852                                            </div>
853                                                                                            <span class="group relative cursor-default underline decoration-dotted decoration-gray-400 underline-offset-4 leading-6">
854                                                    Remove &quot;Powered by Chatling&quot; branding
855                                                    <span class="invisible group-hover:visible absolute bottom-full left-0 mb-2 w-52 rounded-lg bg-gray-900 text-white text-xs p-2 z-10">Remove the &#039;Powered by Chatling&#039; branding from the web widget.</span>
856                                                </span>
857                                                                                    </li>
858                                                                    </ul>
859                            </div>
860                                                            </div>
861                    </div>
862
863        
864        <div class="flex justify-center mt-10">
865            <button id="v4-see-all-features" class="flex items-center gap-2 text-brand-secondary-600 font-semibold text-lg cursor-pointer">
866                See all features
867                <svg width="22" height="22" viewBox="0 0 24 25" fill="none">
868                    <path d="M19.281 14.5306L12.531 21.2806C12.4614 21.3504 12.3787 21.4057 12.2876 21.4434C12.1966 21.4812 12.099 21.5006 12.0004 21.5006C11.9019 21.5006 11.8043 21.4812 11.7132 21.4434C11.6222 21.4057 11.5394 21.3504 11.4698 21.2806L4.71979 14.5306C4.57906 14.3899 4.5 14.199 4.5 14C4.5 13.801 4.57906 13.6101 4.71979 13.4694C4.86052 13.3286 5.05139 13.2496 5.25042 13.2496C5.44944 13.2496 5.64031 13.3286 5.78104 13.4694L11.2504 18.9397V4.25C11.2504 4.05109 11.3294 3.86032 11.4701 3.71967C11.6107 3.57902 11.8015 3.5 12.0004 3.5C12.1993 3.5 12.3901 3.57902 12.5307 3.71967C12.6714 3.86032 12.7504 4.05109 12.7504 4.25V18.9397L18.2198 13.4694C18.3605 13.3286 18.5514 13.2496 18.7504 13.2496C18.9494 13.2496 19.1403 13.3286 19.281 13.4694C19.4218 13.6101 19.5008 13.801 19.5008 14C19.5008 14.199 19.4218 14.3899 19.281 14.5306Z" fill="#145DFC"/>
869                </svg>
870            </button>
871        </div>
872    </div>
873</section>
874
875
876<section class="py-16 lg:py-20">
877    <div class="v4-container flex flex-col gap-4">
878        
879        <div class="grid grid-cols-1 md:grid-cols-10 gap-4">
880            <div class="md:col-span-4 py-4 px-6 flex flex-row gap-5 rounded-2xl items-center" style="box-shadow: inset 0px -0.5px 1px #BDBCBC, inset 0px 0.5px 0.5px #F5EEEE; background: linear-gradient(180deg, #FFFFFF 0%, #f8f8f8 100%)">
881                <div class="w-10 h-10 flex items-center justify-start rounded-full overflow-hidden flex-shrink-0">
882                    <img src="https://static.chatling.ai/img/logos/independent-analytics.jpg" alt="Independent Analytics">
883                </div>
884                <div class="flex flex-col gap-1">
885                    <div class="text-lg font-medium text-brand-primary-900">Best choice I've made this year</div>
886                    <div class="flex flex-row gap-2 items-center text-sm">
887                        <span class="font-medium text-gray-900">Ben Sibley</span>
888                        <span class="text-gray-500">Independent Analytics</span>
889                    </div>
890                </div>
891            </div>
892            <div class="md:col-span-3 py-4 px-6 flex flex-row gap-5 rounded-2xl items-center" style="box-shadow: inset 0px -0.5px 1px #FFAD65, inset 0px 0.5px 0.5px #F5EEEE;
892 background: linear-gradient(180deg, #FFFFFF 0%, #FEE7D8 100%)">
893                <div class="w-10 h-10 flex items-center justify-start flex-shrink-0">
894                    <svg width="40" height="40" viewBox="0 0 322 331" fill="none" xmlns="http://www.w3.org/2000/svg">
895                        <path d="M227.067 235.747C239.22 256.809 251.239 277.631 263.248 298.43C210.07 339.087 127.335 344 66.0883 297.181C-4.39352 243.26 -15.9778 151.254 21.757 85.025C65.1576 8.84719 146.374 -8.00002 198.666 4.35339C197.252 7.42144 165.933 72.3062 165.933 72.3062C165.933 72.3062 163.457 72.4686 162.056 72.4957C146.6 73.1499 135.088 76.7413 122.749 83.112C109.212 90.1662 97.6107 100.424 88.9598 112.99C80.3088 125.555 74.8714 140.045 73.1229 155.193C71.2985 170.556 73.4257 186.129 79.3036 200.442C84.2735 212.543 91.3036 223.29 100.728 232.364C115.186 246.296 132.391 254.923 152.334 257.779C171.219 260.486 189.382 257.806 206.401 249.265C212.785 246.066 218.216 242.533 224.564 237.688C225.373 237.164 226.091 236.501 227.067 235.747Z" fill="#FF492C"/>
896                        <path d="M227.184 51.0373C224.098 48.0053 221.239 45.208 218.392 42.3926C216.693 40.7142 215.058 38.9681 213.318 37.3303C212.695 36.7393 211.963 35.9316 211.963 35.9316C211.963 35.9316 212.555 34.6774 212.808 34.163C216.138 27.49 221.356 22.6127 227.546 18.7325C234.39 14.4092 242.365 12.2095 250.461 12.4114C260.821 12.6145 270.454 15.1907 278.582 22.1299C284.582 27.2509 287.659 33.7479 288.201 41.5038C289.104 54.5881 283.683 64.6089 272.916 71.6022C266.591 75.717 259.769 78.8979 252.928 82.6653C249.156 84.7452 245.93 86.5725 242.243 90.3354C238.999 94.1118 238.841 97.6716 238.841 97.6716L287.848 97.6085V119.405H212.202V117.298C211.913 106.587 213.165 96.5076 218.076 86.78C222.594 77.8556 229.615 71.3225 238.05 66.2918C244.547 62.4161 251.388 59.118 257.898 55.2604C261.915 52.8826 264.752 49.395 264.729 44.3372C264.729 39.9968 261.567 36.1392 257.049 34.9345C246.395 32.065 235.552 36.6445 229.913 46.3811C229.091 47.8023 228.251 49.2145 227.184 51.0373ZM321.978 212.579L280.678 141.355H198.951L157.385 213.315H239.713L280.339 284.2L321.978 212.579Z" fill="#FF492C"/>
897                    </svg>
898                </div>
899                <div class="flex flex-col gap-1.5">
900                    <div class="flex flex-row gap-1">
901                                                    <svg width="19" viewBox="0 0 33 35" fill="none"><path d="M11.2977 12.161L16.4978 0.741455L21.6978 12.161L32.9645 13.1127L25.1645 21.6773L26.8978 35.0002L16.4978 28.3388L6.09771 35.0002L8.69772 22.629L0.0310059 13.1127L11.2977 12.161Z" fill="#FF492C"/></svg>
902                                                    <svg width="19" viewBox="0 0 33 35" fill="none"><path d="M11.2977 12.161L16.4978 0.741455L21.6978 12.161L32.9645 13.1127L25.1645 21.6773L26.8978 35.0002L16.4978 28.3388L6.09771 35.0002L8.69772 22.629L0.0310059 13.1127L11.2977 12.161Z" fill="#FF492C"/></svg>
903                                                    <svg width="19" viewBox="0 0 33 35" fill="none"><path d="M11.2977 12.161L16.4978 0.741455L21.6978 12.161L32.9645 13.1127L25.1645 21.6773L26.8978 35.0002L16.4978 28.3388L6.09771 35.0002L8.69772 22.629L0.0310059 13.1127L11.2977 12.161Z" fill="#FF492C"/></svg>
904                                                    <svg width="19" viewBox="0 0 33 35" fill="none"><path d="M11.2977 12.161L16.4978 0.741455L21.6978 12.161L32.9645 13.1127L25.1645 21.6773L26.8978 35.0002L16.4978 28.3388L6.09771 35.0002L8.69772 22.629L0.0310059 13.1127L11.2977 12.161Z" fill="#FF492C"/></svg>
905                                                    <svg width="19" viewBox="0 0 33 35" fill="none"><path d="M11.2977 12.161L16.4978 0.741455L21.6978 12.161L32.9645 13.1127L25.1645 21.6773L26.8978 35.0002L16.4978 28.3388L6.09771 35.0002L8.69772 22.629L0.0310059 13.1127L11.2977 12.161Z" fill="#FF492C"/></svg>
906                                            </div>
907                    <div class="text-xs text-gray-500"><span class="font-semibold">4.7</span> out of 5 stars</div>
908                </div>
909            </div>
910            <div class="md:col-span-3 py-4 px-6 flex flex-row gap-5 rounded-2xl items-center" style="box-shadow: inset 0px -0.5px 1px #2CE55D, inset 0px 0.5px 0.5px #F5EEEE; background: linear-gradient(180deg, #FFFFFF 0%, #D0FADC 100%)">
911                <div class="w-[45px] h-[45px] flex items-center justify-start flex-shrink-0">
912                    <svg width="45" height="45" viewBox="0 0 428 406" fill="none"><path d="M427.299 154.864H264.426L214.288 0L163.853 154.864L0.979492 154.567L132.703 250.392L82.268 405.256L213.991 309.43L345.714 405.256L295.576 250.392L427.299 154.864Z" fill="#00B67A"/><path d="M306.85 285.4L295.576 250.392L214.288 309.43L306.85 285.4Z" fill="#005128"/></svg>
913                </div>
914                <div class="flex flex-col gap-1.5">
915                    <div class="flex flex-row gap-1">
916                        <svg width="125" viewBox="0 0 501 95" fill="none">
917                            <path d="M94.7144 0.512695H0.661377V94.6041H94.7144V0.512695Z" fill="#00B67A"/><path d="M195.626 0.512695H101.573V94.6041H195.626V0.512695Z" fill="#00B67A"/><path d="M297.516 0.512695H203.463V94.6041H297.516V0.512695Z" fill="#00B67A"/><path d="M398.428 0.512695H304.375V94.6041H398.428V0.512695Z" fill="#00B67A"/><path d="M500.318 0.512695H406.265V94.6041H500.318V0.512695Z" fill="#DCDCE6"/><path d="M406.265 0.512695H453.292V93.624H406.265V0.512695Z" fill="#00B67A"/>
918                            <path d="M46.7082 63.2405L61.404 59.3201L67.2823 77.9423L46.7082 63.2405ZM80.0186 39.7177H54.5459L46.7082 16.1948L38.8704 39.7177H14.3774L34.9515 54.4195L27.1138 77.9423L47.6879 63.2405L60.4242 54.4195L80.0186 39.7177Z" fill="white"/>
919                            <path d="M148.599 63.2405L163.295 59.3201L169.173 77.9423L148.599 63.2405ZM180.93 39.7177H155.457L147.619 16.1948L139.782 39.7177H114.309L134.883 54.4195L127.045 77.9423L147.619 63.2405L160.356 54.4195L180.93 39.7177Z" fill="white"/>
920                            <path d="M250.49 63.2405L265.186 59.3201L271.064 77.9423L250.49 63.2405ZM282.821 39.7177H257.348L249.51 16.1948L241.672 39.7177H216.2L236.774 54.4195L229.916 77.9423L250.49 63.2405L263.226 54.4195L282.821 39.7177Z" fill="white"/>
921                            <path d="M351.401 63.2405L366.097 59.3201L371.975 77.9423L351.401 63.2405ZM384.711 39.7177H359.239L351.401 16.1948L343.563 39.7177H318.09L338.664 54.4195L330.827 77.9423L351.401 63.2405L364.137 54.4195L384.711 39.7177Z" fill="white"/>
922                            <path d="M453.292 63.2405L467.988 59.3201L473.866 77.9423L453.292 63.2405ZM485.623 39.7177H460.15L452.312 16.1948L445.454 39.7177H419.981L440.556 54.4195L432.718 77.9423L453.292 63.2405L466.028 54.4195L485.623 39.7177Z" fill="white"/>
923                        </svg>
924                    </div>
925                    <div class="text-xs text-gray-500"><span class="font-semibold">4.3</span> out of 5 stars</div>
926                </div>
927            </div>
928        </div>
929
930        
931                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
932                            <div class="py-4 px-6 flex flex-row gap-5 rounded-2xl items-center" style="box-shadow: inset 0px -0.5px 1px #BDBCBC, inset 0px 0.5px 0.5px #F5EEEE; background: linear-gradient(180deg, #FFFFFF 0%, #f8f8f8 100%)">
933                                            <div class="w-10 h-10 flex items-center justify-start flex-shrink-0">
934                            <img src="https://static.chatling.ai/img/logos/snapdownloader-icon.png" alt="SnapDownloader">
935                        </div>
936                                        <div class="flex flex-col gap-1">
937                        <div class="text-lg font-medium text-brand-primary-900">Resolved 45% of support questions</div>
938                        <div class="flex flex-row gap-2 items-center text-sm">
939                            <span class="font-medium text-gray-900">Sasha Garcia</span>
940                            <span class="text-gray-500">SnapDownloader</span>
941                        </div>
942                    </div>
943                </div>
944                            <div class="py-4 px-6 flex flex-row gap-5 rounded-2xl items-center" style="box-shadow: inset 0px -0.5px 1px #BDBCBC, inset 0px 0.5px 0.5px #F5EEEE; background: linear-gradient(180deg, #FFFFFF 0%, #f8f8f8 100%)">
945                                            <div class="w-10 h-10 flex items-center justify-start flex-shrink-0">
946                            <img src="https://static.chatling.ai/img/logos/plastico-del-plata.png" alt="Plásticos del Plata">
947                        </div>
948                                        <div class="flex flex-col gap-1">
949                        <div class="text-lg font-medium text-brand-primary-900">Best AI chatbot on the market</div>
950                        <div class="flex flex-row gap-2 items-center text-sm">
951                            <span class="font-medium text-gray-900">Diego Castelli</span>
952                            <span class="text-gray-500">Plásticos del Plata</span>
953                        </div>
954                    </div>
955                </div>
956                            <div class="py-4 px-6 flex flex-row gap-5 rounded-2xl items-center" style="box-shadow: inset 0px -0.5px 1px #BDBCBC, inset 0px 0.5px 0.5px #F5EEEE; background: linear-gradient(180deg, #FFFFFF 0%, #f8f8f8 100%)">
957                                            <div class="w-10 h-10 flex items-center justify-start flex-shrink-0">
958                            <img src="https://static.chatling.ai/img/logos/isportsanalysis.png" alt="iSportsAnalysis">
959                        </div>
960                                        <div class="flex flex-col gap-1">
961                        <div class="text-lg font-medium text-brand-primary-900">Adds so much value to our customer experience</div>
962                        <div class="flex flex-row gap-2 items-center text-sm">
963                            <span class="font-medium text-gray-900">Anadi T.</span>
964                            <span class="text-gray-500">iSportsAnalysis</span>
965                        </div>
966                    </div>
967                </div>
968                    </div>
969    </div>
970</section>
971
972
973<section class="py-16 lg:py-20 bg-[#F6F8FD]">
974    <div class="v4-container">
975        <div class="flex flex-col items-center text-center gap-4 mb-12">
976            <h2 class="v4-lp-section-title text-black">Add-Ons</h2>
977            <p class="text-xl text-brand-primary-900">Customize your plan to meet your needs</p>
978        </div>
979        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
980                            <div class="py-6 px-6 rounded-2xl" style="box-shadow: inset 0px -0.5px 1px #BDBCBC, inset 0px 0.5px 0.5px #F5EEEE; background: linear-gradient(180deg, #FFFFFF 0%, #f8f8f8 100%)">
981                    <div class="flex items-center justify-between gap-3">
982                        <div>
983                            <div class="text-lg font-semibold text-brand-primary-900">Extra AI Credits</div>
984                            <div class="text-gray-500 mt-1 text-sm">per 1,000 credits</div>
985                        </div>
986                        <div class="text-right flex-shrink-0">
987                            <span class="font-semibold text-2xl text-black">+$10</span><span class="text-gray-600">/mo</span>
988                        </div>
989                    </div>
990                </div>
991                            <div class="py-6 px-6 rounded-2xl" style="box-shadow: inset 0px -0.5px 1px #BDBCBC, inset 0px 0.5px 0.5px #F5EEEE; background: linear-gradient(180deg, #FFFFFF 0%, #f8f8f8 100%)">
992                    <div class="flex items-center justify-between gap-3">
993                        <div>
994                            <div class="text-lg font-semibold text-brand-primary-900">Extra Knowledge Base Characters</div>
995                            <div class="text-gray-500 mt-1 text-sm">per 1,000,000 characters</div>
996                        </div>
997                        <div class="text-right flex-shrink-0">
998                            <span class="font-semibold text-2xl text-black">+$2</span><span class="text-gray-600">/mo</span>
999                        </div>
1000                    </div>
1001                </div>
1002                            <div class="py-6 px-6 rounded-2xl" style="box-shadow: inset 0px -0.5px 1px #BDBCBC, inset 0px 0.5px 0.5px #F5EEEE; background: linear-gradient(180deg, #FFFFFF 0%, #f8f8f8 100%)">
1003                    <div class="flex items-center justify-between gap-3">
1004                        <div>
1005                            <div class="text-lg font-semibold text-brand-primary-900">Extra AI Agent</div>
1006                            <div class="text-gray-500 mt-1 text-sm">per AI agent</div>
1007                        </div>
1008                        <div class="text-right flex-shrink-0">
1009                            <span class="font-semibold text-2xl text-black">+$3</span><span class="text-gray-600">/mo</span>
1010                        </div>
1011                    </div>
1012                </div>
1013                            <div class="py-6 px-6 rounded-2xl" style="box-shadow: inset 0px -0.5px 1px #BDBCBC, inset 0px 0.5px 0.5px #F5EEEE; background: linear-gradient(180deg, #FFFFFF 0%, #f8f8f8 100%)">
1014                    <div class="flex items-center justify-between gap-3">
1015                        <div>
1016                            <div class="text-lg font-semibold text-brand-primary-900">Extra Seat</div>
1017                            <div class="text-gray-500 mt-1 text-sm">per seat</div>
1018                        </div>
1019                        <div class="text-right flex-shrink-0">
1020                            <span class="font-semibold text-2xl text-black">+$10</span><span class="text-gray-600">/mo</span>
1021                        </div>
1022                    </div>
1023                </div>
1024                            <div class="py-6 px-6 rounded-2xl" style="box-shadow: inset 0px -0.5px 1px #BDBCBC, inset 0px 0.5px 0.5px #F5EEEE; background: linear-gradient(180deg, #FFFFFF 0%, #f8f8f8 100%)">
1025                    <div class="flex items-center justify-between gap-3">
1026                        <div>
1027                            <div class="text-lg font-semibold text-brand-primary-900">Remove &quot;Powered by Chatling&quot; branding</div>
1028                            <div class="text-gray-500 mt-1 text-sm"></div>
1029                        </div>
1030                        <div class="text-right flex-shrink-0">
1031                            <span class="font-semibold text-2xl text-black">+$35</span><span class="text-gray-600">/mo</span>
1032                        </div>
1033                    </div>
1034                </div>
1035                            <div class="py-6 px-6 rounded-2xl" style="box-shadow: inset 0px -0.5px 1px #BDBCBC, inset 0px 0.5px 0.5px #F5EEEE; background: linear-gradient(180deg, #FFFFFF 0%, #f8f8f8 100%)">
1036                    <div class="flex items-center justify-between gap-3">
1037                        <div>
1038                            <div class="text-lg font-semibold text-brand-primary-900">Custom Domain</div>
1039                            <div class="text-gray-500 mt-1 text-sm">per custom domains</div>
1040                        </div>
1041                        <div class="text-right flex-shrink-0">
1042                            <span class="font-semibold text-2xl text-black">+$10</span><span class="text-gray-600">/mo</span>
1043                        </div>
1044                    </div>
1045                </div>
1046                    </div>
1047    </div>
1048</section>
1049
1050
1051
1052<section id="v4-comparison-section" class="py-16 lg:py-20">
1053    <div class="v4-container">
1054        <div class="flex flex-col items-center text-center gap-4 mb-12">
1055            <h2 class="v4-lp-section-title text-black">Compare our plans and features</h2>
1056        </div>
1057
1058        <div class="border border-blue-200 rounded-2xl overflow-hidden">
1059            
1060            <div class="flex items-center text-center border-b border-blue-200 bg-[#F6F8FD] lg:hidden">
1061                                    <button
1062                        class="v4-compare-tier-btn flex-1 py-3 text-sm font-semibold transition-colors bg-brand-primary-900 text-white"
1063                        data-tier="0"
1064                    >Free</button>
1065                                    <button
1066                        class="v4-compare-tier-btn flex-1 py-3 text-sm font-semibold transition-colors text-brand-primary-900"
1067                        data-tier="1"
1068                    >Starter</button>
1069                                    <button
1070                        class="v4-compare-tier-btn flex-1 py-3 text-sm font-semibold transition-colors text-brand-primary-900"
1071                        data-tier="2"
1072                    >Growth</button>
1073                                    <button
1074                        class="v4-compare-tier-btn flex-1 py-3 text-sm font-semibold transition-colors text-brand-primary-900"
1075                        data-tier="3"
1076                    >Scale</button>
1077                            </div>
1078
1079            
1080            <div class="hidden lg:grid lg:grid-cols-5 border-b border-blue-200 bg-[#F6F8FD]">
1081                <div class="p-4"></div>
1082                                    <div class="p-4 text-center font-semibold text-brand-primary-900 flex items-center justify-center gap-2">
1083                                                    <img width="20" height="20" src="https://static.chatling.ai/img/website/v3/pricing/[email protected]">
1084                                                Free
1085                    </div>
1086                                    <div class="p-4 text-center font-semibold text-brand-primary-900 flex items-center justify-center gap-2">
1087                                                    <img width="20" height="20" src="https://static.chatling.ai/img/website/v3/pricing/[email protected]">
1088                                                Starter
1089                    </div>
1090                                    <div class="p-4 text-center font-semibold text-brand-primary-900 flex items-center justify-center gap-2">
1091                                                    <img width="20" height="20" src="https://static.chatling.ai/img/website/v3/pricing/[email protected]">
1092                                                Growth
1093                    </div>
1094                                    <div class="p-4 text-center font-semibold text-brand-primary-900 flex items-center justify-center gap-2">
1095                                                    <img width="20" height="20" src="https://static.chatling.ai/img/website/v3/pricing/[email protected]">
1096                                                Scale
1097                    </div>
1098                            </div>
1099
1100            
1101            <div class="v4-compare-features relative">
1102                                    <div class="v4-compare-category" data-category-index="0">
1103                        <div class="bg-[#F6F8FD] px-6 py-3 font-semibold text-brand-primary-900 text-sm uppercase tracking-wider border-b border-blue-100">
1104                            Usage
1105                        </div>
1106                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1107                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1108                                    <span>Chats</span>                                </div>
1109                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1110                                                                                    <span class="text-black">Unlimited</span>
1111                                                                            </div>
1112                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1113                                                                                    <span class="text-black">Unlimited</span>
1114                                                                            </div>
1115                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1116                                                                                    <span class="text-black">Unlimited</span>
1117                                                                            </div>
1118                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1119                                                                                    <span class="text-black">Unlimited</span>
1120                                                                            </div>
1121                                                                                                </div>
1122                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1123                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1124                                    <span>AI credits</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1125                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1126                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1127                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1128                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1129                                            </svg>
1130                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Credit usage varies based on the AI model used.</span>
1131                                        </span>                                </div>
1132                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1133                                                                                    <span class="text-black">200/mo</span>
1134                                                                            </div>
1135                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1136                                                                                    <span class="text-black">1,750/mo</span>
1137                                                                            </div>
1138                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1139                                                                                    <sp
1139an class="text-black">6,000/mo</span>
1140                                                                            </div>
1141                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1142                                                                                    <span class="text-black">35,000/mo</span>
1143                                                                            </div>
1144                                                                                                </div>
1145                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1146                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1147                                    <span>Knowledge base characters</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1148                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1149                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1150                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1151                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1152                                            </svg>
1153                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Total number of characters for your AI knowledge base.</span>
1154                                        </span>                                </div>
1155                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1156                                                                                    <span class="text-black">500,000</span>
1157                                                                            </div>
1158                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1159                                                                                    <span class="text-black">10,000,000</span>
1160                                                                            </div>
1161                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1162                                                                                    <span class="text-black">30,000,000</span>
1163                                                                            </div>
1164                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1165                                                                                    <span class="text-black">100,000,000</span>
1166                                                                            </div>
1167                                                                                                </div>
1168                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1169                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1170                                    <span>Email credits</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1171                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1172                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1173                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1174                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1175                                            </svg>
1176                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Number of emails you can send using the Send Email action. Each email recipient counts as 1 credit.</span>
1177                                        </span>                                </div>
1178                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1179                                                                                    <span class="text-black">25/mo</span>
1180                                                                            </div>
1181                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1182                                                                                    <span class="text-black">1,000/mo</span>
1183                                                                            </div>
1184                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1185                                                                                    <span class="text-black">4,000/mo</span>
1186                                                                            </div>
1187                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1188                                                                                    <span class="text-black">15,000/mo</span>
1189                                                                            </div>
1190                                                                                                </div>
1191                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1192                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1193                                    <span>AI agents</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1194                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1195                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1196                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1197                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1198                                            </svg>
1199                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Number of AI agents and chatbots that you can create. Add additional AI agents with add-ons.<
1199/span>
1200                                        </span>                                </div>
1201                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1202                                                                                    <span class="text-black">1</span>
1203                                                                            </div>
1204                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1205                                                                                    <span class="text-black">2</span>
1206                                                                            </div>
1207                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1208                                                                                    <span class="text-black">5</span>
1209                                                                            </div>
1210                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1211                                                                                    <span class="text-black">7</span>
1212                                                                            </div>
1213                                                                                                </div>
1214                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1215                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1216                                    <span>Seats</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1217                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1218                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1219                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1220                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1221                                            </svg>
1222                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Number of team members you can add to your project.</span>
1223                                        </span>                                </div>
1224                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1225                                                                                    <span class="text-black">1</span>
1226                                                                            </div>
1227                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1228                                                                                    <span class="text-black">2</span>
1229                                                                            </div>
1230                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1231                                                                                    <sp
1231an class="text-black">5</span>
1232                                                                            </div>
1233                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1234                                                                                    <span class="text-black">10</span>
1235                                                                            </div>
1236                                                                                                </div>
1237                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1238                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1239                                    <span>AI Actions</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1240                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1241                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1242                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1243                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1244                                            </svg>
1245                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Actions empower your AI agent to execute tasks seamlessly and in real-time while it converses with customers.</span>
1246                                        </span>                                </div>
1247                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1248                                                                                    <span class="text-black">2 per agent</span>
1249                                                                            </div>
1250                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1251                                                                                    <span class="text-black">4 per agent</span>
1252                                                                            </div>
1253                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1254                                                                                    <span class="text-black">7 per agent</span>
1255                                                                            </div>
1256                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1257                                                                                    <span class="text-black">12 per agent</span>
1258                                                                            </div>
1259                                                                                                </div>
1260                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1261                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1262                                    <span>Voice input</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1263                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1264                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1265                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1266                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1267                                            </svg>
1268                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Number of minutes for speech-to-text transcription</span>
1269                                        </span>                                </div>
1270                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1271                                                                                    <span class="text-gray-400">-</span>
1272                                                                            </div>
1273                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1274                                                                                    <span class="text-black">250 min/mo</span>
1275                                                                            </div>
1276                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1277                                                                                    <span class="text-black">1,000 min/mo</span>
1278                                                                            </div>
1279                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1280                                                                                    <span class="text-black">3,000 min/mo</span>
1281                                                                            </div>
1282                                                                                                </div>
1283                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1284                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1285                                    <span>Resync credits</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1286                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1287                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1288                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1289                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1290                                            </svg>
1291                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Resync knowledge base sources to fetch the latest data. Each credit is equivalent to 10,000 characters.</span>
1292                                        </span>                                </div>
1293                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1294                                                                                    <sp
1294an class="text-gray-400">-</span>
1295                                                                            </div>
1296                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1297                                                                                    <span class="text-black">1,000/mo</span>
1298                                                                            </div>
1299                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1300                                                                                    <span class="text-black">10,000/mo</span>
1301                                                                            </div>
1302                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1303                                                                                    <span class="text-black">30,000/mo</span>
1304                                                                            </div>
1305                                                                                                </div>
1306                                            </div>
1307                                    <div class="v4-compare-category" data-category-index="1">
1308                        <div class="bg-[#F6F8FD] px-6 py-3 font-semibold text-brand-primary-900 text-sm uppercase tracking-wider border-b border-blue-100">
1309                            Features
1310                        </div>
1311                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1312                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1313                                    <span>Live chat</span>                                </div>
1314                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1315                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1316                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1317                                            </span>
1318                                                                            </div>
1319                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1320                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1321                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1322                                            </span>
1323                                                                            </div>
1324                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1325                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1326                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
1326<path d="M20 6 9 17l-5-5"/></svg>
1327                                            </span>
1328                                                                            </div>
1329                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1330                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1331                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1332                                            </span>
1333                                                                            </div>
1334                                                                                                </div>
1335                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1336                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1337                                    <span>Canned responses</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1338                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1339                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1340                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1341                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1342                                            </svg>
1343                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Create reusable, pre-written replies that agents can quickly insert into conversations to respond faster and stay consistent.</span>
1344                                        </span>                                </div>
1345                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1346                                                                                    <span class="text-black">10</span>
1347                                                                            </div>
1348                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1349                                                                                    <span class="text-black">Unlimited</span>
1350                                                                            </div>
1351                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1352                                                                                    <span class="text-black">Unlimited</span>
1353                                                                            </div>
1354                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1355                                                                                    <sp
1355an class="text-black">Unlimited</span>
1356                                                                            </div>
1357                                                                                                </div>
1358                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1359                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1360                                    <span>Workflows</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1361                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1362                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1363                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1364                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1365                                            </svg>
1366                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Automate multi-step work when conversation, contact, action, or other events occur.</span>
1367                                        </span>                                </div>
1368                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1369                                                                                    <span class="text-black">1 per AI agent</span>
1370                                                                            </div>
1371                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1372                                                                                    <span class="text-black">5 per AI agent</span>
1373                                                                            </div>
1374                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1375                                                                                    <span class="text-black">15 per AI agent</span>
1376                                                                            </div>
1377                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1378                                                                                    <span class="text-black">Unlimited</span>
1379                                                                            </div>
1380                                                                                                </div>
1381                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1382                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1383                                    <span>Chatbot customization</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1384                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1385                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1386                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1387                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1388                                            </svg>
1389                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Customize the chatbot&#039;s appearance to match your branding.</span>
1390                                        </span>                                </div>
1391                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1392                                                                                    <span class="text-black">Limited</span>
1393                                                                            </div>
1394                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1395                                                                                    <span class="text-black">Full</span>
1396                                                                            </div>
1397                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1398                                                                                    <span class="text-black">Full</span>
1399                                                                            </div>
1400                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1401                                                                                    <span class="text-black">Full</span>
1402                                                                            </div>
1403                                                                                                </div>
1404                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1405                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1406                                    <span>Knowledge base file upload limit</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1407                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1408                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1409                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1410                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1411                                            </svg>
1412                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Maximum size of individual files that can be uploaded to the Knowledge Base.</span>
1413                                        </span>                                </div>
1414                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1415                                                                                    <span class="text-black">1 MB</span>
1416                                                                            </div>
1417                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1418                                                                                    <sp
1418an class="text-black">100 MB</span>
1419                                                                            </div>
1420                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1421                                                                                    <span class="text-black">100 MB</span>
1422                                                                            </div>
1423                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1424                                                                                    <span class="text-black">100 MB</span>
1425                                                                            </div>
1426                                                                                                </div>
1427                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1428                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1429                                    <span>File attachments</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1430                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1431                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1432                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1433                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1434                                            </svg>
1435                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Allow agents and end-users to share images, documents, and other files in live chat.</span>
1436                                        </span>                                </div>
1437                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1438                                                                                    <span class="text-gray-400">-</span>
1439                                                                            </div>
1440                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1441                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1442                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1443                                            </span>
1444                                                                            </div>
1445                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1446                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1447                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
1447<path d="M20 6 9 17l-5-5"/></svg>
1448                                            </span>
1449                                                                            </div>
1450                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1451                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1452                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1453                                            </span>
1454                                                                            </div>
1455                                                                                                </div>
1456                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1457                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1458                                    <span>Routing</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1459                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1460                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1461                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1462                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1463                                            </svg>
1464                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Automatically route handed-off conversations to a team or agent.</span>
1465                                        </span>                                </div>
1466                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1467                                                                                    <span class="text-gray-400">-</span>
1468                                                                            </div>
1469                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1470                                                                                    <span class="text-gray-400">-</span>
1471                                                                            </div>
1472                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1473                                                                                    <span class="text-black">Round robin</span>
1474                                                                            </div>
1475                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1476                                                                                    <span class="text-black">Round robin</span>
1477                                                                            </div>
1478                                                                                                </div>
1479                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1480                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1481                                    <span>Copilot</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1482                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1483                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1484                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1485                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1486                                            </svg>
1487                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">AI assistant for your agents to draft replies, summarize chats, and find answers from your knowledge base.</span>
1488                                        </span>                                </div>
1489                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1490                                                                                    <span class="text-gray-400">-</span>
1491                                                                            </div>
1492                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1493                                                                                    <span class="text-gray-400">-</span>
1494                                                                            </div>
1495                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1496                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1497                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1498                                            </span>
1499                                                                            </div>
1500                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1501                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1502                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1503                                            </span>
1504                                                                            </div>
1505                                                                                                </div>
1506                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1507                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1508                                    <span>Analytics</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1509                                            <svg class="h-3.5 w-3.5" viewB
1509ox="0 0 16 16" fill="none" aria-hidden="true">
1510                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1511                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1512                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1513                                            </svg>
1514                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">View detailed analytics of your AI agents, such as number of new conversations and contacts, peak chat times, top countries, and more.</span>
1515                                        </span>                                </div>
1516                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1517                                                                                    <span class="text-gray-400">-</span>
1518                                                                            </div>
1519                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1520                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1521                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1522                                            </span>
1523                                                                            </div>
1524                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1525                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1526                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1527                                            </span>
1528                                                                            </div>
1529                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1530                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1531                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1532                                            </span>
1533                                                                            </div>
1534                                                                                                </div>
1535                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1536                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1537                                    <span>Voice input</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1538                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1539                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1540                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1541                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1542                                            </svg>
1543                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Allows users to send messages by voice (speech-to-text transcription).</span>
1544                                        </span>                                </div>
1545                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1546                                                                                    <span class="text-gray-400">-</span>
1547                                                                            </div>
1548                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1549                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1550                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1551                                            </span>
1552                                                                            </div>
1553                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1554                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1555                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1556                                            </span>
1557                                                                            </div>
1558                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1559                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1560                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1561                                            </span>
1562                                                                            </div>
1563                                                                                                </div>
1564                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1565                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1566                                    <span>Auto-sync knowledge</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1567                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1568                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1569                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1570                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1571                                            </svg>
1572                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Automatically resyncs knowledge base sources to fetch the latest data.</span>
1573                                        </span>                                </div>
1574                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1575                                                                                    <span class="text-gray-400">-</span>
1576                                                                            </div>
1577                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1578                                                                                    <span class="text-black">Weekly/Monthly</span>
1579                                                                            </div>
1580                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1581                                                                                    <span class="text-black">Daily/Weekly/Monthly</span>
1582                                                                            </div>
1583                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1584                                                                                    <span class="text-black">Daily/Weekly/Monthly</span>
1585                                                                            </div>
1586                                                                                                </div>
1587                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1588                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1589                                    <span>Export chats</span>                                </div>
1590                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1591                                                                                    <span class="text-gray-400">-</span>
1592                                                                            </div>
1593                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1594                                                                                    <sp
1594an class="text-gray-400">-</span>
1595                                                                            </div>
1596                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1597                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1598                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1599                                            </span>
1600                                                                            </div>
1601                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1602                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1603                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1604                                            </span>
1605                                                                            </div>
1606                                                                                                </div>
1607                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1608                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1609                                    <span>Export leads</span>                                </div>
1610                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1611                                                                                    <span class="text-gray-400">-</span>
1612                                                                            </div>
1613                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1614                                                                                    <span class="text-gray-400">-</span>
1615                                                                            </div>
1616                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1617                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1618                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1619                                            </span>
1620                                                                            </div>
1621                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1622                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1623                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
1623<path d="M20 6 9 17l-5-5"/></svg>
1624                                            </span>
1625                                                                            </div>
1626                                                                                                </div>
1627                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1628                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1629                                    <span>Download chat transcript</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1630                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1631                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1632                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1633                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1634                                            </svg>
1635                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Allow end-users to download chat transcripts.</span>
1636                                        </span>                                </div>
1637                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1638                                                                                    <span class="text-gray-400">-</span>
1639                                                                            </div>
1640                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1641                                                                                    <span class="text-gray-400">-</span>
1642                                                                            </div>
1643                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1644                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1645                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1646                                            </span>
1647                                                                            </div>
1648                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1649                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1650                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1651                                            </span>
1652                                                                            </div>
1653                                                                                                </div>
1654                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1655                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1656                                    <span>AI chat summary</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1657                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
1658                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1659                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1660                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1661                                            </svg>
1662                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">When a conversation is handed off to a human agent, an AI-generated summary is display so your team has full context before joining the chat.</span>
1663                                        </span>                                </div>
1664                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1665                                                                                    <span class="text-gray-400">-</span>
1666                                                                            </div>
1667                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1668                                                                                    <span class="text-gray-400">-</span>
1669                                                                            </div>
1670                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1671                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1672                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1673                                            </span>
1674                                                                            </div>
1675                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1676                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1677                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1678                                            </span>
1679                                                                            </div>
1680                                                                                                </div>
1681                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1682                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1683                                    <span>Satisfaction survey</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
1684                                            <svg class="h-3.5 w-3.5" viewB
1684ox="0 0 16 16" fill="none" aria-hidden="true">
1685                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
1686                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
1687                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
1688                                            </svg>
1689                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Display survey at the end of chats to collect user feedback about their interaction with the chatbot.</span>
1690                                        </span>                                </div>
1691                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1692                                                                                    <span class="text-gray-400">-</span>
1693                                                                            </div>
1694                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1695                                                                                    <span class="text-gray-400">-</span>
1696                                                                            </div>
1697                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1698                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1699                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1700                                            </span>
1701                                                                            </div>
1702                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1703                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1704                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1705                                            </span>
1706                                                                            </div>
1707                                                                                                </div>
1708                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1709                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1710                                    <span>-</span>                                </div>
1711                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1712                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1713                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
1713<path d="M20 6 9 17l-5-5"/></svg>
1714                                            </span>
1715                                                                            </div>
1716                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1717                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1718                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1719                                            </span>
1720                                                                            </div>
1721                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1722                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1723                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1724                                            </span>
1725                                                                            </div>
1726                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1727                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1728                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1729                                            </span>
1730                                                                            </div>
1731                                                                                                </div>
1732                                            </div>
1733                                    <div class="v4-compare-category" data-category-index="2">
1734                        <div class="bg-[#F6F8FD] px-6 py-3 font-semibold text-brand-primary-900 text-sm uppercase tracking-wider border-b border-blue-100">
1735                            Channels
1736                        </div>
1737                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1738                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1739                                    <span>Web</span>                                </div>
1740                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1741                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1742                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1743                                            </span>
1744                                                                            </div>
1745                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1746                                                                                    <sp
1746an class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1747                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1748                                            </span>
1749                                                                            </div>
1750                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1751                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1752                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1753                                            </span>
1754                                                                            </div>
1755                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1756                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1757                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1758                                            </span>
1759                                                                            </div>
1760                                                                                                </div>
1761                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1762                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1763                                    <span>WhatsApp</span>                                </div>
1764                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1765                                                                                    <span class="text-gray-400">-</span>
1766                                                                            </div>
1767                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1768                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1769                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1770                                            </span>
1771                                                                            </div>
1772                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1773                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1774                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
1774<path d="M20 6 9 17l-5-5"/></svg>
1775                                            </span>
1776                                                                            </div>
1777                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1778                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1779                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1780                                            </span>
1781                                                                            </div>
1782                                                                                                </div>
1783                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1784                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1785                                    <span>Instagram</span>                                </div>
1786                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1787                                                                                    <span class="text-gray-400">-</span>
1788                                                                            </div>
1789                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1790                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1791                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1792                                            </span>
1793                                                                            </div>
1794                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1795                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1796                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1797                                            </span>
1798                                                                            </div>
1799                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1800                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1801                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1802                                            </span>
1803                                                                            </div>
1804                                                                                                </div>
1805                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1806                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1807                                    <span>Messenger</span>                                </div>
1808                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1809                                                                                    <span class="text-gray-400">-</span>
1810                                                                            </div>
1811                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1812                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1813                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1814                                            </span>
1815                                                                            </div>
1816                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1817                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1818                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1819                                            </span>
1820                                                                            </div>
1821                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1822                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1823                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1824                                            </span>
1825                                                                            </div>
1826                                                                                                </div>
1827                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1828                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1829                                    <span>Telegram</span>                                </div>
1830                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1831                                                                                    <span class="text-gray-400">-</span>
1832                                                                            </div>
1833                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1834                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1835                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
1835<path d="M20 6 9 17l-5-5"/></svg>
1836                                            </span>
1837                                                                            </div>
1838                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1839                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1840                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1841                                            </span>
1842                                                                            </div>
1843                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1844                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1845                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1846                                            </span>
1847                                                                            </div>
1848                                                                                                </div>
1849                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1850                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1851                                    <span>API</span>                                </div>
1852                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1853                                                                                    <span class="text-gray-400">-</span>
1854                                                                            </div>
1855                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1856                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1857                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1858                                            </span>
1859                                                                            </div>
1860                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1861                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1862                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1863                                            </span>
1864                                                                            </div>
1865                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1866                                                                                    <sp
1866an class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1867                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1868                                            </span>
1869                                                                            </div>
1870                                                                                                </div>
1871                                            </div>
1872                                    <div class="v4-compare-category" data-category-index="3">
1873                        <div class="bg-[#F6F8FD] px-6 py-3 font-semibold text-brand-primary-900 text-sm uppercase tracking-wider border-b border-blue-100">
1874                            Integrations
1875                        </div>
1876                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1877                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1878                                    <span>Google Sheets</span>                                </div>
1879                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1880                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1881                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1882                                            </span>
1883                                                                            </div>
1884                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1885                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1886                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1887                                            </span>
1888                                                                            </div>
1889                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1890                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1891                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1892                                            </span>
1893                                                                            </div>
1894                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1895                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1896                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
1896<path d="M20 6 9 17l-5-5"/></svg>
1897                                            </span>
1898                                                                            </div>
1899                                                                                                </div>
1900                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1901                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1902                                    <span>Cal.com</span>                                </div>
1903                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1904                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1905                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1906                                            </span>
1907                                                                            </div>
1908                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1909                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1910                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1911                                            </span>
1912                                                                            </div>
1913                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1914                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1915                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1916                                            </span>
1917                                                                            </div>
1918                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1919                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1920                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1921                                            </span>
1922                                                                            </div>
1923                                                                                                </div>
1924                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1925                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1926                                    <span>Zapier</span>                                </div>
1927                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1928                                                                                    <sp
1928an class="text-gray-400">-</span>
1929                                                                            </div>
1930                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1931                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1932                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1933                                            </span>
1934                                                                            </div>
1935                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1936                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1937                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1938                                            </span>
1939                                                                            </div>
1940                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1941                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1942                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1943                                            </span>
1944                                                                            </div>
1945                                                                                                </div>
1946                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1947                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1948                                    <span>Zendesk</span>                                </div>
1949                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1950                                                                                    <span class="text-gray-400">-</span>
1951                                                                            </div>
1952                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1953                                                                                    <span class="text-gray-400">-</span>
1954                                                                            </div>
1955                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1956                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1957                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
1957<path d="M20 6 9 17l-5-5"/></svg>
1958                                            </span>
1959                                                                            </div>
1960                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1961                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1962                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1963                                            </span>
1964                                                                            </div>
1965                                                                                                </div>
1966                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1967                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1968                                    <span>Zoho</span>                                </div>
1969                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1970                                                                                    <span class="text-gray-400">-</span>
1971                                                                            </div>
1972                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1973                                                                                    <span class="text-gray-400">-</span>
1974                                                                            </div>
1975                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1976                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1977                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1978                                            </span>
1979                                                                            </div>
1980                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1981                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1982                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1983                                            </span>
1984                                                                            </div>
1985                                                                                                </div>
1986                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
1987                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
1988                                    <span>Hubspot</span>                                </div>
1989                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
1990                                                                                    <span class="text-gray-400">-</span>
1991                                                                            </div>
1992                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1993                                                                                    <span class="text-gray-400">-</span>
1994                                                                            </div>
1995                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
1996                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
1997                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
1998                                            </span>
1999                                                                            </div>
2000                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2001                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2002                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2003                                            </span>
2004                                                                            </div>
2005                                                                                                </div>
2006                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2007                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2008                                    <span>Slack</span>                                </div>
2009                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2010                                                                                    <span class="text-gray-400">-</span>
2011                                                                            </div>
2012                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2013                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2014                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2015                                            </span>
2016                                                                            </div>
2017                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2018                                                                                    <sp
2018an class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2019                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2020                                            </span>
2021                                                                            </div>
2022                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2023                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2024                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2025                                            </span>
2026                                                                            </div>
2027                                                                                                </div>
2028                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2029                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2030                                    <span>Airtable</span>                                </div>
2031                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2032                                                                                    <span class="text-gray-400">-</span>
2033                                                                            </div>
2034                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2035                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2036                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2037                                            </span>
2038                                                                            </div>
2039                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2040                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2041                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2042                                            </span>
2043                                                                            </div>
2044                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2045                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2046                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
2046<path d="M20 6 9 17l-5-5"/></svg>
2047                                            </span>
2048                                                                            </div>
2049                                                                                                </div>
2050                                            </div>
2051                                    <div class="v4-compare-category" data-category-index="4">
2052                        <div class="bg-[#F6F8FD] px-6 py-3 font-semibold text-brand-primary-900 text-sm uppercase tracking-wider border-b border-blue-100">
2053                            Visual builder blocks
2054                        </div>
2055                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2056                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2057                                    <span>Send Message</span>                                </div>
2058                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2059                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2060                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2061                                            </span>
2062                                                                            </div>
2063                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2064                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2065                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2066                                            </span>
2067                                                                            </div>
2068                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2069                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2070                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2071                                            </span>
2072                                                                            </div>
2073                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2074                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2075                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2076                                            </span>
2077                                                                            </div>
2078                                                                                                </div>
2079                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2080                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2081                                    <span>Capture Response</span>                                </div>
2082                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2083                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2084                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2085                                            </span>
2086                                                                            </div>
2087                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2088                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2089                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2090                                            </span>
2091                                                                            </div>
2092                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2093                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2094                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2095                                            </span>
2096                                                                            </div>
2097                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2098                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2099                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2100                                            </span>
2101                                                                            </div>
2102                                                                                                </div>
2103                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2104                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2105                                    <span>AI</span>                                </div>
2106                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2107                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2108                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
2108<path d="M20 6 9 17l-5-5"/></svg>
2109                                            </span>
2110                                                                            </div>
2111                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2112                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2113                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2114                                            </span>
2115                                                                            </div>
2116                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2117                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2118                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2119                                            </span>
2120                                                                            </div>
2121                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2122                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2123                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2124                                            </span>
2125                                                                            </div>
2126                                                                                                </div>
2127                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2128                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2129                                    <span>Conditions</span>                                </div>
2130                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2131                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2132                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2133                                            </span>
2134                                                                            </div>
2135                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2136                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2137                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
2137<path d="M20 6 9 17l-5-5"/></svg>
2138                                            </span>
2139                                                                            </div>
2140                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2141                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2142                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2143                                            </span>
2144                                                                            </div>
2145                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2146                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2147                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2148                                            </span>
2149                                                                            </div>
2150                                                                                                </div>
2151                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2152                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2153                                    <span>Actions</span>                                </div>
2154                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2155                                                                                    <span class="text-black">Limited</span>
2156                                                                            </div>
2157                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2158                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2159                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2160                                            </span>
2161                                                                            </div>
2162                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2163                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2164                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2165                                            </span>
2166                                                                            </div>
2167                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2168                                                                                    <sp
2168an class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2169                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2170                                            </span>
2171                                                                            </div>
2172                                                                                                </div>
2173                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2174                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2175                                    <span>Send Email</span>                                </div>
2176                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2177                                                                                    <span class="text-gray-400">-</span>
2178                                                                            </div>
2179                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2180                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2181                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2182                                            </span>
2183                                                                            </div>
2184                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2185                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2186                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2187                                            </span>
2188                                                                            </div>
2189                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2190                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2191                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2192                                            </span>
2193                                                                            </div>
2194                                                                                                </div>
2195                                            </div>
2196                                    <div class="v4-compare-category" data-category-index="5">
2197                        <div class="bg-[#F6F8FD] px-6 py-3 font-semibold text-brand-primary-900 text-sm uppercase tracking-wider border-b border-blue-100">
2198                            Sharing
2199                        </div>
2200                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2201                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2202                                    <span>Share your chatbots</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
2203                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
2204                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
2205                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
2206                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
2207                                            </svg>
2208                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Share your chatbot with others by providing them with a link.</span>
2209                                        </span>                                </div>
2210                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2211                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2212                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2213                                            </span>
2214                                                                            </div>
2215                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2216                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2217                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2218                                            </span>
2219                                                                            </div>
2220                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2221                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2222                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2223                                            </span>
2224                                                                            </div>
2225                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2226                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2227                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2228                                            </span>
2229                                                                            </div>
2230                                                                                                </div>
2231                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2232                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2233                                    <span>Password protect shared chatbots</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
2234                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
2235                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
2236                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
2237                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
2238                                            </svg>
2239                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Protect your shared chatbot with a password.</span>
2240                                        </span>                                </div>
2241                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2242                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2243                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2244                                            </span>
2245                                                                            </div>
2246                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2247                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2248                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2249                                            </span>
2250                                                                            </div>
2251                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2252                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2253                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2254                                            </span>
2255                                                                            </div>
2256                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2257                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2258                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2259                                            </span>
2260                                                                            </div>
2261                                                                                                </div>
2262                                            </div>
2263                                    <div class="v4-compare-category" data-category-index="6">
2264                        <div class="bg-[#F6F8FD] px-6 py-3 font-semibold text-brand-primary-900 text-sm uppercase tracking-wider border-b border-blue-100">
2265                            White labeling
2266                        </div>
2267                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2268                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2269                                    <span>Custom domain</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
2270                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
2271                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
2272                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
2273                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
2274                                            </svg>
2275                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Use your own domain for the chatbot widget, sharing links, and other features to maintain your brand identity.</span>
2276                                        </span>                                </div>
2277                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2278                                                                                    <span class="text-gray-400">-</span>
2279                                                                            </div>
2280                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2281                                                                                    <span class="text-gray-400">-</span>
2282                                                                            </div>
2283                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2284                                                                                    <span class="text-black">Available as add-on</span>
2285                                                                            </div>
2286                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2287                                                                                    <span class="text-black">Available as add-on</span>
2288                                                                            </div>
2289                                                                                                </div>
2290                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2291                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2292                                    <span>Remove &quot;Powered by&quot; branding</span><span class="group relative ml-1 inline-flex cursor-help align-middle text-[#98A2B3] hover:text-brand-secondary-600">
2293                                            <svg class="h-3.5 w-3.5" viewBox="0 0 16 16" fill="none" aria-hidden="true">
2294                                                <circle cx="8" cy="8" r="6.25" stroke="currentColor" stroke-width="1.25"/>
2295                                                <path d="M6.35 6.2a1.65 1.65 0 1 1 2.18 1.56c-.4.16-.73.5-.73.94V9.2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
2296                                                <circle cx="8" cy="11.05" r=".7" fill="currentColor"/>
2297                                            </svg>
2298                                            <span class="invisible group-hover:visible absolute bottom-full left-0 z-10 mb-2 w-56 rounded-xl bg-gray-900 px-3 py-2 text-left text-xs font-normal leading-5 text-white shadow-[0_12px_32px_rgba(15,23,42,0.22)]">Remove the &#039;Powered by Chatling&#039; branding from the web widget.</span>
2299                                        </span>                                </div>
2300                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2301                                                                                    <span class="text-gray-400">-</span>
2302                                                                            </div>
2303                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2304                                                                                    <span class="text-gray-400">-</span>
2305                                                                            </div>
2306                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2307                                                                                    <span class="text-gray-400">-</span>
2308                                                                            </div>
2309                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2310                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2311                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2312                                            </span>
2313                                                                            </div>
2314                                                                                                </div>
2315                                            </div>
2316                                    <div class="v4-compare-category" data-category-index="7">
2317                        <div class="bg-[#F6F8FD] px-6 py-3 font-semibold text-brand-primary-900 text-sm uppercase tracking-wider border-b border-blue-100">
2318                            AI models
2319                        </div>
2320                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2321                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2322                                    <span>GPT-6 Astra</span>                                </div>
2323                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2324                                                                                    <span class="text-gray-400">-</span>
2325                                                                            </div>
2326                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2327                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2328                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
2328<path d="M20 6 9 17l-5-5"/></svg>
2329                                            </span>
2330                                                                            </div>
2331                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2332                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2333                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2334                                            </span>
2335                                                                            </div>
2336                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2337                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2338                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2339                                            </span>
2340                                                                            </div>
2341                                                                                                </div>
2342                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2343                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2344                                    <span>GPT-6 Sol</span>                                </div>
2345                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2346                                                                                    <span class="text-gray-400">-</span>
2347                                                                            </div>
2348                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2349                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2350                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2351                                            </span>
2352                                                                            </div>
2353                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2354                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2355                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2356                                            </span>
2357                                                                            </div>
2358                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2359                                                                                    <sp
2359an class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2360                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2361                                            </span>
2362                                                                            </div>
2363                                                                                                </div>
2364                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2365                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2366                                    <span>GPT-6 Luna</span>                                </div>
2367                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2368                                                                                    <span class="text-gray-400">-</span>
2369                                                                            </div>
2370                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2371                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2372                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2373                                            </span>
2374                                                                            </div>
2375                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2376                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2377                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2378                                            </span>
2379                                                                            </div>
2380                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2381                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2382                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2383                                            </span>
2384                                                                            </div>
2385                                                                                                </div>
2386                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2387                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2388                                    <span>GPT-5.6 Sol</span>                                </div>
2389                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2390                                                                                    <sp
2390an class="text-gray-400">-</span>
2391                                                                            </div>
2392                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2393                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2394                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2395                                            </span>
2396                                                                            </div>
2397                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2398                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2399                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2400                                            </span>
2401                                                                            </div>
2402                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2403                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2404                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2405                                            </span>
2406                                                                            </div>
2407                                                                                                </div>
2408                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2409                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2410                                    <span>GPT-5.6 Terra</span>                                </div>
2411                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2412                                                                                    <span class="text-gray-400">-</span>
2413                                                                            </div>
2414                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2415                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2416                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2417                                            </span>
2418                                                                            </div>
2419                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2420                                                                                    <sp
2420an class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2421                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2422                                            </span>
2423                                                                            </div>
2424                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2425                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2426                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2427                                            </span>
2428                                                                            </div>
2429                                                                                                </div>
2430                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2431                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2432                                    <span>GPT-5.6 Luna</span>                                </div>
2433                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2434                                                                                    <span class="text-gray-400">-</span>
2435                                                                            </div>
2436                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2437                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2438                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2439                                            </span>
2440                                                                            </div>
2441                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2442                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2443                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2444                                            </span>
2445                                                                            </div>
2446                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2447                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2448                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
2448<path d="M20 6 9 17l-5-5"/></svg>
2449                                            </span>
2450                                                                            </div>
2451                                                                                                </div>
2452                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2453                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2454                                    <span>GPT-5.5</span>                                </div>
2455                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2456                                                                                    <span class="text-gray-400">-</span>
2457                                                                            </div>
2458                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2459                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2460                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2461                                            </span>
2462                                                                            </div>
2463                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2464                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2465                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2466                                            </span>
2467                                                                            </div>
2468                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2469                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2470                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2471                                            </span>
2472                                                                            </div>
2473                                                                                                </div>
2474                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2475                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2476                                    <span>GPT 5.4</span>                                </div>
2477                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2478                                                                                    <span class="text-gray-400">-</span>
2479                                                                            </div>
2480                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2481                                                                                    <sp
2481an class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2482                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2483                                            </span>
2484                                                                            </div>
2485                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2486                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2487                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2488                                            </span>
2489                                                                            </div>
2490                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2491                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2492                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2493                                            </span>
2494                                                                            </div>
2495                                                                                                </div>
2496                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2497                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2498                                    <span>GPT 5.2</span>                                </div>
2499                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2500                                                                                    <span class="text-gray-400">-</span>
2501                                                                            </div>
2502                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2503                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2504                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2505                                            </span>
2506                                                                            </div>
2507                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2508                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2509                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
2509<path d="M20 6 9 17l-5-5"/></svg>
2510                                            </span>
2511                                                                            </div>
2512                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2513                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2514                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2515                                            </span>
2516                                                                            </div>
2517                                                                                                </div>
2518                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2519                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2520                                    <span>GPT 5.1</span>                                </div>
2521                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2522                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2523                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2524                                            </span>
2525                                                                            </div>
2526                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2527                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2528                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2529                                            </span>
2530                                                                            </div>
2531                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2532                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2533                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2534                                            </span>
2535                                                                            </div>
2536                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2537                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2538                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
2538<path d="M20 6 9 17l-5-5"/></svg>
2539                                            </span>
2540                                                                            </div>
2541                                                                                                </div>
2542                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2543                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2544                                    <span>GPT-4.1</span>                                </div>
2545                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2546                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2547                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2548                                            </span>
2549                                                                            </div>
2550                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2551                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2552                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2553                                            </span>
2554                                                                            </div>
2555                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2556                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2557                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2558                                            </span>
2559                                                                            </div>
2560                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2561                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2562                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2563                                            </span>
2564                                                                            </div>
2565                                                                                                </div>
2566                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2567                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2568                                    <span>GPT-4.1 Mini</span>                                </div>
2569                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2570                                                                                    <sp
2570an class="text-gray-400">-</span>
2571                                                                            </div>
2572                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2573                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2574                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2575                                            </span>
2576                                                                            </div>
2577                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2578                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2579                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2580                                            </span>
2581                                                                            </div>
2582                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2583                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2584                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2585                                            </span>
2586                                                                            </div>
2587                                                                                                </div>
2588                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2589                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2590                                    <span>GPT-4o</span>                                </div>
2591                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2592                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2593                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2594                                            </span>
2595                                                                            </div>
2596                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2597                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2598                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
2598<path d="M20 6 9 17l-5-5"/></svg>
2599                                            </span>
2600                                                                            </div>
2601                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2602                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2603                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2604                                            </span>
2605                                                                            </div>
2606                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2607                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2608                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2609                                            </span>
2610                                                                            </div>
2611                                                                                                </div>
2612                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2613                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2614                                    <span>Claude Opus 5.5</span>                                </div>
2615                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2616                                                                                    <span class="text-gray-400">-</span>
2617                                                                            </div>
2618                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2619                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2620                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2621                                            </span>
2622                                                                            </div>
2623                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2624                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2625                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2626                                            </span>
2627                                                                            </div>
2628                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2629                                                                                    <sp
2629an class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2630                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2631                                            </span>
2632                                                                            </div>
2633                                                                                                </div>
2634                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2635                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2636                                    <span>Claude Opus 5</span>                                </div>
2637                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2638                                                                                    <span class="text-gray-400">-</span>
2639                                                                            </div>
2640                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2641                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2642                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2643                                            </span>
2644                                                                            </div>
2645                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2646                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2647                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2648                                            </span>
2649                                                                            </div>
2650                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2651                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2652                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2653                                            </span>
2654                                                                            </div>
2655                                                                                                </div>
2656                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2657                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2658                                    <span>Claude Sonnet 5</span>                                </div>
2659                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2660                                                                                    <sp
2660an class="text-gray-400">-</span>
2661                                                                            </div>
2662                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2663                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2664                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2665                                            </span>
2666                                                                            </div>
2667                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2668                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2669                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2670                                            </span>
2671                                                                            </div>
2672                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2673                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2674                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2675                                            </span>
2676                                                                            </div>
2677                                                                                                </div>
2678                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2679                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2680                                    <span>Claude Opus 4.8</span>                                </div>
2681                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2682                                                                                    <span class="text-gray-400">-</span>
2683                                                                            </div>
2684                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2685                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2686                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2687                                            </span>
2688                                                                            </div>
2689                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2690                                                                                    <sp
2690an class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2691                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2692                                            </span>
2693                                                                            </div>
2694                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2695                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2696                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2697                                            </span>
2698                                                                            </div>
2699                                                                                                </div>
2700                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2701                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2702                                    <span>Claude Opus 4.6</span>                                </div>
2703                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2704                                                                                    <span class="text-gray-400">-</span>
2705                                                                            </div>
2706                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2707                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2708                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2709                                            </span>
2710                                                                            </div>
2711                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2712                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2713                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2714                                            </span>
2715                                                                            </div>
2716                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2717                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2718                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
2718<path d="M20 6 9 17l-5-5"/></svg>
2719                                            </span>
2720                                                                            </div>
2721                                                                                                </div>
2722                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2723                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2724                                    <span>Claude Sonnet 4.6</span>                                </div>
2725                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2726                                                                                    <span class="text-gray-400">-</span>
2727                                                                            </div>
2728                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2729                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2730                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2731                                            </span>
2732                                                                            </div>
2733                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2734                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2735                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2736                                            </span>
2737                                                                            </div>
2738                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2739                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2740                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2741                                            </span>
2742                                                                            </div>
2743                                                                                                </div>
2744                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2745                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2746                                    <span>Claude Haiku 4.5</span>                                </div>
2747                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2748                                                                                    <sp
2748an class="text-gray-400">-</span>
2749                                                                            </div>
2750                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2751                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2752                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2753                                            </span>
2754                                                                            </div>
2755                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2756                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2757                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2758                                            </span>
2759                                                                            </div>
2760                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2761                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2762                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2763                                            </span>
2764                                                                            </div>
2765                                                                                                </div>
2766                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2767                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2768                                    <span>Gemini 3.8 Flash</span>                                </div>
2769                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2770                                                                                    <span class="text-gray-400">-</span>
2771                                                                            </div>
2772                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2773                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2774                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2775                                            </span>
2776                                                                            </div>
2777                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2778                                                                                    <sp
2778an class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2779                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2780                                            </span>
2781                                                                            </div>
2782                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2783                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2784                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2785                                            </span>
2786                                                                            </div>
2787                                                                                                </div>
2788                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2789                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2790                                    <span>Gemini 3.6 Flash</span>                                </div>
2791                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2792                                                                                    <span class="text-gray-400">-</span>
2793                                                                            </div>
2794                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2795                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2796                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2797                                            </span>
2798                                                                            </div>
2799                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2800                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2801                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2802                                            </span>
2803                                                                            </div>
2804                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2805                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2806                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
2806<path d="M20 6 9 17l-5-5"/></svg>
2807                                            </span>
2808                                                                            </div>
2809                                                                                                </div>
2810                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2811                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2812                                    <span>Gemini 3.5 Flash</span>                                </div>
2813                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2814                                                                                    <span class="text-gray-400">-</span>
2815                                                                            </div>
2816                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2817                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2818                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2819                                            </span>
2820                                                                            </div>
2821                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2822                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2823                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2824                                            </span>
2825                                                                            </div>
2826                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2827                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2828                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2829                                            </span>
2830                                                                            </div>
2831                                                                                                </div>
2832                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2833                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2834                                    <span>Gemini 3.1 Pro Preview</span>                                </div>
2835                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2836                                                                                    <sp
2836an class="text-gray-400">-</span>
2837                                                                            </div>
2838                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2839                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2840                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2841                                            </span>
2842                                                                            </div>
2843                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2844                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2845                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2846                                            </span>
2847                                                                            </div>
2848                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2849                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2850                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2851                                            </span>
2852                                                                            </div>
2853                                                                                                </div>
2854                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2855                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2856                                    <span>Gemini 3.1 Flash-Lite</span>                                </div>
2857                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2858                                                                                    <span class="text-gray-400">-</span>
2859                                                                            </div>
2860                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2861                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2862                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2863                                            </span>
2864                                                                            </div>
2865                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2866                                                                                    <sp
2866an class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2867                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2868                                            </span>
2869                                                                            </div>
2870                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2871                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2872                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2873                                            </span>
2874                                                                            </div>
2875                                                                                                </div>
2876                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2877                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2878                                    <span>Gemini 2.5 Pro</span>                                </div>
2879                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2880                                                                                    <span class="text-gray-400">-</span>
2881                                                                            </div>
2882                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2883                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2884                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2885                                            </span>
2886                                                                            </div>
2887                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2888                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2889                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2890                                            </span>
2891                                                                            </div>
2892                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2893                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2894                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
2894<path d="M20 6 9 17l-5-5"/></svg>
2895                                            </span>
2896                                                                            </div>
2897                                                                                                </div>
2898                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2899                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2900                                    <span>Gemini 2.5 Flash</span>                                </div>
2901                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2902                                                                                    <span class="text-gray-400">-</span>
2903                                                                            </div>
2904                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2905                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2906                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2907                                            </span>
2908                                                                            </div>
2909                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2910                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2911                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2912                                            </span>
2913                                                                            </div>
2914                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2915                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2916                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2917                                            </span>
2918                                                                            </div>
2919                                                                                                </div>
2920                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2921                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2922                                    <span>Mistral Medium 3.5</span>                                </div>
2923                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2924                                                                                    <sp
2924an class="text-gray-400">-</span>
2925                                                                            </div>
2926                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2927                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2928                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2929                                            </span>
2930                                                                            </div>
2931                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2932                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2933                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2934                                            </span>
2935                                                                            </div>
2936                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2937                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2938                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2939                                            </span>
2940                                                                            </div>
2941                                                                                                </div>
2942                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2943                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2944                                    <span>Mistral Small 4</span>                                </div>
2945                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2946                                                                                    <span class="text-gray-400">-</span>
2947                                                                            </div>
2948                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2949                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2950                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2951                                            </span>
2952                                                                            </div>
2953                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2954                                                                                    <sp
2954an class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2955                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2956                                            </span>
2957                                                                            </div>
2958                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2959                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2960                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2961                                            </span>
2962                                                                            </div>
2963                                                                                                </div>
2964                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2965                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2966                                    <span>Mistral Large 3</span>                                </div>
2967                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2968                                                                                    <span class="text-gray-400">-</span>
2969                                                                            </div>
2970                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2971                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2972                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2973                                            </span>
2974                                                                            </div>
2975                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2976                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2977                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2978                                            </span>
2979                                                                            </div>
2980                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2981                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2982                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
2982<path d="M20 6 9 17l-5-5"/></svg>
2983                                            </span>
2984                                                                            </div>
2985                                                                                                </div>
2986                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
2987                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
2988                                    <span>Grok 4.7</span>                                </div>
2989                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
2990                                                                                    <span class="text-gray-400">-</span>
2991                                                                            </div>
2992                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2993                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2994                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
2995                                            </span>
2996                                                                            </div>
2997                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
2998                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
2999                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3000                                            </span>
3001                                                                            </div>
3002                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3003                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3004                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3005                                            </span>
3006                                                                            </div>
3007                                                                                                </div>
3008                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
3009                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
3010                                    <span>Grok 4.2 (Non-reasoning)</span>                                </div>
3011                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
3012                                                                                    <sp
3012an class="text-gray-400">-</span>
3013                                                                            </div>
3014                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3015                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3016                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3017                                            </span>
3018                                                                            </div>
3019                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3020                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3021                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3022                                            </span>
3023                                                                            </div>
3024                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3025                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3026                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3027                                            </span>
3028                                                                            </div>
3029                                                                                                </div>
3030                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
3031                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
3032                                    <span>Grok 4.1 Fast</span>                                </div>
3033                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
3034                                                                                    <span class="text-gray-400">-</span>
3035                                                                            </div>
3036                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3037                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3038                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3039                                            </span>
3040                                                                            </div>
3041                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3042                                                                                    <sp
3042an class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3043                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3044                                            </span>
3045                                                                            </div>
3046                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3047                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3048                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3049                                            </span>
3050                                                                            </div>
3051                                                                                                </div>
3052                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
3053                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
3054                                    <span>DeepSeek V4.1 Flash</span>                                </div>
3055                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
3056                                                                                    <span class="text-gray-400">-</span>
3057                                                                            </div>
3058                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3059                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3060                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3061                                            </span>
3062                                                                            </div>
3063                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3064                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3065                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3066                                            </span>
3067                                                                            </div>
3068                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3069                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3070                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
3070<path d="M20 6 9 17l-5-5"/></svg>
3071                                            </span>
3072                                                                            </div>
3073                                                                                                </div>
3074                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
3075                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
3076                                    <span>DeepSeek V3.2 (US)</span>                                </div>
3077                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
3078                                                                                    <span class="text-gray-400">-</span>
3079                                                                            </div>
3080                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3081                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3082                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3083                                            </span>
3084                                                                            </div>
3085                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3086                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3087                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3088                                            </span>
3089                                                                            </div>
3090                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3091                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3092                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3093                                            </span>
3094                                                                            </div>
3095                                                                                                </div>
3096                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
3097                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
3098                                    <span>GLM 5.3 Flash</span>                                </div>
3099                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
3100                                                                                    <sp
3100an class="text-gray-400">-</span>
3101                                                                            </div>
3102                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3103                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3104                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3105                                            </span>
3106                                                                            </div>
3107                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3108                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3109                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3110                                            </span>
3111                                                                            </div>
3112                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3113                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3114                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3115                                            </span>
3116                                                                            </div>
3117                                                                                                </div>
3118                                                    <div class="grid grid-cols-2 items-center border-b border-gray-100 last:border-b-0 lg:grid-cols-5">
3119                                <div class="px-6 py-3 pr-3 text-sm text-gray-700">
3120                                    <span>GLM 5.3</span>                                </div>
3121                                                                                                    <div class="v4-compare-tier-col v4-compare-tier-0 px-6 py-3 pl-3 text-sm text-right  lg:block lg:px-6 lg:text-center">
3122                                                                                    <span class="text-gray-400">-</span>
3123                                                                            </div>
3124                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-1 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3125                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3126                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3127                                            </span>
3128                                                                            </div>
3129                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-2 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3130                                                                                    <sp
3130an class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3131                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3132                                            </span>
3133                                                                            </div>
3134                                                                                                        <div class="v4-compare-tier-col v4-compare-tier-3 px-6 py-3 pl-3 text-sm text-right hidden lg:block lg:px-6 lg:text-center">
3135                                                                                    <span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100">
3136                                                <svg class="w-3 h-3 text-green-600" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>
3137                                            </span>
3138                                                                            </div>
3139                                                                                                </div>
3140                                            </div>
3141                                <div id="v4-fade-overlay" class="absolute bottom-0 left-0 right-0 h-24 pointer-events-none" style="background: linear-gradient(transparent, white);"></div>
3142            </div>
3143
3144            <div id="v4-see-more-comparison" class="flex justify-center p-6 bg-white">
3145                <button class="inline-flex items-center justify-center rounded-full font-semibold text-center transition-all duration-200 bg-brand-primary-900 text-white hover:bg-brand-primary-950 text-sm h-10 px-5" ><span>View all</span>
3146                    <svg class="w-4 h-4 ml-1" viewBox="0 0 24 25" fill="none"><path d="M19.281 14.5306L12.531 21.2806C12.4614 21.3504 12.3787 21.4057 12.2876 21.4434C12.1966 21.4812 12.099 21.5006 12.0004 21.5006C11.9019 21.5006 11.8043 21.4812 11.7132 21.4434C11.6222 21.4057 11.5394 21.3504 11.4698 21.2806L4.71979 14.5306C4.57906 14.3899 4.5 14.199 4.5 14C4.5 13.801 4.57906 13.6101 4.71979 13.4694C4.86052 13.3286 5.05139 13.2496 5.25042 13.2496C5.44944 13.2496 5.64031 13.3286 5.78104 13.4694L11.2504 18.9397V4.25C11.2504 4.05109 11.3294 3.86032 11.4701 3.71967C11.6107 3.57902 11.8015 3.5 12.0004 3.5C12.1993 3.5 12.3901 3.57902 12.5307 3.71967C12.6714 3.86032 12.7504 4.05109 12.7504 4.25V18.9397L18.2198 13.4694C18.3605 13.3286 18.5514 13.2496 18.7504 13.2496C18.9494 13.2496 19.1403 13.3286 19.281 13.4694C19.4218 13.6101 19.5008 13.801 19.5008 14C19.5008 14.199 19.4218 14.3899 19.281 14.5306Z" fill="currentColor"/></svg></button>
3147            </div>
3148        </div>
3149    </div>
3150</section>
3151
3152
3153
3154<style>
3155        .v4-faq-answer a { color: #145DFC; text-decoration: underline; }
3156        .v4-faq-answer a:hover { color: #022779; }
3157    </style>
3158
3159<section class="py-16 lg:py-20 bg-[#F6F8FD]">
3160    <div class="v4-container">
3161        <div class="flex flex-col items-center text-center gap-4 mb-12 max-w-[700px] mx-auto">
3162            <h2 class="v4-lp-section-title text-black">Frequently Asked Questions</h2>
3163        </div>
3164        <div class="max-w-[850px] mx-auto">
3165                            <details class="group v4-faq-item border-b border-blue-200 cursor-pointer">
3166                    <summary class="flex items-center justify-between py-5 list-none">
3167                        <h3 class="font-medium text-black text-base">Which AI model does Chatling use?</h3>
3168                        <svg class="w-6 h-6 flex-shrink-0 ml-4 transition-transform duration-200 group-open:[&>.caret]:rotate-180" width="24" height="24" viewBox="0 0 24 24" fill="none">
3169                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" fill="#E7F7F9"/>
3170                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" stroke="#4FD1FA"/>
3171                            <g class="caret transition-transform duration-200" style="transform-origin: 12px 12px;">
3172                                <path d="M15.5306 12.2194C15.6003 12.289 15.6556 12.3717 15.6933 12.4628C15.7311 12.5538 15.7505 12.6514 15.7505 12.75C15.7505 12.8486 15.7311 12.9462 15.6933 13.0372C15.6556 13.1283 15.6003 13.211 15.5306 13.2806L12.5306 16.2806C12.4609 16.3504 12.3782 16.4057 12.2871 16.4434C12.1961 16.4812 12.0985 16.5006 11.9999 16.5006C11.9014 16.5006 11.8038 16.4812 11.7127 16.4434C11.
31726217 16.4057 11.539 16.3504 11.4693 16.2806L8.4693 13.2806C8.32857 13.1399 8.24951 12.949 8.24951 12.75C8.24951 12.551 8.32857 12.3601 8.4693 12.2194C8.61003 12.0786 8.80091 11.9996 8.99993 11.9996C9.19895 11.9996 9.38982 12.0786 9.53055 12.2194L11.2499 13.9397V8.25C11.2499 8.05109 11.3289 7.86032 11.4696 7.71967C11.6103 7.57902 11.801 7.5 11.9999 7.5C12.1988 7.5 12.3896 7.57902 12.5303 7.71967C12.6709 7.86032 12.7499 8.05109 12.7499 8.25V13.9397L14.4693 12.2194C14.539 12.1496 14.6217 12.0943 14.7127 12.0566C14.8038 12.0188 14.9014 11.9994 14.9999 11.9994C15.0985 11.9994 15.1961 12.0188 15.2871 12.0566C15.3782 12.0943 15.4609 12.1496 15.5306 12.2194Z" fill="#4FD1FA"/>
3173                            </g>
3174                        </svg>
3175                    </summary>
3176                    <div class="pb-5 text-gray-600 leading-relaxed v4-faq-answer"><p>Please refer to the <a class='text-brand-secondary-600 underline' href='https://docs.chatling.ai/ai/supported-ai-models'>Supported AI Models</a> page for the full list of available models.</p></div>
3177                </details>
3178                            <details class="group v4-faq-item border-b border-blue-200 cursor-pointer">
3179                    <summary class="flex items-center justify-between py-5 list-none">
3180                        <h3 class="font-medium text-black text-base">What is meant by AI credits?</h3>
3181                        <svg class="w-6 h-6 flex-shrink-0 ml-4 transition-transform duration-200 group-open:[&>.caret]:rotate-180" width="24" height="24" viewBox="0 0 24 24" fill="none">
3182                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" fill="#E7F7F9"/>
3183                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" stroke="#4FD1FA"/>
3184                            <g class="caret transition-transform duration-200" style="transform-origin: 12px 12px;">
3185                                <path d="M15.5306 12.2194C15.6003 12.289 15.6556 12.3717 15.6933 12.4628C15.7311 12.5538 15.7505 12.6514 15.7505 12.75C15.7505 12.8486 15.7311 12.9462 15.6933 13.0372C15.6556 13.1283 15.6003 13.211 15.5306 13.2806L12.5306 16.2806C12.4609 16.3504 12.3782 16.4057 12.2871 16.4434C12.1961 16.4812 12.0985 16.5006 11.9999 16.5006C11.9014 16.5006 11.8038 16.4812 11.7127 16.4434C11.6217 16.4057 11.539 16.3504 11.4693 16.2806L8.4693 13.2806C8.32857 13.1399 8.24951 12.949 8.24951 12.75C8.24951 12.551 8.32857 12.3601 8.4693 12.2194C8.61003 12.0786 8.80091 11.9996 8.99993 11.9996C9.19895 11.9996 9.38982 12.0786 9.53055 12.2194L11.2499 13.9397V8.25C11.2499 8.05109 11.3289 7.86032 11.4696 7.71967C11.6103 7.57902 11.801 7.5 11.9999 7.5C12.1988 7.5 12.3896 7.57902 12.5303 7.71967C12.6709 7.86032 12.7499 8.05109 12.7499 8.25V13.9397L14.4693 12.2194C14.539 12.1496 14.6217 12.0943 14.7127 12.0566C14.8038 12.0188 14.9014 11.9994 14.9999 11.9994C15.0985 11.9994 15.1961 12.0188 15.2871 12.0566C15.3782 12.0943 15.4609 12.1496 15.5306 12.2194Z" fill="#4FD1FA"/>
3186                            </g>
3187                        </svg>
3188                    </summary>
3189                    <div class="pb-5 text-gray-600 leading-relaxed v4-faq-answer"><p>AI credits are consumed when the chatbot generates an AI response. Each AI response consumes a certain number of AI credits based on the model used. Refer to the next question for the number of credits used by each model.</p></div>
3190                </details>
3191                            <details class="group v4-faq-item border-b border-blue-200 cursor-pointer">
3192                    <summary class="flex items-center justify-between py-5 list-none">
3193                        <h3 class="font-medium text-black text-base">How many credits are consumed per AI message?</h3>
3194                        <svg class="w-6 h-6 flex-shrink-0 ml-4 transition-transform duration-200 group-open:[&>.caret]:rotate-180" width="24" height="24" viewBox="0 0 24 24" fill="none">
3195                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" fill="#E7F7F9"/>
3196                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" stroke="#4FD1FA"/>
3197                            <g class="caret transition-transform duration-200" style="transform-origin: 12px 12px;">
3198                                <path d="M15.5306 12.2194C15.6003 12.289 15.6556 12.3717 15.6933 12.4628C15.7311 12.5538 15.7505 12.6514 15.7505 12.75C15.7505 12.8486 15.7311 12.9462 15.6933 13.0372C15.6556 13.1283 15.6003 13.211 15.5306 13.2806L12.5306 16.2806C12.4609 16.3504 12.3782 16.4057 12.2871 16.4434C12.1961 16.4812 12.0985 16.5006 11.9999 16.5006C11.9014 16.5006 11.8038 16.4812 11.7127 16.4434C11.
31986217 16.4057 11.539 16.3504 11.4693 16.2806L8.4693 13.2806C8.32857 13.1399 8.24951 12.949 8.24951 12.75C8.24951 12.551 8.32857 12.3601 8.4693 12.2194C8.61003 12.0786 8.80091 11.9996 8.99993 11.9996C9.19895 11.9996 9.38982 12.0786 9.53055 12.2194L11.2499 13.9397V8.25C11.2499 8.05109 11.3289 7.86032 11.4696 7.71967C11.6103 7.57902 11.801 7.5 11.9999 7.5C12.1988 7.5 12.3896 7.57902 12.5303 7.71967C12.6709 7.86032 12.7499 8.05109 12.7499 8.25V13.9397L14.4693 12.2194C14.539 12.1496 14.6217 12.0943 14.7127 12.0566C14.8038 12.0188 14.9014 11.9994 14.9999 11.9994C15.0985 11.9994 15.1961 12.0188 15.2871 12.0566C15.3782 12.0943 15.4609 12.1496 15.5306 12.2194Z" fill="#4FD1FA"/>
3199                            </g>
3200                        </svg>
3201                    </summary>
3202                    <div class="pb-5 text-gray-600 leading-relaxed v4-faq-answer"><p>It depends on the AI model used. Here are the credits used per AI message for each model:</p><ul class='list-disc pl-5 space-y-1'><li>GPT-6 Astra: 25 credits</li><li>GPT-6 Sol: 5 credits</li><li>GPT-6 Luna: 1 credit</li><li>Claude Opus 5.5: 10 credits</li><li>Grok 4.7: 5 credits</li><li>DeepSeek V4.1 Flash: 0.5 credit</li><li>GLM 5.3 Flash: 0.5 credit</li><li>GLM 5.3: 3.5 credits</li><li>Gemini 3.8 Flash: 4 credits</li><li>Mistral Medium 3.5: 4 credits</li><li>Gemini 3.6 Flash: 4 credits</li><li>Claude Opus 5: 25 credits</li><li>Claude Sonnet 5: 12 credits</li><li>GPT-5.6 Sol: 25 credits</li><li>GPT-5.6 Terra: 8 credits</li><li>GPT-5.6 Luna: 4 credits</li><li>GPT-5.5: 14 credits</li><li>Claude Opus 4.8: 14 credits</li><li>Gemini 3.5 Flash: 4 credits</li><li>Grok 4.2 (Non-reasoning): 3 credits</li><li>Grok 4.1 Fast: 0.5 credit</li><li>DeepSeek V3.2 (US): 0.5 credit</li><li>Mistral Small 4: 0.5 credit</li><li>Mistral Large 3: 1 credit</li><li>Gemini 3.1 Pro Preview: 3 credits</li><li>Gemini 3.1 Flash-Lite: 1 credit</li><li>Claude Opus 4.6: 8 credits</li><li>Claude Sonnet 4.6: 4 credits</li><li>GPT 5.4: 8 credits</li><li>GPT 5.2: 6 credits</li><li>GPT 5.1: 5 credits</li><li>Claude Haiku 4.5: 1 credit</li><li>Gemini 2.5 Pro: 1.5 credits</li><li>Gemini 2.5 Flash: 0.5 credit</li><li>GPT-4.1: 2.5 credits</li><li>GPT-4.1 Mini: 1 credit</li><li>GPT-4o: 5 credits</li></ul></div>
3203                </details>
3204                            <details class="group v4-faq-item border-b border-blue-200 cursor-pointer">
3205                    <summary class="flex items-center justify-between py-5 list-none">
3206                        <h3 class="font-medium text-black text-base">Do the usage reset every month?</h3>
3207                        <svg class="w-6 h-6 flex-shrink-0 ml-4 transition-transform duration-200 group-open:[&>.caret]:rotate-180" width="24" height="24" viewBox="0 0 24 24" fill="none">
3208                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" fill="#E7F7F9"/>
3209                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" stroke="#4FD1FA"/>
3210                            <g class="caret transition-transform duration-200" style="transform-origin: 12px 12px;">
3211                                <path d="M15.5306 12.2194C15.6003 12.289 15.6556 12.3717 15.6933 12.4628C15.7311 12.5538 15.7505 12.6514 15.7505 12.75C15.7505 12.8486 15.7311 12.9462 15.6933 13.0372C15.6556 13.1283 15.6003 13.211 15.5306 13.2806L12.5306 16.2806C12.4609 16.3504 12.3782 16.4057 12.2871 16.4434C12.1961 16.4812 12.0985 16.5006 11.9999 16.5006C11.9014 16.5006 11.8038 16.4812 11.7127 16.4434C11.6217 16.4057 11.539 16.3504 11.4693 16.2806L8.4693 13.2806C8.32857 13.1399 8.24951 12.949 8.24951 12.75C8.24951 12.551 8.32857 12.3601 8.4693 12.2194C8.61003 12.0786 8.80091 11.9996 8.99993 11.9996C9.19895 11.9996 9.38982 12.0786 9.53055 12.2194L11.2499 13.9397V8.25C11.2499 8.05109 11.3289 7.86032 11.4696 7.71967C11.6103 7.57902 11.801 7.5 11.9999 7.5C12.1988 7.5 12.3896 7.57902 12.5303 7.71967C12.6709 7.86032 12.7499 8.05109 12.7499 8.25V13.9397L14.4693 12.2194C14.539 12.1496 14.6217 12.0943 14.7127 12.0566C14.8038 12.0188 14.9014 11.9994 14.9999 11.9994C15.0985 11.9994 15.1961 12.0188 15.2871 12.0566C15.3782 12.0943 15.4609 12.149
32116 15.5306 12.2194Z" fill="#4FD1FA"/>
3212                            </g>
3213                        </svg>
3214                    </summary>
3215                    <div class="pb-5 text-gray-600 leading-relaxed v4-faq-answer"><p>Usages such as AI credits, Email credits, Voice input, and Resync credits are reset every month.</p></div>
3216                </details>
3217                            <details class="group v4-faq-item border-b border-blue-200 cursor-pointer">
3218                    <summary class="flex items-center justify-between py-5 list-none">
3219                        <h3 class="font-medium text-black text-base">Are my data and uploaded documents stored securely?</h3>
3220                        <svg class="w-6 h-6 flex-shrink-0 ml-4 transition-transform duration-200 group-open:[&>.caret]:rotate-180" width="24" height="24" viewBox="0 0 24 24" fill="none">
3221                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" fill="#E7F7F9"/>
3222                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" stroke="#4FD1FA"/>
3223                            <g class="caret transition-transform duration-200" style="transform-origin: 12px 12px;">
3224                                <path d="M15.5306 12.2194C15.6003 12.289 15.6556 12.3717 15.6933 12.4628C15.7311 12.5538 15.7505 12.6514 15.7505 12.75C15.7505 12.8486 15.7311 12.9462 15.6933 13.0372C15.6556 13.1283 15.6003 13.211 15.5306 13.2806L12.5306 16.2806C12.4609 16.3504 12.3782 16.4057 12.2871 16.4434C12.1961 16.4812 12.0985 16.5006 11.9999 16.5006C11.9014 16.5006 11.8038 16.4812 11.7127 16.4434C11.6217 16.4057 11.539 16.3504 11.4693 16.2806L8.4693 13.2806C8.32857 13.1399 8.24951 12.949 8.24951 12.75C8.24951 12.551 8.32857 12.3601 8.4693 12.2194C8.61003 12.0786 8.80091 11.9996 8.99993 11.9996C9.19895 11.9996 9.38982 12.0786 9.53055 12.2194L11.2499 13.9397V8.25C11.2499 8.05109 11.3289 7.86032 11.4696 7.71967C11.6103 7.57902 11.801 7.5 11.9999 7.5C12.1988 7.5 12.3896 7.57902 12.5303 7.71967C12.6709 7.86032 12.7499 8.05109 12.7499 8.25V13.9397L14.4693 12.2194C14.539 12.1496 14.6217 12.0943 14.7127 12.0566C14.8038 12.0188 14.9014 11.9994 14.9999 11.9994C15.0985 11.9994 15.1961 12.0188 15.2871 12.0566C15.3782 12.0943 15.4609 12.1496 15.5306 12.2194Z" fill="#4FD1FA"/>
3225                            </g>
3226                        </svg>
3227                    </summary>
3228                    <div class="pb-5 text-gray-600 leading-relaxed v4-faq-answer"><p>Yes, we take data security seriously and are proud to be a GDPR-compliant platform. Your content and data are and will always remain yours. We claim no intellectual property rights over your data and will never sell them to other companies.</p><br><p>For more information, please refer to our <a class='text-brand-secondary-600 underline' href='https://chatling.ai/eu-data-protection'>Data Protection</a> and <a class='text-brand-secondary-600 underline' href='https://chatling.ai/terms-of-service'>Terms of Service</a> page.</p></div>
3229                </details>
3230                            <details class="group v4-faq-item border-b border-blue-200 cursor-pointer">
3231                    <summary class="flex items-center justify-between py-5 list-none">
3232                        <h3 class="font-medium text-black text-base">What is the privacy policy for my data and uploaded documents?</h3>
3233                        <svg class="w-6 h-6 flex-shrink-0 ml-4 transition-transform duration-200 group-open:[&>.caret]:rotate-180" width="24" height="24" viewBox="0 0 24 24" fill="none">
3234                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" fill="#E7F7F9"/>
3235                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" stroke="#4FD1FA"/>
3236                            <g class="caret transition-transform duration-200" style="transform-origin: 12px 12px;">
3237                                <path d="M15.5306 12.2194C15.6003 12.289 15.6556 12.3717 15.6933 12.4628C15.7311 12.5538 15.7505 12.6514 15.7505 12.75C15.7505 12.8486 15.7311 12.9462 15.6933 13.0372C15.6556 13.1283 15.6003 13.211 15.5306 13.2806L12.5306 16.2806C12.4609 16.3504 12.3782 16.4057 12.2871 16.4434C12.1961 16.4812 12.0985 16.5006 11.9999 16.5006C11.9014 16.5006 11.8038 16.4812 11.7127 16.4434C11.
32376217 16.4057 11.539 16.3504 11.4693 16.2806L8.4693 13.2806C8.32857 13.1399 8.24951 12.949 8.24951 12.75C8.24951 12.551 8.32857 12.3601 8.4693 12.2194C8.61003 12.0786 8.80091 11.9996 8.99993 11.9996C9.19895 11.9996 9.38982 12.0786 9.53055 12.2194L11.2499 13.9397V8.25C11.2499 8.05109 11.3289 7.86032 11.4696 7.71967C11.6103 7.57902 11.801 7.5 11.9999 7.5C12.1988 7.5 12.3896 7.57902 12.5303 7.71967C12.6709 7.86032 12.7499 8.05109 12.7499 8.25V13.9397L14.4693 12.2194C14.539 12.1496 14.6217 12.0943 14.7127 12.0566C14.8038 12.0188 14.9014 11.9994 14.9999 11.9994C15.0985 11.9994 15.1961 12.0188 15.2871 12.0566C15.3782 12.0943 15.4609 12.1496 15.5306 12.2194Z" fill="#4FD1FA"/>
3238                            </g>
3239                        </svg>
3240                    </summary>
3241                    <div class="pb-5 text-gray-600 leading-relaxed v4-faq-answer"><p>Your content and data are and will always remain yours. We claim no intellectual property rights over your data and will never sell them to other companies. For more information, please refer to our <a class='text-brand-secondary-600 underline' href='https://chatling.ai/terms-of-service'>Terms of Service</a>.</p><br><p>For uploaded documents, they are automatically deleted from our servers once they're processed.</p></div>
3242                </details>
3243                            <details class="group v4-faq-item border-b border-blue-200 cursor-pointer">
3244                    <summary class="flex items-center justify-between py-5 list-none">
3245                        <h3 class="font-medium text-black text-base">Do you train your AI model using my data?</h3>
3246                        <svg class="w-6 h-6 flex-shrink-0 ml-4 transition-transform duration-200 group-open:[&>.caret]:rotate-180" width="24" height="24" viewBox="0 0 24 24" fill="none">
3247                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" fill="#E7F7F9"/>
3248                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" stroke="#4FD1FA"/>
3249                            <g class="caret transition-transform duration-200" style="transform-origin: 12px 12px;">
3250                                <path d="M15.5306 12.2194C15.6003 12.289 15.6556 12.3717 15.6933 12.4628C15.7311 12.5538 15.7505 12.6514 15.7505 12.75C15.7505 12.8486 15.7311 12.9462 15.6933 13.0372C15.6556 13.1283 15.6003 13.211 15.5306 13.2806L12.5306 16.2806C12.4609 16.3504 12.3782 16.4057 12.2871 16.4434C12.1961 16.4812 12.0985 16.5006 11.9999 16.5006C11.9014 16.5006 11.8038 16.4812 11.7127 16.4434C11.6217 16.4057 11.539 16.3504 11.4693 16.2806L8.4693 13.2806C8.32857 13.1399 8.24951 12.949 8.24951 12.75C8.24951 12.551 8.32857 12.3601 8.4693 12.2194C8.61003 12.0786 8.80091 11.9996 8.99993 11.9996C9.19895 11.9996 9.38982 12.0786 9.53055 12.2194L11.2499 13.9397V8.25C11.2499 8.05109 11.3289 7.86032 11.4696 7.71967C11.6103 7.57902 11.801 7.5 11.9999 7.5C12.1988 7.5 12.3896 7.57902 12.5303 7.71967C12.6709 7.86032 12.7499 8.05109 12.7499 8.25V13.9397L14.4693 12.2194C14.539 12.1496 14.6217 12.0943 14.7127 12.0566C14.8038 12.0188 14.9014 11.9994 14.9999 11.9994C15.0985 11.9994 15.1961 12.0188 15.2871 12.0566C15.3782 12.0943 15.4609 12.1496 15.5306 12.2194Z" fill="#4FD1FA"/>
3251                            </g>
3252                        </svg>
3253                    </summary>
3254                    <div class="pb-5 text-gray-600 leading-relaxed v4-faq-answer"><p>Your data will not be used to train the AI models. For more information, please refer to Section 3.2 of our <a class='text-brand-secondary-600 underline' href='https://chatling.ai/terms-of-service'>Terms of Service</a>.</p></div>
3255                </details>
3256                            <details class="group v4-faq-item border-b border-blue-200 cursor-pointer">
3257                    <summary class="flex items-center justify-between py-5 list-none">
3258                        <h3 class="font-medium text-black text-base">Do you offer custom plans?</h3>
3259                        <svg class="w-6 h-6 flex-shrink-0 ml-4 transition-transform duration-200 group-open:[&>.caret]:rotate-180" width="24" height="24" viewBox="0 0 24 24" fill="none">
3260                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" fill="#E7F7F9"/>
3261                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" stroke="#4FD1FA"/>
3262                            <g class="caret transition-transform duration-200" style="transform-origin: 12px 12px;">
3263                                <path d="M15.5306 12.2194C15.6003 12.289 15.6556 12.3717 15.6933 12.4628C15.7311 12.5538 15.7505 12.6514 15.7505 12.75C15.7505 12.8486 15.7311 12.9462 15.6933 13.0372C15.6556 13.1283 15.6003 13.211 15.5306 13.2806L12.5306 16.2806C12.4609 16.3504 12.3782 16.4057 12.2871 16.4434C12.1961 16.4812 12.0985 16.5006 11.9999 16.5006C11.9014 16.5006 11.8038 16.4812 11.7127 16.4434C11.
32636217 16.4057 11.539 16.3504 11.4693 16.2806L8.4693 13.2806C8.32857 13.1399 8.24951 12.949 8.24951 12.75C8.24951 12.551 8.32857 12.3601 8.4693 12.2194C8.61003 12.0786 8.80091 11.9996 8.99993 11.9996C9.19895 11.9996 9.38982 12.0786 9.53055 12.2194L11.2499 13.9397V8.25C11.2499 8.05109 11.3289 7.86032 11.4696 7.71967C11.6103 7.57902 11.801 7.5 11.9999 7.5C12.1988 7.5 12.3896 7.57902 12.5303 7.71967C12.6709 7.86032 12.7499 8.05109 12.7499 8.25V13.9397L14.4693 12.2194C14.539 12.1496 14.6217 12.0943 14.7127 12.0566C14.8038 12.0188 14.9014 11.9994 14.9999 11.9994C15.0985 11.9994 15.1961 12.0188 15.2871 12.0566C15.3782 12.0943 15.4609 12.1496 15.5306 12.2194Z" fill="#4FD1FA"/>
3264                            </g>
3265                        </svg>
3266                    </summary>
3267                    <div class="pb-5 text-gray-600 leading-relaxed v4-faq-answer"><p>Yes, we do. Please contact us to discuss your requirements.</p></div>
3268                </details>
3269                            <details class="group v4-faq-item border-b border-blue-200 cursor-pointer">
3270                    <summary class="flex items-center justify-between py-5 list-none">
3271                        <h3 class="font-medium text-black text-base">What is your refund policy?</h3>
3272                        <svg class="w-6 h-6 flex-shrink-0 ml-4 transition-transform duration-200 group-open:[&>.caret]:rotate-180" width="24" height="24" viewBox="0 0 24 24" fill="none">
3273                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" fill="#E7F7F9"/>
3274                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" stroke="#4FD1FA"/>
3275                            <g class="caret transition-transform duration-200" style="transform-origin: 12px 12px;">
3276                                <path d="M15.5306 12.2194C15.6003 12.289 15.6556 12.3717 15.6933 12.4628C15.7311 12.5538 15.7505 12.6514 15.7505 12.75C15.7505 12.8486 15.7311 12.9462 15.6933 13.0372C15.6556 13.1283 15.6003 13.211 15.5306 13.2806L12.5306 16.2806C12.4609 16.3504 12.3782 16.4057 12.2871 16.4434C12.1961 16.4812 12.0985 16.5006 11.9999 16.5006C11.9014 16.5006 11.8038 16.4812 11.7127 16.4434C11.6217 16.4057 11.539 16.3504 11.4693 16.2806L8.4693 13.2806C8.32857 13.1399 8.24951 12.949 8.24951 12.75C8.24951 12.551 8.32857 12.3601 8.4693 12.2194C8.61003 12.0786 8.80091 11.9996 8.99993 11.9996C9.19895 11.9996 9.38982 12.0786 9.53055 12.2194L11.2499 13.9397V8.25C11.2499 8.05109 11.3289 7.86032 11.4696 7.71967C11.6103 7.57902 11.801 7.5 11.9999 7.5C12.1988 7.5 12.3896 7.57902 12.5303 7.71967C12.6709 7.86032 12.7499 8.05109 12.7499 8.25V13.9397L14.4693 12.2194C14.539 12.1496 14.6217 12.0943 14.7127 12.0566C14.8038 12.0188 14.9014 11.9994 14.9999 11.9994C15.0985 11.9994 15.1961 12.0188 15.2871 12.0566C15.3782 12.0943 15.4609 12.1496 15.5306 12.2194Z" fill="#4FD1FA"/>
3277                            </g>
3278                        </svg>
3279                    </summary>
3280                    <div class="pb-5 text-gray-600 leading-relaxed v4-faq-answer"><p>We offer a 7-day moneyback guarantee for initial purchases. Within this period, you can test the chatbot to assess its performance and whether it's a suitable choice for you. If you're not satisfied, you can request a refund within 7 days of your first purchase by sending an email to <a class='text-brand-secondary-600 underline' href="/cdn-cgi/l/email-protection#691a1c1919061b1d290a01081d0500070e470800"><span class="__cf_email__" data-cfemail="89fafcf9f9e6fbfdc9eae1e8fde5e0e7eea7e8e0">[email&#160;protected]</span></a> and we will refund it in full with no questions asked.</p></div>
3281                </details>
3282                            <details class="group v4-faq-item border-b border-blue-200 cursor-pointer">
3283                    <summary class="flex items-center justify-between py-5 list-none">
3284                        <h3 class="font-medium text-black text-base">How many users can use my chatbot?</h3>
3285                        <svg class="w-6 h-6 flex-shrink-0 ml-4 transition-transform duration-200 group-open:[&>.caret]:rotate-180" width="24" height="24" viewBox="0 0 24 24" fill="none">
3286                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" fill="#E7F7F9"/>
3287                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" stroke="#4FD1FA"/>
3288                            <g class="caret transition-transform duration-200" style="transform-origin: 12px 12px;">
3289                                <path d="M15.5306 12.2194C15.6003 12.289 15.6556 12.3717 15.6933 12.4628C15.7311 12.5538 15.7505 12.6514 15.7505 12.75C15.7505 12.8486 15.7311 12.9462 15.6933 13.0372C15.6556 13.1283 15.6003 13.211 15.5306 13.2806L12.5306 16.2806C12.4609 16.3504 12.3782 16.4057 12.2871 16.4434C12.1961 16.4812 12.0985 16.5006 11.9999 16.5006C11.9014 16.5006 11.8038 16.4812 11.7127 16.4434C11.
32896217 16.4057 11.539 16.3504 11.4693 16.2806L8.4693 13.2806C8.32857 13.1399 8.24951 12.949 8.24951 12.75C8.24951 12.551 8.32857 12.3601 8.4693 12.2194C8.61003 12.0786 8.80091 11.9996 8.99993 11.9996C9.19895 11.9996 9.38982 12.0786 9.53055 12.2194L11.2499 13.9397V8.25C11.2499 8.05109 11.3289 7.86032 11.4696 7.71967C11.6103 7.57902 11.801 7.5 11.9999 7.5C12.1988 7.5 12.3896 7.57902 12.5303 7.71967C12.6709 7.86032 12.7499 8.05109 12.7499 8.25V13.9397L14.4693 12.2194C14.539 12.1496 14.6217 12.0943 14.7127 12.0566C14.8038 12.0188 14.9014 11.9994 14.9999 11.9994C15.0985 11.9994 15.1961 12.0188 15.2871 12.0566C15.3782 12.0943 15.4609 12.1496 15.5306 12.2194Z" fill="#4FD1FA"/>
3290                            </g>
3291                        </svg>
3292                    </summary>
3293                    <div class="pb-5 text-gray-600 leading-relaxed v4-faq-answer"><p>We don't enforce any limits on the number of users who can use your chatbot.</p></div>
3294                </details>
3295                            <details class="group v4-faq-item border-b border-blue-200 cursor-pointer">
3296                    <summary class="flex items-center justify-between py-5 list-none">
3297                        <h3 class="font-medium text-black text-base">Can the AI understand multiple languages?</h3>
3298                        <svg class="w-6 h-6 flex-shrink-0 ml-4 transition-transform duration-200 group-open:[&>.caret]:rotate-180" width="24" height="24" viewBox="0 0 24 24" fill="none">
3299                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" fill="#E7F7F9"/>
3300                            <path d="M12 0.5C18.3513 0.5 23.5 5.64873 23.5 12C23.5 18.3513 18.3513 23.5 12 23.5H0.5V12C0.5 5.64873 5.64873 0.5 12 0.5Z" stroke="#4FD1FA"/>
3301                            <g class="caret transition-transform duration-200" style="transform-origin: 12px 12px;">
3302                                <path d="M15.5306 12.2194C15.6003 12.289 15.6556 12.3717 15.6933 12.4628C15.7311 12.5538 15.7505 12.6514 15.7505 12.75C15.7505 12.8486 15.7311 12.9462 15.6933 13.0372C15.6556 13.1283 15.6003 13.211 15.5306 13.2806L12.5306 16.2806C12.4609 16.3504 12.3782 16.4057 12.2871 16.4434C12.1961 16.4812 12.0985 16.5006 11.9999 16.5006C11.9014 16.5006 11.8038 16.4812 11.7127 16.4434C11.6217 16.4057 11.539 16.3504 11.4693 16.2806L8.4693 13.2806C8.32857 13.1399 8.24951 12.949 8.24951 12.75C8.24951 12.551 8.32857 12.3601 8.4693 12.2194C8.61003 12.0786 8.80091 11.9996 8.99993 11.9996C9.19895 11.9996 9.38982 12.0786 9.53055 12.2194L11.2499 13.9397V8.25C11.2499 8.05109 11.3289 7.86032 11.4696 7.71967C11.6103 7.57902 11.801 7.5 11.9999 7.5C12.1988 7.5 12.3896 7.57902 12.5303 7.71967C12.6709 7.86032 12.7499 8.05109 12.7499 8.25V13.9397L14.4693 12.2194C14.539 12.1496 14.6217 12.0943 14.7127 12.0566C14.8038 12.0188 14.9014 11.9994 14.9999 11.9994C15.0985 11.9994 15.1961 12.0188 15.2871 12.0566C15.3782 12.0943 15.4609 12.1496 15.5306 12.2194Z" fill="#4FD1FA"/>
3303                            </g>
3304                        </svg>
3305                    </summary>
3306                    <div class="pb-5 text-gray-600 leading-relaxed v4-faq-answer"><p>Yes, it can understand and respond in over 80 languages.</p></div>
3307                </details>
3308                    </div>
3309    </div>
3310</section>
3311
3312<section class="py-12 v4-container">
3313    <div class="relative max-w-[1566px] mx-auto rounded-[40px] overflow-hidden py-20 px-6 bg-cover bg-center" style="background-image: url('/static/img/website/v4/[email protected]')">
3314
3315        <div class="relative z-10 text-center text-white max-w-[856px] mx-auto">
3316            <h2 class="v4-lp-section-title">
3317                Transform customer interactions with AI agents that actually work
3318            </h2>
3319            <p class="mt-7 text-lg md:text-xl font-medium tracking-[-0.6px] mx-auto" style="max-width: 473px;">
3320                Deploy AI agents that respond to queries, take actions, and deliver results - no coding required
3321            </p>
3322            <div class="mt-10 flex flex-col sm:flex-row items-center justify-center gap-5">
3323                <a href="https://app.chatling.ai/register" class="inline-flex items-center justify-center rounded-full font-semibold text-center transition-all duration-200 bg-brand-primary-900 text-white hover:bg-brand-primary-950 text-xl px-10 h-[54px]"  style="box-shadow: inset 0px -2px 6px 2px rgba(20,93,252,0.37)" >Build AI agent</a>
3324            </div>
3325        </div>
3326    </div>
3327</section>
3328
3329
3330    
3331    <footer class="bg-brand-primary-950 text-white relative">
3332    <div class="v4-container w-full m-auto">
3333        <div class="relative grid grid-cols-10">
3334            <div class="col-span-10 z-10 py-10 lg:pr-[420px]">
3335                <div class="grid grid-cols-1 gap-8 md:grid-cols-3 md:gap-10">
3336                                            <div>
3337                            <h4 class="font-semibold text-lg mb-4">Product</h4>
3338                            <ul class="space-y-2.5">
3339                                                                    <li>
3340                                                                                    <a href="https://chatling.ai/pricing" class="text-gray-400 hover:text-white hover:underline transition-colors">Pricing</a>
3341                                                                            </li>
3342                                                                    <li>
3343                                                                                    <a href="https://chatling.ai/integrations" class="text-gray-400 hover:text-white hover:underline transition-colors">Integrations</a>
3344                                                                            </li>
3345                                                                    <li>
3346                                                                                    <a href="https://www.g2.com/products/chatling/reviews" class="text-gray-400 hover:text-white hover:underline transition-colors">Reviews</a>
3347                                                                            </li>
3348                                                                    <li>
3349                                                                                    <a href="https://chatling.ai/alternatives" class="text-gray-400 hover:text-white hover:underline transition-colors">Alternatives</a>
3350                                                                            </li>
3351                                                                    <li>
3352                                                                                    <a href="https://app.chatling.ai/register" class="text-gray-400 hover:text-white hover:underline transition-colors">Sign Up</a>
3353                                                                            </li>
3354                                                                    <li>
3355                                                                                    <a href="https://app.chatling.ai/login" class="text-gray-400 hover:text-white hover:underline transition-colors">Login</a>
3356                                                                            </li>
3357                                                            </ul>
3358                        </div>
3359                                            <div>
3360                            <h4 class="font-semibold text-lg mb-4">Resources</h4>
3361                            <ul class="space-y-2.5">
3362                                                                    <li>
3363                                                                                    <a href="https://chatling.ai/blog" class="text-gray-400 hover:text-white hover:underline transition-colors">Blog</a>
3364                                                                            </li>
3365                                                                    <li>
3366                                                                                    <a href="https://chatling.ai/tools" class="text-gray-400 hover:text-white hover:underline transition-colors">Free Tools</a>
3367                                                                            </li>
3368                                                                    <li>
3369                                                                                    <a href="https://chatling.ai/ai-chatbot-website" class="text-gray-400 hover:text-white hover:underline transition-colors">Website Chatbot</a>
3370                                                                            </li>
3371                                                                    <li>
3372                                                                                    <a href="https://chatling.ai/affiliate" class="text-gray-400 hover:text-white hover:underline transition-colors">Affiliate Program</a>
3373                                                                            </li>
3374                                                                    <li>
3375                                                                                    <a href="https://docs.chatling.ai" class="text-gray-400 hover:text-white hover:underline transition-colors">Documentation</a>
3376                                                                            </li>
3377                                                                    <li>
3378                                                                                    <a href="https://chatling.ai/go/api-docs" class="text-gray-400 hover:text-white hover:underline transition-colors">API Docs</a>
3379                                                                            </li>
3380                                                                    <li>
3381                                                                                    <a href="https://chatling.ai/changelog" class="text-gray-400 hover:text-white hover:underline transition-colors">Changelog</a>
3382                                                                            </li>
3383                                                                    <li>
3384                                                                                    <a href="https://feedback.chatling.ai/roadmap" class="text-gray-400 hover:text-white hover:underline transition-colors">Roadmap</a>
3385                                                                            </li>
3386                                                            </ul>
3387                        </div>
3388                                            <div>
3389                            <h4 class="font-semibold text-lg mb-4">Legal &amp; Privacy</h4>
3390                            <ul class="space-y-2.5">
3391                                                                    <li>
3392                                                                                    <a href="https://chatling.ai/dpa" class="text-gray-400 hover:text-white hover:underline transition-colors">DPA</a>
3393                                                                            </li>
3394                                                                    <li>
3395                                                                                    <a href="https://chatling.ai/cookie-policy" class="text-gray-400 hover:text-white hover:underline transition-colors">Cookie Policy</a>
3396                                                                            </li>
3397                                                                    <li>
3398                                                                                    <sp
3398an class="text-gray-400 hover:text-white hover:underline cursor-pointer show-cookie-consent-manager transition-colors">Cookie Preferences</span>
3399                                                                            </li>
3400                                                                    <li>
3401                                                                                    <a href="https://chatling.ai/privacy-policy" class="text-gray-400 hover:text-white hover:underline transition-colors">Privacy Policy</a>
3402                                                                            </li>
3403                                                                    <li>
3404                                                                                    <a href="https://chatling.ai/terms-of-service" class="text-gray-400 hover:text-white hover:underline transition-colors">Terms of Service</a>
3405                                                                            </li>
3406                                                                    <li>
3407                                                                                    <a href="https://chatling.ai/eu-data-protection" class="text-gray-400 hover:text-white hover:underline transition-colors">EU Data Protection</a>
3408                                                                            </li>
3409                                                            </ul>
3410                        </div>
3411                                    </div>
3412
3413                <div class="mt-14 max-w-[500px]">
3414                    <p class="text-2xl font-bold leading-snug">
3415                        Got questions? Drop us a line at
3416                        <a href="/cdn-cgi/l/email-protection#13606663637c616753707b72677f7a7d743d727a" class="text-brand-secondary-300 hover:underline"><span class="__cf_email__" data-cfemail="b6c5c3c6c6d9c4c2f6d5ded7c2dadfd8d198d7df">[email&#160;protected]</span></a>
3417                    </p>
3418                </div>
3419            </div>
3420
3421            <div
3422                class="hidden lg:block absolute right-0 top-0 bottom-0 w-[400px] pointer-events-none overflow-hidden z-0 opacity-[0.15]"
3423                style="-webkit-mask-image: linear-gradient(to right, transparent, black 40%); mask-image: linear-gradient(to right, transparent, black 40%);"
3424            >
3425                <img
3426                    src="https://static.chatling.ai/img/website/v3/[email protected]"
3427                    alt=""
3428                    class="h-full w-full object-cover object-right"
3429                >
3430            </div>
3431        </div>
3432    </div>
3433</footer>
3434    <div
3435    id="ck-consent-popup"
3436    class="fixed bottom-0 z-[999] w-full border border-brand-primary-100 bg-white p-5 shadow-[0_24px_80px_rgba(3,28,84,0.16)] md:bottom-5 md:right-5 md:max-w-[420px] md:rounded-[28px]"
3437    style="display: none;"
3438>
3439    <div class="text-xs leading-6 text-slate-600 md:text-sm">
3440        We use cookies to make our site work. By clicking "Accept," you agree to our website's cookie use as described in our
3441        <a href="https://chatling.ai/cookie-policy" class="font-semibold text-brand-primary-900 hover:text-brand-secondary-600" target="_blank" rel="noopener noreferrer">Cookie Policy</a>.
3442        You can change your cookie settings at any time by clicking
3443        <span class="show-cookie-consent-manager cursor-pointer font-semibold text-brand-primary-900 hover:text-brand-secondary-600">Preferences</span>.
3444    </div>
3445    <div class="mt-4 flex w-full flex-col gap-2 text-sm font-semibold sm:flex-row sm:items-center">
3446        <button id="ck-consent-popup--accept" type="button" class="inline-flex items-center justify-center rounded-full bg-brand-secondary-600 px-5 py-2.5 text-white transition-colors hover:bg-brand-secondary-700">
3447            Accept
3448        </button>
3449        <button id="ck-consent-popup--preferences" type="button" class="inline-flex items-center justify-center rounded-full border border-brand-primary-100 px-5 py-2.5 text-brand-primary-900 transition-colors hover:bg-brand-primary-50">
3450            Preferences
3451        </button>
3452    </div>
3453</div>
3454
3455<div
3456    id="ck-consent-manager"
3457    class="fixed left-1/2 top-1/2 z-[9999] flex h-[100dvh] w-full -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden bg-white p-5 md:h-auto md:max-h-[85vh] md:max-w-[640px] md:rounded-[32px] md:border md:border-brand-primary-100 md:p-7 md:shadow-[0_32px_120px_rgba(3,28,84,0.2)]"
3458    style="display: none;"
3459>
3460    <div class="flex items-center justify-between gap-4">
3461        <div>
3462            <div class="text-2xl font-semibold tracking-[-0.72px] text-brand-primary-900">Cookie Preferences</div>
3463            <div class="mt-1 text-sm text-slate-500">Control which cookies power your Chatling experience.</div>
3464        </div>
3465        <button id="ck-consent-manager--close-btn" type="button" class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-brand-primary-100 text-brand-primary-900 transition-colors hover:bg-brand-primary-50" aria-label="Close cookie preferences">
3466            <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
3467                <path d="M18 6 6 18"/>
3468                <path d="m6 6 12 12"/>
3469            </svg>
3470        </button>
3471    </div>
3472
3473    <div class="mt-5 min-h-0 flex-1 overflow-y-auto pr-1">
3474        <div class="text-sm leading-6 text-slate-600">
3475            <div>
3476                We use different types of cookies to optimize your experience on our website. Click on the categories below to learn more about their purposes. You may choose which types of cookies to allow and can change your preferences at any time. Remember that disabling cookies may affect your experience on the website.
3477            </div>
3478            <div class="mt-3">
3479                To learn more about how we use cookies, visit our
3480                <a class="font-semibold text-brand-primary-900 hover:text-brand-secondary-600" href="https://chatling.ai/cookie-policy" target="_blank" rel="noopener noreferrer">Cookie Policy</a>.
3481            </div>
3482        </div>
3483
3484        <div class="mt-6">
3485            <div id="ck-consent-manager--cookie-controls" class="space-y-3">
3486                            <div class="rounded-3xl border border-brand-primary-100 bg-brand-primary-50/40 p-4 md:p-5">
3487                    <div class="flex items-start justify-between gap-4">
3488                        <div class="min-w-0">
3489                            <label for="cookie-control-essential" class="text-base font-semibold text-brand-primary-900">Essential Cookies</label>
3490                            <div class="mt-2 text-sm leading-6 text-slate-600">
3491                                Essential cookies are necessary for our website to function properly. These cookies ensure basic functionalities and security features of the website. As such, essential cookies cannot be disabled.
3492                            </div>
3493                        </div>
3494                        <label class="toggle-switch relative inline-flex h-7 w-12 flex-shrink-0 cursor-not-allowed opacity-60">
3495                            <input
3496                                id="cookie-control-essential"
3497                                type="checkbox"
3498                                class="peer sr-only"
3499                                checked
3500                                data-consent-name="essential"
3501                                disabled
3502                            >
3503                            <span class="absolute inset-0 rounded-full bg-brand-primary-100 transition-colors peer-checked:bg-brand-secondary-600"></span>
3504                            <span class="pointer-events-none absolute left-1 top-1 h-5 w-5 rounded-full bg-white shadow-sm transition-transform peer-checked:translate-x-5"></span>
3505                        </label>
3506                    </div>
3507                </div>
3508                            <div class="rounded-3xl border border-brand-primary-100 bg-brand-primary-50/40 p-4 md:p-5">
3509                    <div class="flex items-start justify-between gap-4">
3510                        <div class="min-w-0">
3511                            <label for="cookie-control-analytics" class="text-base font-semibold text-brand-primary-900">Analytics Cookies</label>
3512                            <div class="mt-2 text-sm leading-6 text-slate-600">
3513                                Analytical cookies are used to understand how visitors interact with our website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.
3514                            </div>
3515                        </div>
3516                        <label class="toggle-switch relative inline-flex h-7 w-12 flex-shrink-0 cursor-pointer">
3517                            <input
3518                                id="cookie-control-analytics"
3519                                type="checkbox"
3520                                class="peer sr-only"
3521                                
3522                                data-consent-name="analytics"
3523                                
3524                            >
3525                            <span class="absolute inset-0 rounded-full bg-brand-primary-100 transition-colors peer-checked:bg-brand-secondary-600"></span>
3526                            <span class="pointer-events-none absolute left-1 top-1 h-5 w-5 rounded-full bg-white shadow-sm transition-transform peer-checked:translate-x-5"></span>
3527                        </label>
3528                    </div>
3529                </div>
3530                            <div class="rounded-3xl border border-brand-primary-100 bg-brand-primary-50/40 p-4 md:p-5">
3531                    <div class="flex items-start justify-between gap-4">
3532                        <div class="min-w-0">
3533                            <label for="cookie-control-marketing" class="text-base font-semibold text-brand-primary-900">Marketing Cookies</label>
3534                            <div class="mt-2 text-sm leading-6 text-slate-600">
3535                                To deliver marketing campaigns and track their performance on our website.
3536                            </div>
3537                        </div>
3538                        <label class="toggle-switch relative inline-flex h-7 w-12 flex-shrink-0 cursor-pointer">
3539                            <input
3540                                id="cookie-control-marketing"
3541                                type="checkbox"
3542                                class="peer sr-only"
3543                                
3544                                data-consent-name="marketing"
3545                                
3546                            >
3547                            <span class="absolute inset-0 rounded-full bg-brand-primary-100 transition-colors peer-checked:bg-brand-secondary-600"></span>
3548                            <span class="pointer-events-none absolute left-1 top-1 h-5 w-5 rounded-full bg-white shadow-sm transition-transform peer-checked:translate-x-5"></span>
3549                        </label>
3550                    </div>
3551                </div>
3552                        </div>
3553        </div>
3554    </div>
3555
3556    <div class="mt-4 border-t border-brand-primary-100 bg-white pt-4">
3557        <div class="flex flex-col items-stretch justify-end gap-2 sm:flex-row">
3558        <button class="inline-flex items-center justify-center rounded-full font-semibold text-center transition-all duration-200 border border-brand-primary-100 text-brand-primary-900 hover:bg-brand-primary-50 text-sm px-4 py-2.5 w-full sm:w-auto" type="button" id="ck-consent-manager--decline-all" >Decline All</button>
3559        <button class="inline-flex items-center justify-center rounded-full font-semibold text-center transition-all duration-200 bg-brand-primary-900 text-white hover:bg-brand-primary-950 text-sm px-4 py-2.5 w-full sm:w-auto" type="button" id="ck-consent-manager--allow-selection" >Allow Selection</button>
3560        <button class="inline-flex items-center justify-center rounded-full font-semibold text-center transition-all duration-200 bg-brand-secondary-600 text-white hover:bg-brand-secondary-700 text-sm px-4 py-2.5 w-full sm:w-auto" type="button" id="ck-consent-manager--allow-all" >Allow All</button>
3561        </div>
3562    </div>
3563</div>
vendor: 114 bytes, lines 3563-3565
3563
3564
3565    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
3565<script src="https://static.chatling.ai/jquery/3.6.2/jquery.min.js"></script>
3565
3566
3567            
3568        
3568<script> window.chtlConfig = { chatbotId: "7468578969" } </script>
3568
3569        
3569<script async data-id="7468578969" id="chtl-script" type="text/javascript" src="https://chatling.ai/js/embed.js"></script>
3569
3570    
3571    
3571<script>
3572        var isProd = true;
3573    </script>
3573
3574    
3574<script src="/js/cookie_consent.js?id=3e22cffd7d706ff367d9b8601de3ca11"></script>
3574
3575    
3575<script src="/js/v4/global.js?id=08ddcac4da86250b8959a449c037c585"></script>
3575
3576
3577    
3577<script>
3578document.addEventListener('DOMContentLoaded', function() {
3579    const btns = document.querySelectorAll('.v4-billing-btn');
3580
3581    function setBillingCycle(cycle) {
3582        const isAnnual = cycle === 'annual';
3583
3584        btns.forEach(btn => {
3585            const isActive = btn.dataset.cycle === cycle;
3586            btn.classList.toggle('active', isActive);
3587            btn.classList.toggle('bg-brand-primary-900', isActive);
3588            btn.classList.toggle('text-white', isActive);
3589            btn.classList.toggle('text-[#697586]', !isActive);
3590        });
3591
3592        document.querySelectorAll('.monthly-pricing').forEach(el => el.classList.toggle('hidden', isAnnual));
3593        document.querySelectorAll('.annual-pricing').forEach(el => el.classList.toggle('hidden', !isAnnual));
3594        document.querySelectorAll('.free-pricing').forEach(el => el.classList.remove('hidden'));
3595    }
3596
3597    btns.forEach(btn => {
3598        btn.addEventListener('click', function() {
3599            setBillingCycle(this.dataset.cycle);
3600        });
3601    });
3602
3603    setBillingCycle('monthly');
3604
3605    document.getElementById('v4-see-all-features')?.addEventListener('click', function() {
3606        document.getElementById('v4-comparison-section')?.scrollIntoView({ behavior: 'smooth', block: 'start' });
3607    });
3608
3609    const categories = document.querySelectorAll('.v4-compare-category');
3610    const seeMoreBtn = document.getElementById('v4-see-more-comparison');
3611    const fadeOverlay = document.getElementById('v4-fade-overlay');
3612    const categoriesToShow = Math.ceil(categories.length / 4);
3613
3614    categories.forEach((cat, i) => { if (i >= categoriesToShow) cat.style.display = 'none'; });
3615
3616    seeMoreBtn?.addEventListener('click', function() {
3617        categories.forEach(cat => cat.style.display = 'block');
3618        if (fadeOverlay) fadeOverlay.style.display = 'none';
3619        seeMoreBtn.style.display = 'none';
3620    });
3621
3622    document.querySelectorAll('.v4-compare-tier-btn').forEach(btn => {
3623        btn.addEventListener('click', function() {
3624            const tier = parseInt(this.dataset.tier);
3625            document.querySelectorAll('.v4-compare-tier-btn').forEach((b, i) => {
3626                b.classList.toggle('bg-brand-primary-900', i === tier);
3627                b.classList.toggle('text-white', i === tier);
3628                b.classList.toggle('text-brand-primary-900', i !== tier);
3629            });
3630            document.querySelectorAll('.v4-compare-tier-col').forEach(col => {
3631                const match = [...col.classList].find(c => c.match(/^v4-compare-tier-\d+$/));
3632                if (!match) return;
3633                const colTier = parseInt(match.replace('v4-compare-tier-', ''));
3634                if (window.innerWidth >= 1024) return;
3635                col.classList.toggle('hidden', colTier !== tier);
3636            });
3637        });
3638    });
3639});
3640</script>
3640
3641</body>
3642</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.