PageSourceSearch

https://www.kixie.com/

html kixie.com collected 2026-10-03 21:37:18 UTC 329,082 bytes, 4,604 lines download raw bytes

1<html lang="en-US"><head>
2	<meta charset="UTF-8">
3	<meta name="viewport" content="width=device-width, initial-scale=1">
4	<link rel="profile" href="https://gmpg.org/xfn/11">
5	<link rel="dns-prefetch" href="//www.googletagmanager.com">
6	<link rel="preconnect" href="https://www.googletagmanager.com">
7		<link rel="dns-prefetch" href="//fonts.googleapis.com">
8	<link rel="dns-prefetch" href="//fonts.gstatic.com">
9	<link rel="preconnect" href="https://fonts.googleapis.com">
10	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
11	<link rel="icon" type="image/x-icon" href="/favicon.ico">
12<script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script>
12<script type="text/javascript" async="" src="https://widget.intercom.io/widget/nufr9jo1"></script>
12<script async="" src="https://snap.licdn.com/li.lms-analytics/insight.old.min.js"></script>
12<script type="text/javascript" async="" src="https://snap.licdn.com/li.lms-analytics/insight.min.js"></script>
12<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-1009349444&amp;cx=c&amp;gtm=4e66a0"></script>
12<script async="" type="text/javascript" id="__radar__" data-settings="{&quot;cdn&quot;:&quot;cdn.claydar.com&quot;,&quot;apiEndpoint&quot;:&quot;https://api.claydar.com&quot;,&quot;profileId&quot;:&quot;cGJCgAAwXB&quot;,&quot;namespace&quot;:&quot;Claydar&quot;}" src="https://cdn.claydar.com/releases/latest/radar.min.js"></script>
12<script src="https://js-na2.hubspot.com/web-interactives-embed.js" type="text/javascript" id="hubspot-web-interactives-loader" crossorigin="anonymous" data-loader="hs-scriptloader" data-hsjs-portal="20564323" data-hsjs-env="prod" data-hsjs-hublet="na2"></script>
12<script src="https://js-na2.usemessages.com/conversations-embed.js" type="text/javascript" id="hubspot-messages-loader" data-loader="hs-scriptloader" data-hsjs-portal="20564323" data-hsjs-env="prod" data-hsjs-hublet="na2"></script>
12<script src="https://js-na2.hsadspixel.net/pixels.js" type="text/javascript" id="hs-ads-pixel-20564323" data-ads-portal-id="20564323" data-ads-env="prod" data-loader="hs-scriptloader" data-hsjs-portal="20564323" data-hsjs-env="prod" data-hsjs-hublet="na2"></script>
12<script src="https://js-na2.hs-banner.com/20564323.js" type="text/javascript" id="cookieBanner-20564323" data-cookieconsent="ignore" data-hs-ignore="true" data-loader="hs-scriptloader" data-hsjs-portal="20564323" data-hsjs-env="prod" data-hsjs-hublet="na2"></script>
12<script src="https://js-na2.hs-analytics.net/analytics/1781204100000/20564323.js" type="text/javascript" id="hs-analytics"></script>
12<script async="" src="https://snap.licdn.com/li.lms-analytics/insight.old.min.js"></script>
12<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-SG28PCCKM3&amp;cx=c&amp;gtm=4e66a0"></script>
12<script async="" src="https://b2bjsstore.s3.us-west-2.amazonaws.com/b/5Z6PVLHEJ76R/5Z6PVLHEJ76R.js.gz"></script>
12<script id="dreamdata-analytics" type="text/javascript" async="" data-global-dreamdata-analytics-key="dreamdata" src="https://cdn.dreamdata.cloud/scripts/analytics/next/dreamdata.min.js"></script>
12<script type="text/javascript" async="" src="https://bat.bing.com/bat.js"></script>
12<script type="text/javascript" async="" src="https://snap.licdn.com/li.lms-analytics/insight.min.js"></script>
12<script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-KCNLK7F"></script>
12<script>
vendor: 415 bytes, lines 12-25
12
13		(function(w, d, s, l, i) {
14			w[l] = w[l] || [];
15			w[l].push({
16				'gtm.start': new Date().getTime(),
17				event: 'gtm.js'
18			});
19			var f = d.getElementsByTagName(s)[0],
20				j = d.createElement(s),
21				dl = l != 'dataLayer' ? '&l=' + l : '';
22			j.async = true;
23			j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
24			f.parentNode.insertBefore(j, f);
25		})(window, document, 'script', 'dataLayer', '
25GTM-KCNLK7F
vendor: 5 bytes, lines 25-26
25');
26	
26</script>
26
27	<!-- End Google Tag Manager -->
28
29	<!-- Lucky Orange -->
30	
30<script async="" defer="" src="https://tools.luckyorange.com/core/lo.js?site-id=48de4e40"></script>
30
31	<!-- End Lucky Orange -->
32
33	<!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 33-34
33
34	<script async="" src="https://www.googletagmanager.com/gtag/js?id=
34G-SG28PCCKM3
vendor: 13 bytes, lines 34-35
34"></script>
35	
35<script>
36		
vendor: 133 bytes, lines 36-39
36window.dataLayer = window.dataLayer || [];
37		function gtag(){dataLayer.push(arguments);}
38		gtag('js', new Date());
39		gtag('config', '
39G-SG28PCCKM3
vendor: 5 bytes, lines 39-40
39');
40	
40</script>
40
41	<!-- End Google tag (gtag.js) -->
42	
43			<title>Kixie PowerCall – Better Sales Made Simple</title>
44		<meta name="description" content="Kixie’s AI-powered sales platform offers advanced dialers, including PowerDialer and Click-to-Call, with AI-driven call routing, voicemail detection, and CRM integration to supercharge your sales team's efficiency. Try it free today!">
45		
45<script type="application/ld+json">
46		{
47		  "@context": "https://schema.org",
48		  "@graph": [
49		    {
50		      "@type": "Organization",
51		      "@id": "https://www.kixie.com/#organization",
52		      "name": "Kixie",
53		      "url": "https://www.kixie.com/",
54		      "description": "The AI-powered communications platform for modern revenue teams.",
55		      "logo": {
56		        "@type": "ImageObject",
57		        "@id": "https://www.kixie.com/#logo",
58		        "url": "https://www.kixie.com/wp-content/uploads/2026/02/Kixie-Logo-Light.png"
59		      },
60		      "sameAs": [
61		        "https://www.linkedin.com/company/kixie/",
62		        "https://www.youtube.com/@getKixie",
63		        "https://www.instagram.com/getkixie/",
64		        "https://www.tiktok.com/@getkixie",
65		        "https://www.facebook.com/kixieweb",
66		        "https://x.com/getkixie"
67		      ],
68		      "contactPoint": [
69		        {
70		          "@type": "ContactPoint",
71		          "contactType": "sales",
72		          "telephone": "+1-855-484-2053"
73		        },
74		        {
75		          "@type": "ContactPoint",
76		          "contactType": "customer support",
77		          "email": "[email protected]",
78		          "url": "https://support.kixie.com/hc/en-us"
79		        }
80		      ]
81		    },
82		    {
83		      "@type": "WebSite",
84		      "@id": "https://www.kixie.com/#website",
85		      "url": "https://www.kixie.com/",
86		      "name": "Kixie",
87		      "publisher": {
88		        "@id": "https://www.kixie.com/#organization"
89		      },
90		      "inLanguage": "en-US"
91		    },
92		    {
93		      "@type": "SoftwareApplication",
94		      "@id": "https://www.kixie.com/#software",
95		      "name": "Kixie PowerCall & SMS",
96		      "alternateName": "Kixie PowerCall",
97		      "description": "Kixie is a communications platform for revenue teams with power dialing, calling, texting, routing, and CRM integrations.",
98		      "applicationCategory": "BusinessApplication",
99		      "operatingSystem": "Web",
100		      "url": "https://www.kixie.com/",
101		      "image": "https://www.kixie.com/wp-content/uploads/2026/02/Kixie-Logo-Light.png",
102		      "provider": {
103		        "@id": "https://www.kixie.com/#organization"
104		      },
105		      "offers": {
106		        "@type": "Offer",
107		        "price": "0",
108		        "priceCurrency": "USD",
109		        "url": "https://www.kixie.com/pricing/",
110		        "description": "Seven-day free trial; a paid subscription is required after the trial.",
111		        "availability": "https://schema.org/InStock"
112		      },
113		      "aggregateRating": {
114		        "@type": "AggregateRating",
115		        "ratingValue": "4.8",
116		        "bestRating": "5",
117		        "worstRating": "1",
118		        "reviewCount": "863"
119		      },
120		      "sameAs": [
121		        "https://www.g2.com/products/kixie-powercall-sms/reviews"
122		      ],
123		      "downloadUrl": "https://chromewebstore.google.com/detail/kixie-powercall/bmdpeakaalmaaflnkckhjcojpemlkjig",
124		      "featureList": [
125		        "Power dialer",
126		        "Business calling",
127		        "Business texting",
128		        "Call routing",
129		        "CRM integrations"
130		      ]
131		    }
132		  ]
133		}
134		</script>
134
135	
135<script>
136        function isCalendlyEvent(e) {
137            return e.data.event &&
138                e.data.event.indexOf('calendly') === 0;
139        };
140
141        window.addEventListener(
142            'message',
143            function (e) {
144                kixielog("All events");
145                kixielog(e.data);
146                if (isCalendlyEvent(e)) {
147                    kixielog("Calendly events");
148                    kixielog(e.data);
149                    if (e.data.event == 'calendly.event_scheduled') {
150                        
151                        
152                        
153                    }
154                }
155            }
156        );
157
158        
159            
160 
161
162            function trackSubmit() {
163                try {
164                console.log('here10.1');
165                let k = sessionStorage.getItem('businessData');
166                window.kdata = JSON.parse(k);
167                gtag('config', 'UA-36756540-1', { 'dimension1': `${window.kdata.businessid}` });
168                gtag('config', 'UA-36756540-1', { 'businessid': `${window.kdata.businessid}` });
169                gtag('config', 'UA-36756540-1', {
170                    'user_id': `${window.kdata.businessid}:${window.kdata.userid}`
171                });
172                gtag('event', 'businessid', { 'dimension1': `${window.kdata.businessid}` });
173                gtag('event', 'conversion', { 'send_to': 'AW-1009349444/-U01CI7_gJcBEMTmpeED' });
174                gtag('event', 'create', { 'event_category': 'account', 'event_label': 'accountCreate', 'value': 400 });
175                console.log('here10.2');
176                
177                
178                kixielog('gtag end');
179                if (localStorage.getItem('_kmtg')) {
180                    let m = JSON.parse(localStorage.getItem('_kmtg'));
181                    console.log('here10.3');
182                    console.log(m, 'm');
183                    
184                    for (let i = m.length - 1; i >= 0; i--) {
185                        for (let ii = m[i].length - 1; ii >= 0; i--) {
186                            let mktData = m?.[i]?.[ii];
187                            console.log('here10.4');
188                            console.log('mktData', mktData);
189                                console.log('here10.5');
190                                let urlParams = mktData.urlParam
190s;
191                            
192                            
193                            
194                            if (
195                                mktData &&
196                                ((typeof mktData.utm_source !== 'undefined' && mktData.utm_medium == "cpc")
197                                || (typeof urlParams == "object" && (typeof urlParams.utm_source !== 'undefined' && urlParams.utm_medium == "cpc")))
198                            ) {
199                                console.log('here10.6');
200                                let x = '';
201                                if (typeof urlParams == "object" && typeof urlParams.utm_source !== 'undefined') {
202                                    x = urlParams.utm_source;
203                                } else {
204                                    x = mktData.utm_source;
205                                }
206                                switch (x.toLowerCase()) {
207                                    case 'capterra':
208                                        try {
209                                            kixielog('capterra');
210                                            
211                                        } catch (e) {
212                                            
213                                        }
214                                        break;
215                                    case 'facebook':
216                                        kixielog('facebook');
217                                        try {
218                                            fbq('track', 'StartTrial');
219                                        } catch (e) {
220                                            
221                                        }
222                                        break;
223                                    case 'linkedin':
224                                        kixielog('linkedin');
225                                        try {
226                                            var imgtag = document.createElement('img');
227                                            imgtag.height = '1';
228                                            imgtag.width = '1';
229                                            imgtag.style = 'border-style:none; display:none;';
230                                            imgtag.alt = '';
231                                            imgtag.src = 'https://px.ads.linkedin.com/collect/?pid=2601716&conversionId=3021772&fmt=gif';
232                                        } catch (e) {
233                                            
234                                        }
235                                        break;
236                                    case 'twitter':
237                                        kixielog('twitter');
238                                        try {
239                                            twttr.conversion.trackPid('o4lxl', {
240                                                tw_sale_amount: 0,
241                                                tw_order_quantity: 0
242                                            });
243                                        } catch (e) {
244                                            
245                                        }
246                                        break;
247                                }
248                                console.log('here10.7');
249                            }
250                            ii = -1;
251                            i = -1;
252                        }
253                    }
254                }
255                }
256                catch(e) {
257                    console.log('trackingSubmitError', e)
258                }
259                                console.log('here10.8');
260            }
261        
262
263    </script>
263
264	
264<script>
265  window.intercomSettings = {
266    api_base: "https://api-iam.intercom.io",
267    app_id: "nufr9jo1",
268  };
269</script>
269
270
271
272<script>
273  // We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/nufr9jo1'
274  (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/nufr9jo1';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
275</script>
275
276  
277
278
279    
280
281    
282    
282<script>
283        (function (k, i, x, ie, is, good) {
284            k.visitorGlobalObjectAlias = ie;
285            k[k.visitorGlobalObjectAlias] = k[k.visitorGlobalObjectAlias] || function () {
286                (k[k.visitorGlobalObjectAlias].q = k[k.visitorGlobalObjectAlias].q || []).push(arguments)
287            };
288            k[k.visitorGlobalObjectAlias].l = (new Date).getTime();
289            is = i.createElement("script");
290            is.src = x;
291            is.async = true;
292            is.id = 'kmtgScript';
293            is.setAttribute('account', 'b10179da21e689bca18ce2702c9e9350'); 
294            good = i.getElementsByTagName("script")[0];
295            good.parentNode.insertBefore(is, good);
296            
297        })(window, document, location.origin + "/wp-content/themes/jupiterx/kixieCdn.js", "kmtg");
298    </script>
298
299	
299<script>
300(function() {
301  if (window.__kixieAttrInit) { return; }
302  window.__kixieAttrInit = true;
303
304  // ===== Capture and store UTMs and gclid =====
305  // Homepage copy. The equivalent block for every other template lives in header.php,
306  // which also carries the Calendly embed enrichment. The homepage has no Calendly
307  // widget, so that part is deliberately omitted here rather than shipping dead code
308  // and a parse-time MutationObserver on a 326KB page.
309  var urlParams = new URLSearchParams(window.location.search);
310  var allParams = [
311    'utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
312    'utm_partner', 'utm_partnerkey', 'gclid'
313  ];
314
315  var utmParams = {};
316  try {
317    utmParams = JSON.parse(sessionStorage.getItem('utmParams') || '{}') || {};
318  } catch (e) {
319    utmParams = {};
320  }
321
322  var newData = false;
323  allParams.forEach(function (param) {
324    var value = urlParams.get(param);
325    if (value) {
326      utmParams[param] = value;
327      newData = true;
328    }
329  });
330
331  if (newData) {
332    try {
333      sessionStorage.setItem('utmParams', JSON.stringify(utmParams));
334    } catch (e) {
335      // Ignore sessionStorage write errors (private mode, quota).
336    }
337  }
338})();
339</script>
339
340		
340<script type="text/javascript" id="hs-script-loader" async="" defer="" src="//js.hs-scripts.com/20564323.js"></script>
340
341			<title></title>
342<meta name="robots" content="max-image-preview:large">
343<meta property="og:title" content="Home Page - Kixie">
344<meta property="og:type" content="article">
345<meta property="og:url" content="https://www.kixie.com/">
346<meta property="og:site_name" content="">
347<link rel="dns-prefetch" href="//fonts.googleapis.com">
348<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.kixie.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.kixie.com%2F">
349<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.kixie.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.kixie.com%2F&amp;format=xml">
350<style id="wp-img-auto-sizes-contain-inline-css" type="text/css">
351img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
352/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
353</style>
354
355<style id="wp-emoji-styles-inline-css" type="text/css">
356
357	img.wp-smiley, img.emoji {
358		display: inline !important;
359		border: none !important;
360		box-shadow: none !important;
361		height: 1em !important;
362		width: 1em !important;
363		margin: 0 0.07em !important;
364		vertical-align: -0.1em !important;
365		background: none !important;
366		padding: 0 !important;
367	}
368/*# sourceURL=wp-emoji-styles-inline-css */
369</style>
370<style id="wp-block-library-inline-css" type="text/css">
371:root{
372  --wp-block-synced-color:#7a00df;
373  --wp-block-synced-color--rgb:122, 0, 223;
374  --wp-bound-block-color:var(--wp-block-synced-color);
375  --wp-editor-canvas-background:#ddd;
376  --wp-admin-theme-color:#007cba;
377  --wp-admin-theme-color--rgb:0, 124, 186;
378  --wp-admin-theme-color-darker-10:#006ba1;
379  --wp-admin-theme-color-darker-10--rgb:0, 107, 160.5;
380  --wp-admin-theme-color-darker-20:#005a87;
381  --wp-admin-theme-color-darker-20--rgb:0, 90, 135;
382  --wp-admin-border-width-focus:2px;
383}
384@media (min-resolution:192dpi){
385  :root{
386    --wp-admin-border-width-focus:1.5px;
387  }
388}
389.wp-element-button{
390  cursor:pointer;
391}
392
393:root .has-very-light-gray-background-color{
394  background-color:#eee;
395}
396:root .has-very-dark-gray-background-color{
397  background-color:#313131;
398}
399:root .has-very-light-gray-color{
400  color:#eee;
401}
402:root .has-very-dark-gray-color{
403  color:#313131;
404}
405:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{
406  background:linear-gradient(135deg, #00d084, #0693e3);
407}
408:root .has-purple-crush-gradient-background{
409  background:linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe);
410}
411:root .has-hazy-dawn-gradient-background{
412  background:linear-gradient(135deg, #faaca8, #dad0ec);
413}
414:root .has-subdued-olive-gradient-background{
415  background:linear-gradient(135deg, #fafae1, #67a671);
416}
417:root .has-atomic-cream-gradient-background{
418  background:linear-gradient(135deg, #fdd79a, #004a59);
419}
420:root .has-nightshade-gradient-background{
421  background:linear-gradient(135deg, #330968, #31cdcf);
422}
423:root .has-midnight-gradient-background{
424  background:linear-gradient(135deg, #020381, #2874fc);
425}
426:root{
427  --wp--preset--font-size--normal:16px;
428  --wp--preset--font-size--huge:42px;
429}
430
431.has-regular-font-size{
432  font-size:1em;
433}
434
435.has-larger-font-size{
436  font-size:2.625em;
437}
438
439.has-normal-font-size{
440  font-size:var(--wp--preset--font-size--normal);
441}
442
443.has-huge-font-size{
444  font-size:var(--wp--preset--font-size--huge);
445}
446
447.has-text-align-center{
448  text-align:center;
449}
450
451.has-text-align-left{
452  text-align:left;
453}
454
455.has-text-align-right{
456  text-align:right;
457}
458
459.has-fit-text{
460  white-space:nowrap !important;
461}
462
463#end-resizable-editor-section{
464  display:none;
465}
466
467.aligncenter{
468  clear:both;
469}
470
471.items-justified-left{
472  justify-content:flex-start;
473}
474
475.items-justified-center{
476  justify-content:center;
477}
478
479.items-justified-right{
480  justify-content:flex-end;
481}
482
483.items-justified-space-between{
484  justify-content:space-between;
485}
486
487.screen-reader-text{
488  border:0;
489  clip-path:inset(50%);
490  height:1px;
491  margin:-1px;
492  overflow:hidden;
493  padding:0;
494  position:absolute;
495  width:1px;
496  word-wrap:normal !important;
497}
498
499.screen-reader-text:focus{
500  background-color:#ddd;
501  clip-path:none;
502  color:#444;
503  display:block;
504  font-size:1em;
505  height:auto;
506  left:5px;
507  line-height:normal;
508  padding:15px 23px 14px;
509  text-decoration:none;
510  top:5px;
511  width:auto;
512  z-index:100000;
513}
514html :where(.has-border-color){
515  border-style:solid;
516}
517
518html :where([style*=border-top-color]){
519  border-top-style:solid;
520}
521
522html :where([style*=border-right-color]){
523  border-right-style:solid;
524}
525
526html :where([style*=border-bottom-color]){
527  border-bottom-style:solid;
528}
529
530html :where([style*=border-left-color]){
531  border-left-style:solid;
532}
533
534html :where([style*=border-width]){
535  border-style:solid;
536}
537
538html :where([style*=border-top-width]){
539  border-top-style:solid;
540}
541
542html :where([style*=border-right-width]){
543  border-right-style:solid;
544}
545
546html :where([style*=border-bottom-width]){
547  border-bottom-style:solid;
548}
549
550html :where([style*=border-left-width]){
551  border-left-style:solid;
552}
553html :where(img[class*=wp-image-]){
554  height:auto;
555  max-width:100%;
556}
557:where(figure){
558  margin:0 0 1em;
559}
560
561html :where(.is-position-sticky){
562  --wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height, 0px);
563}
564
565@media screen and (max-width:600px){
566  html :where(.is-position-sticky){
567    --wp-admin--admin-bar--position-offset:0px;
568  }
569}
570
571/*# sourceURL=wp-block-library-inline-css */
572</style>
573<style id="classic-theme-styles-inline-css" type="text/css">
574/**
575 * These rules are needed for backwards compatibility.
576 * They should match the button element rules in the base theme.json file.
577 */
578.wp-block-button__link {
579	color: #ffffff;
580	background-color: #32373c;
581	border-radius: 9999px; /* 100% causes an oval, but any explicit but really high value retains the pill shape. */
582
583	/* This needs a low specificity so it won't override the rules from the button element if defined in theme.json. */
584	box-shadow: none;
585	text-decoration: none;
586
587	/* The extra 2px are added to size solids the same as the outline versions.*/
588	padding: calc(0.667em + 2px) calc(1.333em + 2px);
589
590	font-size: 1.125em;
591}
592
593.wp-block-file__button {
594	background: #32373c;
595	color: #ffffff;
596	text-decoration: none;
597}
598
599/*# sourceURL=/wp-includes/css/classic-themes.css */
600</style>
601<style id="global-styles-inline-css" type="text/css">
602:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
6020) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
602.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
603/*# sourceURL=global-styles-inline-css */
604</style>
605
606<link rel="stylesheet" id="kixie-homepage-mobile-css" href="https://www.kixie.com/wp-content/themes/Kixie%20Theme/css/homepage-mobile.css?ver=1771981274" type="text/css" media="all">
607<link rel="stylesheet" id="kixie-theme-css" href="https://www.kixie.com/wp-content/themes/Kixie%20Theme/style.css?ver=1790714672" type="text/css" media="all">
608<style id="kixie-theme-inline-css" type="text/css">
609
610/* ===== KIXIE UNIFIED UI — Buttons, Pills & H1 ===== */
611
612/* --- H1: Force capitalize, never all-caps ---
613   WP stores some titles as ALL-CAPS text, so we must lowercase first, then capitalize. */
614h1,
615.hero-title,
616.entry-title {
617    text-transform: capitalize !important;
618}
619
620/* For titles that are stored as ALL-CAPS in the DB, we need a JS-assisted fix
621   (CSS cannot lowercase-then-capitalize in one rule).
622   See the JS block at the bottom of this file. */
623
624/* --- Pill / Badge: unified purple, fully rounded, font-weight 500 --- */
625.hero-badge,
626span.hero-badge {
627    display: inline-block !important;
628    padding: 0.375rem 1rem !important;
629    font-size: 0.875rem !important;
630    font-weight: 500 !important;
631    color: hsl(262 83% 58%) !important;
632    background: hsl(262 83% 58% / 0.1) !important;
633    border-radius: 9999px !important;
634    text-transform: uppercase !important;
635    letter-spacing: 0.05em !important;
636    border: none !important;
637    line-height: 1.5 !important;
638    margin-bottom: 1rem !important;
639}
640
641/* --- BUTTON SYSTEM --- */
642
643/* Base shared styles for all .btn buttons */
644.btn,
645a.btn,
646button.btn {
647    display: inline-flex !important;
648    align-items: center !important;
649    justify-content: center !important;
650    font-family: 'DM Sans', system-ui, sans-serif !important;
651    font-weight: 700 !important;
652    text-decoration: none !important;
653    cursor: pointer !important;
654    transition: all 0.2s ease !important;
655    border: none !important;
656    line-height: 1.2 !important;
657    white-space: nowrap !important;
658}
659
660/* Hide ALL arrow SVGs inside .btn (except .btn-learn-more) */
661.btn svg.lucide-arrow-right,
662.btn svg[data-lucide="arrow-right"],
663a.btn svg.lucide-arrow-right,
664a.btn svg[data-lucide="arrow-right"],
665.hero-cta-group .btn svg,
666.hero-cta-group a.btn svg {
667    display: none !important;
668}
669.btn.btn-learn-more svg,
670a.btn.btn-learn-more svg {
671    display: inline-block !important;
672}
673
674/* Size: Large */
675.btn-lg,
676.btn.btn-lg {
677    min-height: 3rem !important;
678    padding: 0.75rem 1.75rem !important;
679    font-size: 1rem !important;
680}
681
682/* Size: XL */
683.btn-xl,
684.btn.btn-xl {
685    min-height: 3.5rem !important;
686    padding: 0.875rem 2rem !important;
687    font-size: 1.125rem !important;
688}
689
690/* Variant: CTA (Red) — rounded except bottom-left straight */
691.btn-cta,
692.btn.btn-cta,
693a.btn-cta,
694a.btn.btn-cta,
695.hero-cta-group .btn-cta,
696.hero-cta-group a.btn-cta {
697    background-color: hsl(0 84% 60%) !important;
698    color: #fff !important;
699    border-radius: 6px 6px 6px 0 !important;
700}
701.btn-cta:hover,
702.btn.btn-cta:hover,
703a.btn-cta:hover,
704a.btn.btn-cta:hover {
705    background-color: hsl(0 84% 53%) !important;
706    transform: translateY(-1px) !important;
707    box-shadow: 0 4px 12px hsl(0 84% 60% / 0.3) !important;
708}
709
710/* Variant: Outline — uniform rounded corners */
711.btn-outline,
712.btn.btn-outline,
713a.btn-outline,
714a.btn.btn-outline {
715    background: transparent !important;
716    color: hsl(262 30% 18%) !important;
717    border: 2px solid hsl(262 10% 80%) !important;
718    border-radius: 6px !important;
719}
720.btn-outline:hover,
721.btn.btn-outline:hover,
722a.btn-outline:hover,
723a.btn.btn-outline:hover {
724    background: hsl(262 10% 96%) !important;
725    border-color: hsl(262 20% 70%) !important;
726    transform: translateY(-1px) !important;
727}
728
729/* Variant: Hero Primary (White solid for dark backgrounds) — uniform rounded */
730.btn-hero-primary,
731.btn.btn-hero-primary,
732a.btn-hero-primary,
733a.btn.btn-hero-primary {
734    background: #fff !important;
735    color: hsl(262 30% 18%) !important;
736    border-radius: 6px !important;
737    border: none !important;
738}
739.btn-hero-primary:hover,
740.btn.btn-hero-primary:hover,
741a.btn-hero-primary:hover,
742a.btn.btn-hero-primary:hover {
743    background: hsl(0 0% 95%) !important;
744    transform: translateY(-1px) !important;
745    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
746}
747
748/* Variant: Learn More (small white outline with arrow — the exception) */
749.btn-learn-more,
750.btn.btn-learn-more,
751a.btn-learn-more,
752a.btn.btn-learn-more {
753    background: transparent !important;
754    color: #fff !important;
755    border: 1px solid rgba(255,255,255,0.4) !important;
756    border-radius: 6px !important;
757    padding: 0.5rem 1rem !important;
758    font-size: 0.875rem !important;
759    font-weight: 500 !important;
760    min-height: auto !important;
761}
762.btn-learn-more:hover,
763.btn.btn-learn-more:hover,
764a.btn-learn-more:hover,
765a.btn.btn-learn-more:hover {
766    background: rgba(255,255,255,0.1) !important;
767    border-color: rgba(255,255,255,0.6) !important;
768}
769.btn-learn-more svg,
770.btn.btn-learn-more svg {
771    display: inline-block !important;
772    width: 16px !important;
773    height: 16px !important;
774    margin-left: 0.25rem !important;
775}
776
777/* --- Homepage Tailwind button overrides --- */
778.kixie-front-page a[href*="sign-up"],
779.kixie-embed-container a[href*="sign-up"] {
780    background-color: hsl(0 84% 60%) !important;
781    color: #fff !important;
782    border-radius: 6px 6px 6px 0 !important;
783    font-weight: 700 !important;
784}
785.kixie-front-page a[href*="sign-up"]:hover,
786.kixie-embed-container a[href*="sign-up"]:hover {
787    background-color: hsl(0 84% 53%) !important;
788}
789.kixie-front-page a[href*="sign-up"] svg,
790.kixie-embed-container a[href*="sign-up"] svg {
791    display: none !important;
792}
793.kixie-front-page a[href*="demo"],
794.kixie-embed-container a[href*="demo"] {
795    border-radius: 6px !important;
796}
797
798/* --- Header nav button overrides --- */
799.kixie-nav-actions .kixie-nav-try-free,
800a.kixie-nav-try-free {
801    border-radius: 6px 6px 6px 0 !important;
802}
803
804/* ===== END KIXIE UNIFIED UI ===== */
805/*# sourceURL=kixie-theme-inline-css */
806</style>
807<link rel="stylesheet" id="kixie-dm-sans-css" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&amp;display=swap" type="text/css" media="all">
808<link rel="stylesheet" id="kixie-solutions-container-fix-css" href="https://www.kixie.com/wp-content/themes/Kixie%20Theme/css/kixie-solutions-container-fix.css?ver=1773889346" type="text/css" media="all">
809<script type="text/javascript" src="https://www.kixie.com/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script>
vendor: 1 bytes, line 809
809
810<script type="text/javascript" src="https://www.kixie.com/wp-includes/js/jquery/jquery-migrate.js" id="jquery-migrate-js"></script>
810
811<link rel="https://api.w.org/" href="https://www.kixie.com/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://www.kixie.com/wp-json/wp/v2/pages/3742"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.kixie.com/xmlrpc.php?rsd">
812<link rel="canonical" href="https://www.kixie.com/">
813<link rel="shortlink" href="https://www.kixie.com/">
814<style id="core-block-supports-inline-css" type="text/css">
815/**
816 * Core styles: block-supports
817 */
818
819/*# sourceURL=core-block-supports-inline-css */
820</style>
821
822<link id="kixie-google-fonts" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&amp;display=swap" fetchpriority="high">
822<script src="https://www.kixie.com/wp-includes/js/twemoji.js" defer=""></script>
822<script src="https://www.kixie.com/wp-includes/js/wp-emoji.js" defer=""></script>
822<script src="https://bat.bing.com/p/action/17555204.js" type="text/javascript" async="" data-ueto="ueto_e30f7ec0ee"></script>
822<style id="_goober"> .go2933276541{position:fixed;display:block;width:100%;height:0px;margin:0px;padding:0px;overflow:visible;transform-style:preserve-3d;background:transparent;backface-visibility:hidden;pointer-events:none;left:0px;z-index:9998;}.go2369186930{top:0px;z-index:9999;height:100%;width:100%;}.go1348078617{bottom:0px;}.go2417249464{position:fixed;z-index:9989;}.go3921366393{left:0;bottom:0;}.go3967842156{right:0;bottom:0;}.go613305155{left:0;top:0;}.go471583506{right:0;top:0;}.go3670563033{position:relative;overflow:hidden;display:none;}.go1041095097{display:block;}.go1632949049{position:absolute;pointer-events:none;width:101vw;height:101vh;background:rgba(0,0,0,0.7);opacity:0;z-index:-1;}.go2512015367{z-index:99998;opacity:0.8;visibility:visible;pointer-events:all;cursor:pointer;}.go1432718904{overflow:hidden;}.go812842568{display:block !important;position:static !important;box-sizing:border-box !important;background:transparent !important;border:none;min-height:0px !important;max-height:none !important;margin:0px;padding:0px !important;height:100% !important;width:1px !important;max-width:100% !important;min-width:100% !important;}.go722322694{transition:none !important;}.go3064412225{z-index:99999;visibility:hidden;position:absolute;inset:50vh auto auto 50%;left:50%;top:50%;transform:translate(-50%,-50%) translateY(100vh);pointer-events:none;max-height:95%;max-width:95%;}.go1656994552{pointer-events:auto !important;visibility:visible;transform:translate(-50%,-50%) translateY(0);transition:transform 0.75s linear(0,0.006,0.023 2.2%,0.096 4.8%,0.532 15.4%,0.72 21%,0.793,0.853 26.7%,0.902,0.941,0.968 36.2%,0.987 39.7%,1 43.7%,1.007 48.3%,1.009 55.3%,1.002 78.2%,1 );}.go456419034{transition:opacity 0.3s ease-in;}.go3128134379{pointer-events:auto !important;visibility:visible !important;max-height:95vh !important;transition:max-height 1s ease-in;}.go494047706{z-index:9999;width:100%;max-height:95%;position:fixed;visibility:hidden;}.go2481764524{z-index:9999;width:100%;max-height:95%;position:fixed;visibility:hidden;bottom:0px;}.go2685733372{visibility:hidden;}.go2985984737{visibility:visible !important;}.go3281949485{pointer-events:auto !important;visibility:visible !important;max-height:95vh !important;transform:none !important;}.go3508454897{z-index:9999;width:100%;max-height:95%;position:fixed;visibility:hidden;transition:transform 1s linear(0,0.006,0.022 2.3%,0.091 5.1%,0.18 7.6%,0.508 16.3%,0.607,0.691,0.762,0.822 28.4%,0.872,0.912 35.1%,0.944 38.9%,0.968 43%,0.985 47.6%,0.996 53.1%,1.001 58.4%,1.003 65.1%,1 );}.go988075951{z-index:9999;position:fixed;left:10px;top:10px;max-height:95vh !important;max-width:95%;visibility:hidden;}.go2699082514{z-index:9999;position:fixed;right:10px;top:10px;max-height:95vh !important;max-width:95%;visibility:hidden;}.go1595992025{z-index:9999;position:fixed;left:10px;bottom:10px;max-height:95vh !important;max-width:95%;visibility:hidden;}.go1222083472{z-index:9999;position:fixed;right:10px;bottom:10px;max-height:95vh !important;max-width:95%;visibility:hidden;}.go26732895{cursor:pointer;}.go2083580917{display:flex;justify-content:center;align-items:center;}</style><style type="text/css">html.hs-messages-widget-open.hs-messages-mobile,html.hs-messages-widget-open.hs-messages-mobile body{overflow:hidden!important;position:relative!important}html.hs-messages-widget-open.hs-messages-mobile body{height:100%!important;margin:0!important}#hubspot-messages-iframe-container{display:initial!important;z-index:2147483647;position:fixed!important;bottom:0!important}#hubspot-messages-iframe-container:hover .hs-drag-handle--v2--widget-open--left,#hubspot-messages-iframe-container:hover .hs-drag-handle--v2--widget-open--right{display:flex!important}#hubspot-messages-iframe-container.widget-align-left{left:0!important}#hubspot-messages-iframe-container.widget-align-right{right:0!important}#hubspot-messages-iframe-container.internal{z-index:1016}#hubspot-messages-iframe-container.internal iframe{min-width:108px}#hubspot-messages-iframe-container .hs-shadow-container{display:initial!important;z-index:-1;position:absolute;width:0;height:0;bottom:0;content:""}#hubspot-messages-iframe-container .hs-shadow-container.internal{display:none!important}#hubspot-messages-iframe-container .hs-shadow-container.active{width:400px;height:400px}#hubspot-messages-iframe-container iframe{display:initial!important;width:100%!important;height:100%!important;border:none!important;position:absolute!important;bottom:0!important;right:0!important;background:transparent!important}#hubspot-messages-iframe-container .hs-drag-handle--v2--widget-open--right{bottom:20px;left:-5px;
822display:none!important}#hubspot-messages-iframe-container .hs-drag-handle--v2--widget-open--left{bottom:20px;right:-5px;display:none!important}.hs-drag-handle{position:absolute;cursor:grab;height:60px;display:none;align-items:center;transition:opacity .5s ease;transition-delay:.5s;opacity:1}.hs-drag-handle--v1--right{right:82px;bottom:12px}.hs-drag-handle--v1--left{left:82px;bottom:12px}.hs-drag-handle--v2--pill-launcher--right{bottom:20px;left:10px}.hs-drag-handle--v2--pill-launcher--left{bottom:20px;right:10px}.hs-drag-handle--v2--hidden--left,.hs-drag-handle--v2--hidden--right{opacity:0!important;pointer-events:none!important;transition:none!important}.hs-drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;user-select:none;z-index:999;display:none}@media print{#hubspot-messages-iframe-container.hs-widget-hide-on-print{display:none!important}}</style>
vendor: 66 bytes, line 822
822<script async="" src="https://www.googletagmanager.com/gtag/js?id=
822AW-1009349444
vendor: 11 bytes, line 822
822"></script>
822<script type="text/javascript" async="" src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/1009349444/?random=1781204322436&amp;cv=11&amp;fst=1781204322436&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;en=gtag.config&amp;gtm=45be66a1h2v9215729548za200zb843680231zd843680231xec&amp;gcd=13l3l3l3l1l1&amp;dma=0&amp;tag_exp=115938466~115938469~117776794~119456239~119456247&amp;u_w=1728&amp;u_h=1117&amp;url=https%3A%2F%2Fwww.kixie.com%2F&amp;ref=https%3A%2F%2Fwww.kixie.com%2Fsales-blog%2F&amp;rcb=1&amp;frm=0&amp;tiba=Kixie%20PowerCall%20%E2%80%93%20Better%20Sales%20Made%20Simple&amp;did=dZTQ1Zm&amp;gdid=dZTQ1Zm&amp;hn=www.googleadservices.com&amp;npa=0&amp;pscdl=noapi&amp;auid=1591715825.1781146097&amp;uaa=arm&amp;uab=64&amp;uafvl=Google%2520Chrome%3B149.0.7827.103%7CChromium%3B149.0.7827.103%7CNot)A%253BBrand%3B24.0.0.0&amp;uamb=0&amp;uam=&amp;uap=macOS&amp;uapv=26.1.0&amp;uaw=0&amp;data=event%3Dgtag.config&amp;ept=9&amp;rfmt=3&amp;fmt=4"></script>
822</head>
823
824<body class="home wp-singular page-template-default page page-id-3742 wp-custom-logo wp-theme-material-design-google wp-child-theme-KixieTheme">
825
826		<!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 826-828
826
827	<noscript>
828		<iframe src="https://www.googletagmanager.com/ns.html?id=
828GTM-KCNLK7F
vendor: 86 bytes, lines 828-830
828" height="0" width="0" style="display:none;visibility:hidden"></iframe>
829	</noscript>
830	
830<!-- End Google Tag Manager (noscript) -->
831	
832
833			<div id="page" class="site">
834		<header class="kixie-site-header" role="banner">
835						
836			<nav class="kixie-main-nav" aria-label="Primary navigation">
837				<div class="kixie-container" fetchpriority="high">
838					<div class="kixie-nav-inner">
839						<div class="kixie-logo">
840							<a href="https://www.kixie.com/" class="kixie-logo-link" rel="home" aria-label="Kixie home">
841								<img src="https://www.kixie.com/assets/img/kixie-logo-dark3.png" alt="" class="kixie-logo-image">
842							</a>
843						</div>
844
845						<div class="kixie-nav-desktop" role="navigation" aria-label="Primary">
846							<ul class="kixie-nav-menu kixie-nav-menu-mega">
847																								<li class="kixie-nav-item has-mega" data-dropdown-item="">
848									<button type="button" class="kixie-nav-trigger" data-dropdown-trigger="" aria-expanded="false" aria-controls="kixie-platform-menu">
849										Platform										<svg class="kixie-nav-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
850											<path d="m6 9 6 6 6-6"></path>
851										</svg>
852									</button>
853									<div id="kixie-platform-menu" class="kixie-mega-menu kixie-mega-platform" hidden="">
854										<div class="kixie-mega-inner">
855											<p class="kixie-mega-heading">
856												Features											</p>
857											<div class="kixie-mega-feature-list">
858																								<a href="/features/power-dialer/" class="kixie-mega-feature-item">
859													<span class="kixie-mega-icon" aria-hidden="true">
860														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.7 19.7 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.7 19.7 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.12 1 .37 1.95.72 2.87a2 2 0 0 1-.45 2.1L8.1 9.9a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.45c.92.35 1.88.6 2.86.72A2 2 0 0 1 22 16.9z"></path></svg></span>
861                                                            <span class="kixie-mega-copy">
862                                                                <span class="kixie-mega-title">Power Dialer													</span>
863																										<span class="kixie-mega-description">
864														Auto-dial up to 4 numbers in parallel													</span>
865																										</span>
866												</a>
867																								<a href="/features/contact-center/" class="kixie-mega-feature-item">
868													<span class="kixie-mega-icon" aria-hidden="true">
869														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M3 13a9 9 0 0 1 18 0"></path><path d="M21 14v4a2 2 0 0 1-2 2h-1v-7h1a2 2 0 0 1 2 2Z"></path><path d="M3 14v4a2 2 0 0 0 2 2h1v-7H5a2 2 0 0 0-2 2Z"></path></svg></span>
870                                                            <span class="kixie-mega-copy">
871                                                                <span class="kixie-mega-title">Contact Center													</span>
872																										<span class="kixie-mega-description">
873														Enterprise-grade call management													</span>
874																										</span>
875												</a>
876																								<a href="/features/analytics-and-reporting/" class="kixie-mega-feature-item">
877													<span class="kixie-mega-icon" aria-hidden="true">
878														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg></span>
879                                                            <span class="kixie-mega-copy">
880                                                                <span class="kixie-mega-title">Analytics &amp; Reporting													</span>
881																										<span class="kixie-mega-description">
882														AI-powered insights and dashboards													</span>
883																										</span>
884												</a>
885																								<a href="/features/connectionboost/" class="kixie-mega-feature-item">
886													<span class="kixie-mega-icon" aria-hidden="true">
887														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round">
887<path d="M13 2 3 14h7l-1 8 10-12h-7l1-8z"></path></svg></span>
888                                                            <span class="kixie-mega-copy">
889                                                                <span class="kixie-mega-title">ConnectionBoost													</span>
890																										<span class="kixie-mega-description">
891														Maximize connection rates													</span>
892																										</span>
893												</a>
894																								<a href="/features/text-messaging/" class="kixie-mega-feature-item">
895													<span class="kixie-mega-icon" aria-hidden="true">
896														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></span>
897                                                            <span class="kixie-mega-copy">
898                                                                <span class="kixie-mega-title">Business SMS													</span>
899																										<span class="kixie-mega-description">
900														Automated text messaging platform													</span>
901																										</span>
902												</a>
903																								<a href="/features/conversation-intelligence/" class="kixie-mega-feature-item">
904													<span class="kixie-mega-icon" aria-hidden="true">
905														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3a3 3 0 0 0-3 3v1a3 3 0 0 0-2 2.8A3 3 0 0 0 5 12a3 3 0 0 0 1 5.8V18a3 3 0 0 0 5 2.2A3 3 0 0 0 15 18v-.2A3 3 0 0 0 16 12a3 3 0 0 0 1-2.2A3 3 0 0 0 15 7V6a3 3 0 0 0-3-3"></path></svg></span>
906                                                            <span class="kixie-mega-copy">
907                                                                <span class="kixie-mega-title">Conversation Intelligence													</span>
908																										<span class="kixie-mega-description">
909														AI call analysis and coaching													</span>
910																										</span>
911												</a>
912																							</div>
913										</div>
914										<div class="kixie-mega-footer">
915											<a href="/features/" class="kixie-mega-footer-link">
916												All Features <span aria-hidden="true">→</span>
917											</a>
918										</div>
919									</div>
920								</li>
921																																<li class="kixie-nav-item has-mega" data-dropdown-item="">
922									<button type="button" class="kixie-nav-trigger" data-dropdown-trigger="" aria-expanded="false" aria-controls="kixie-solutions-menu">
923										Solutions										<svg class="kixie-nav-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
924											<path d="m6 9 6 6 6-6"></path>
925										</svg>
926									</button>
927									<div id="kixie-solutions-menu" class="kixie-mega-menu kixie-mega-solutions" hidden="">
928										<div class="kixie-mega-solutions-grid">
929																						<div class="kixie-mega-solutions-column">
930												<p class="kixie-mega-heading">
931													By Team												</p>
932																								<a href="/solutions/inside-sales/" class="kixie-mega-solution-item">
933													<span class="kixie-mega-solution-icon" aria-hidden="true">
934														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2"></path><circle cx="9.5" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.8"></path><path d="M16 3.2a4 4 0 0 1 0 7.6"></path></svg></span>
935                                                                <span>Inside Sales													</span>
936												</a>
937																								<a href="/solutions/business-development/" class="kixie-mega-solution-item">
938													<span class="kixie-mega-solution-icon" aria-hidden="true">
939														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2"></rect><path d="M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2"></path><path d="M2 13h20"></path></svg></span>
940                                                                <sp
940an>Business Development													</span>
941												</a>
942																								<a href="/solutions/marketing/" class="kixie-mega-solution-item">
943													<span class="kixie-mega-solution-icon" aria-hidden="true">
944														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="m3 11 14-5v12L3 13z"></path><path d="M11 21a3 3 0 0 1-3-3v-5"></path><path d="M17 8a4.5 4.5 0 1 1 0 8"></path></svg></span>
945                                                                <span>Marketing													</span>
946												</a>
947																								<a href="/solutions/revenue-operations/" class="kixie-mega-solution-item">
948													<span class="kixie-mega-solution-icon" aria-hidden="true">
949														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 14 15 10 11 2 19"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></span>
950                                                                <span>Revenue Operations													</span>
951												</a>
952																								<a href="/solutions/customer-support/" class="kixie-mega-solution-item">
953													<span class="kixie-mega-solution-icon" aria-hidden="true">
954														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M3 13a9 9 0 0 1 18 0"></path><path d="M21 14v4a2 2 0 0 1-2 2h-1v-7h1a2 2 0 0 1 2 2Z"></path><path d="M3 14v4a2 2 0 0 0 2 2h1v-7H5a2 2 0 0 0-2 2Z"></path></svg></span>
955                                                                <span>Customer Support													</span>
956												</a>
957																							</div>
958																						<div class="kixie-mega-solutions-column">
959												<p class="kixie-mega-heading">
960													By Role												</p>
961																								<a href="/solutions/sales-development/" class="kixie-mega-solution-item">
962													<span class="kixie-mega-solution-icon" aria-hidden="true">
963														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="m17 11 2 2 4-4"></path></svg></span>
964                                                                <span>Sales Development													</span>
965												</a>
966																								<a href="/solutions/account-executives/" class="kixie-mega-solution-item">
967													<span class="kixie-mega-solution-icon" aria-hidden="true">
968														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="15" r="3"></circle><path d="M18 11.5v1"></path><path d="M18 17.5v1"></path><path d="m14.9 13.2.86.5"></path><path d="m20.24 16.3.86.5"></path><path d="m14.9 16.8.86-.5"></path><path d="m20.24 13.7.86-.5"></path><path d="M4 21v-2a4 4 0 0 1 4-4h4"></path><circle cx="9" cy="7" r="4"></circle></svg></span>
969                                                                <span>Account Executives													</span>
970												</a>
971																								<a href="/solutions/marketing-teams/" class="kixie-mega-solution-item">
972													<span class="kixie-mega-solution-icon" aria-hidden="true">
973														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M18 21a8 8 0 0 0-12 0"></path><circle cx="12" cy="11" r="4"></circle><path d="M22 21a8 8 0 0 0-4-7"></path><path d="M2 21a8 8 0 0 1 4-7"></path></svg></span>
974                                                                <span>Marketing Teams													</span>
975												</a>
976																								<a href="/solutions/sales-managers/" class="kixie-mega-solution-item">
977													<span class="kixie-mega-solution-icon" aria-hidden="true">
978														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="m2 8 5 5 5-8 5 8 5-5-2 12H4L2 8z"></path></svg></span>
979                                                                <sp
979an>Sales Managers													</span>
980												</a>
981																							</div>
982																						<div class="kixie-mega-solutions-column">
983												<p class="kixie-mega-heading">
984													By Industry												</p>
985																								<a href="/solutions/ecommerce/" class="kixie-mega-solution-item">
986													<span class="kixie-mega-solution-icon" aria-hidden="true">
987														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="20" r="1"></circle><circle cx="20" cy="20" r="1"></circle><path d="M1 1h4l2.7 12.4a2 2 0 0 0 2 1.6h9.8a2 2 0 0 0 2-1.6L23 6H6"></path></svg></span>
988                                                                <span>eCommerce													</span>
989												</a>
990																								<a href="/solutions/financial-services/" class="kixie-mega-solution-item">
991													<span class="kixie-mega-solution-icon" aria-hidden="true">
992														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="18"></rect><rect x="14" y="8" width="7" height="13"></rect><path d="M7 7h.01"></path><path d="M7 11h.01"></path><path d="M7 15h.01"></path><path d="M17 12h.01"></path><path d="M17 16h.01"></path></svg></span>
993                                                                <span>Financial Services													</span>
994												</a>
995																								<a href="/solutions/home-improvement/" class="kixie-mega-solution-item">
996													<span class="kixie-mega-solution-icon" aria-hidden="true">
997														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="m15 12-8.5 8.5a1.4 1.4 0 0 1-2-2L13 10"></path><path d="m18 5 1.6-1.6a1.9 1.9 0 0 0-2.7-2.7L15.2 2.4"></path><path d="m12 8 4 4"></path><path d="m4 20 3-3"></path></svg></span>
998                                                                <span>Home Improvement													</span>
999												</a>
1000																								<a href="/solutions/call-center/" class="kixie-mega-solution-item">
1001													<span class="kixie-mega-solution-icon" aria-hidden="true">
1002														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.7 19.7 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.7 19.7 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.12 1 .37 1.95.72 2.87a2 2 0 0 1-.45 2.1L8.1 9.9a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.45c.92.35 1.88.6 2.86.72A2 2 0 0 1 22 16.9z"></path><path d="M15 2a6.5 6.5 0 0 1 7 7"></path></svg></span>
1003                                                                <span>Call Center													</span>
1004												</a>
1005																								<a href="/solutions/health-services/" class="kixie-mega-solution-item">
1006													<span class="kixie-mega-solution-icon" aria-hidden="true">
1007														<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21s-7-4.4-9.3-8A5.4 5.4 0 0 1 12 5.2 5.4 5.4 0 0 1 21.3 13C19 16.6 12 21 12 21z"></path></svg></span>
1008                                                                <span>Health Services													</span>
1009												</a>
1010																							</div>
1011																					</div>
1012									</div>
1013								</li>
1014																																								<li class="kixie-nav-item menu-item-has-children">
1015									<a href="#" class="kixie-nav-link kixie-nav-link-chevron">
1016										Partners																				<svg class="kixie-nav-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1017											<path d="m6 9 6 6 6-6"></path>
1018										</svg>
1019																			</a>
1020																		<ul class="sub-menu">
1021																				<li><a href="/integrations/">
1022												Integration Partners											</a></li>
1023																				<li><a href="/partners/">
1024												Become a Partner											</a></li>
1025																			</ul>
1026																	</li>
1027																																								<li class="kixie-nav-item menu-item-has-children">
1028									<a href="#" class="kixie-nav-link kixie-nav-link-chevron">
1029										Resources																				<svg class="kixie-nav-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1030											<path d="m6 9 6 6 6-6"></path>
1031										</svg>
1032																			</a>
1033																		<ul class="sub-menu">
1034																				<li><a href="/sales-blog/">
1035												Blog											</a></li>
1036																				<li><a href="/success-stories/">
1037												Success Stories											</a></li>
1038																				<li><a href="https://support.kixie.com/hc/en-us">
1039												Support											</a></li>
1040																				<li><a href="/developer/">
1041												Developer											</a></li>
1042																			</ul>
1043																	</li>
1044																																								<li class="kixie-nav-item">
1045									<a href="/pricing/" class="kixie-nav-link">
1046										Plans																			</a>
1047																	</li>
1048																																								<li class="kixie-nav-item menu-item-has-children">
1049									<a href="#" class="kixie-nav-link kixie-nav-link-chevron">
1050										About																				<svg class="kixie-nav-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1051											<path d="m6 9 6 6 6-6"></path>
1052										</svg>
1053																			</a>
1054																		<ul class="sub-menu">
1055																				<li><a href="/about/">
1056												About Us											</a></li>
1057																				<li><a href="/careers/">
1058												Careers											</a></li>
1059																				<li><a href="/contact/">
1060												Contact											</a></li>
1061																			</ul>
1062																	</li>
1063																							</ul>
1064						</div>
1065
1066						<div class="kixie-cta-group">
1067							<a href="https://www.kixie.com/login/" class="kixie-btn kixie-btn-outline">
1068								LOG IN							</a>
1069							<a href="/demo/" class="kixie-btn kixie-btn-outline">
1070								SCHEDULE DEMO							</a>
1071							<a href="/sign-up/" class="kixie-btn kixie-btn-primary">
1072								START FREE TRIAL							</a>
1073						</div>
1074
1075						<button id="mobile-menu-btn" class="kixie-mobile-toggle" aria-expanded="false" aria-controls="mobile-menu">
1076							<span class="screen-reader-text">
1077								Toggle navigation							</span>
1078							<svg id="menu-icon" 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" aria-hidden="true">
1079								<line x1="4" x2="20" y1="12" y2="12"></line>
1080								<line x1="4" x2="20" y1="6" y2="6"></line>
1081								<line x1="4" x2="20" y1="18" y2="18"></line>
1082							</svg>
1083							<svg id="close-icon" class="is-hidden" 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" aria-hidden="true">
1084								<path d="M18 6 6 18"></path>
1085								<path d="m6 6 12 12"></path>
1086							</svg>
1087						</button>
1088					</div>
1089				</div>
1090
1091				<div id="mobile-menu" class="kixie-mobile-menu" hidden="">
1092					<div class="kixie-container kixie-mobile-menu-inner">
1093						<div class="kixie-mobile-section">
1094							<p class="kixie-mobile-section-heading">
1095								Platform							</p>
1096														<a href="/features/power-dialer/" class="kixie-mobile-feature-link">
1097								<span class="kixie-mobile-feature-icon" aria-hidden="true">
1098									<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.7 19.7 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.7 19.7 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.12 1 .37 1.95.72 2.87a2 2 0 0 1-.45 2.1L8.1 9.9a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.45c.92.35 1.88.6 2.86.72A2 2 0 0 1 22 16.9z"></path></svg></span>
1099                                <span>Power Dialer								</span>
1100							</a>
1101														<a href="/features/contact-center/" class="kixie-mobile-feature-link">
1102								<span class="kixie-mobile-feature-icon" aria-hidden="true">
1103									<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M3 13a9 9 0 0 1 18 0"></path><path d="M21 14v4a2 2 0 0 1-2 2h-1v-7h1a2 2 0 0 1 2 2Z"></path><path d="M3 14v4a2 2 0 0 0 2 2h1v-7H5a2 2 0 0 0-2 2Z"></path></svg></span>
1104                                <span>Contact Center								</span>
1105							</a>
1106														<a href="/features/analytics-and-reporting/" class="kixie-mobile-feature-link">
1107								<span class="kixie-mobile-feature-icon" aria-hidden="true">
1108									<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg></span>
1109                                <span>Analytics &amp; Reporting								</span>
1110							</a>
1111														<a href="/features/connectionboost/" class="kixie-mobile-feature-link">
1112								<span class="kixie-mobile-feature-icon" aria-hidden="true">
1113									<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 3 14h7l-1 8 10-12h-7l1-8z"></path></svg></span>
1114                                <span>ConnectionBoost								</span>
1115							</a>
1116														<a href="/features/text-messaging/" class="kixie-mobile-feature-link">
1117								<span class="kixie-mobile-feature-icon" aria-hidden="true">
1118									<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></span>
1119                                <span>Business SMS								</span>
1120							</a>
1121														<a href="/features/conversation-intelligence/" class="kixie-mobile-feature-link">
1122								<span class="kixie-mobile-feature-icon" aria-hidden="true">
1123									<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3a3 3 0 0 0-3 3v1a3 3 0 0 0-2 2.8A3 3 0 0 0 5 12a3 3 0 0 0 1 5.8V18a3 3 0 0 0 5 2.2A3 3 0 0 0 15 18v-.2A3 3 0 0 0 16 12a3 3 0 0 0 1-2.2A3 3 0 0 0 15 7V6a3 3 0 0 0-3-3"></path></svg></span>
1124                                <span>Conversation Intelligence								</span>
1125							</a>
1126													</div>
1127
1128												<div class="kixie-mobile-section kixie-mobile-section-divider">
1129							<p class="kixie-mobile-section-heading">
1130								Solutions - By Team							</p>
1131														<a href="/solutions/inside-sales/" class="kixie-mobile-link">
1132								Inside Sales							</a>
1133														<a href="/solutions/business-development/" class="kixie-mobile-link">
1134								Business Development							</a>
1135														<a href="/solutions/marketing/" class="kixie-mobile-link">
1136								Marketing							</a>
1137														<a href="/solutions/revenue-operations/" class="kixie-mobile-link">
1138								Revenue Operations							</a>
1139														<a href="/solutions/customer-support/" class="kixie-mobile-link">
1140								Customer Support							</a>
1141													</div>
1142												<div class="kixie-mobile-section kixie-mobile-section-divider">
1143							<p class="kixie-mobile-section-heading">
1144								Solutions - By Role							</p>
1145														<a href="/solutions/sales-development/" class="kixie-mobile-link">
1146								Sales Development							</a>
1147														<a href="/solutions/account-executives/" class="kixie-mobile-link">
1148								Account Executives							</a>
1149														<a href="/solutions/marketing-teams/" class="kixie-mobile-link">
1150								Marketing Teams							</a>
1151														<a href="/solutions/sales-managers/" class="kixie-mobile-link">
1152								Sales Managers							</a>
1153													</div>
1154												<div class="kixie-mobile-section kixie-mobile-section-divider">
1155							<p class="kixie-mobile-section-heading">
1156								Solutions - By Industry							</p>
1157														<a href="/solutions/ecommerce/" class="kixie-mobile-link">
1158								eCommerce							</a>
1159														<a href="/solutions/financial-services/" class="kixie-mobile-link">
1160								Financial Services							</a>
1161														<a href="/solutions/home-improvement/" class="kixie-mobile-link">
1162								Home Improvement							</a>
1163														<a href="/solutions/call-center/" class="kixie-mobile-link">
1164								Call Center							</a>
1165														<a href="/solutions/health-services/" class="kixie-mobile-link">
1166								Health Services							</a>
1167													</div>
1168						
1169												<div class="kixie-mobile-section kixie-mobile-section-divider">
1170														<a href="https://www.kixie.com/partners/" class="kixie-mobile-link">
1171								Partners							</a>
1172														<a href="/pricing/" class="kixie-mobile-link">
1173								Plans							</a>
1174														<a href="https://www.kixie.com/about/" class="kixie-mobile-link">
1175								About							</a>
1176													</div>
1177						
1178						<div class="kixie-mobile-cta" data-nosnippet="">
1179							<a href="https://www.kixie.com/login/" class="kixie-btn kixie-btn-outline">
1180								LOG IN							</a>
1181							<a href="https://www.kixie.com/demo/" class="kixie-btn kixie-btn-outline">
1182								SCHEDULE DEMO							</a>
1183							<a href="https://www.kixie.com/sign-up/" class="kixie-btn kixie-btn-primary">
1184								START FREE TRIAL							</a>
1185						</div>
1186					</div>
1187				</div>
1188			</nav>
1189		</header>
1190
1191		
1191<script>
1192			document.addEventListener('DOMContentLoaded', function () {
1193				const body = document.body;
1194				const desktopNav = document.querySelector('.kixie-nav-desktop');
1195				const mobileMenuBtn = document.getElementById('mobile-menu-btn');
1196				const mobileMenu = document.getElementById('mobile-menu');
1197				const menuIcon = document.getElementById('menu-icon');
1198				const closeIcon = document.getElementById('close-icon');
1199
1200				if (desktopNav) {
1201					const desktopDropdowns = Array.from(desktopNav.querySelectorAll('[data-dropdown-item]'));
1202
1203					function closeDesktopDropdown(item) {
1204						const trigger = item.querySelector('[data-dropdown-trigger]');
1205						const menu = item.querySelector('.kixie-mega-menu');
1206
1207						if (trigger) {
1208							trigger.setAttribute('aria-expanded', 'false');
1209						}
1210						if (menu) {
1211							menu.hidden = true;
1212						}
1213
1214						item.classList.remove('is-open');
1215					}
1216
1217					function openDesktopDropdown(item) {
1218						const trigger = item.querySelector('[data-dropdown-trigger]');
1219						const menu = item.querySelector('.kixie-mega-menu');
1220						if (!trigger || !menu) {
1221							return;
1222						}
1223
1224						desktopDropdowns.forEach(function (dropdownItem) {
1225							if (dropdownItem !== item) {
1226								closeDesktopDropdown(dropdownItem);
1227							}
1228						});
1229
1230						item.classList.add('is-open');
1231						trigger.setAttribute('aria-expanded', 'true');
1232						menu.hidden = false;
1233					}
1234
1235					function closeAllDesktopDropdowns() {
1236						desktopDropdowns.forEach(function (item) {
1237							closeDesktopDropdown(item);
1238						});
1239					}
1240
1241					desktopDropdowns.forEach(function (item) {
1242						const trigger = item.querySelector('[data-dropdown-trigger]');
1243						const menu = item.querySelector('.kixie-mega-menu');
1244						if (!trigger || !menu) {
1245							return;
1246						}
1247
1248						closeDesktopDropdown(item);
1249
1250						trigger.addEventListener('click', function (event) {
1251							if (!window.matchMedia('(min-width: 1024px)').matches) {
1252								return;
1253							}
1254
1255							event.preventDefault();
1256							if (item.classList.contains('is-open')) {
1257								closeDesktopDropdown(item);
1258							} else {
1259								openDesktopDropdown(item);
1260							}
1261						});
1262
1263						menu.querySelectorAll('a').forEach(function (link) {
1264							link.addEventListener('click', function () {
1265								closeDesktopDropdown(item);
1266							});
1267						});
1268					});
1269
1270					desktopNav.querySelectorAll('.kixie-nav-link').forEach(function (link) {
1271						link.addEventListener('click', function () {
1272							closeAllDesktopDropdowns();
1273						});
1274					});
1275
1276					document.addEventListener('mousedown', function (event) {
1277						if (!window.matchMedia('(min-width: 1024px)').matches) {
1278							return;
1279						}
1280
1281						if (!desktopNav.contains(event.target)) {
1282							closeAllDesktopDropdowns();
1283						}
1284					});
1285
1286					document.addEventListener('keydown', function (event) {
1287						if (event.key === 'Escape') {
1288							closeAllDesktopDropdowns();
1289						}
1290					});
1291
1292					window.addEventListener('resize', function () {
1293						if (window.innerWidth < 1024) {
1294							closeAllDesktopDropdowns();
1295						}
1296					});
1297				}
1298
1299				if (!mobileMenuBtn || !mobileMenu) {
1300					return;
1301				}
1302
1303				function setIconState(isOpen) {
1304					if (menuIcon) {
1305						menuIcon.classList.toggle('is-hidden', isOpen);
1306					}
1307					if (closeIcon) {
1308						closeIcon.classList.toggle('is-hidden', !isOpen);
1309					}
1310				}
1311
1312				function openMenu() {
1313					mobileMenu.hidden = false;
1314					requestAnimationFrame(function () {
1315						mobileMenu.classList.add('is-open');
1316					});
1317					mobileMenuBtn.setAttribute('aria-expanded', 'true');
1318					body.classList.add('kixie-mobile-menu-open');
1319					setIconState(true);
1320				}
1321
1322				function closeMenu() {
1323					mobileMenu.classList.remove('is-open');
1324					mobileMenuBtn.setAttribute('aria-expanded', 'false');
1325					body.classList.remove('kixie-mobile-menu-open');
1326					setIconState(false);
1327					setTimeout(function () {
1328						if (!mobileMenu.classList.contains('is-open')) {
1329							mobileMenu.hidden = true;
1330						}
1331					}, 180);
1332				}
1333
1334				mobileMenuBtn.addEventListener('click', function (event) {
1335					event.preventDefault();
1336					if (mobileMenu.classList.contains('is-open')) {
1337						closeMenu();
1338					} else {
1339						openMenu();
1340					}
1341				});
1342
1343				mobileMenu.addEventListener('click', function (event) {
1344					const link = event.target.closest('a');
1345					if (!link) {
1346						return;
1347					}
1348
1349					closeMenu();
1350				});
1351
1352				window.addEventListener('resize', function () {
1353					if (window.innerWidth >= 1024 && mobileMenu.classList.contains('is-open')) {
1354						closeMenu();
1355					}
1356				});
1357			});
1358		</script>
1358
1359
1360		<div id="content" class="site-content">
1361
1362<main id="primary" class="site-main kixie-front-page">
1363<!-- 
1364  Kixie Landing Page Embed Code (v8.1 - Body Sections)
1365  
1366  INSTRUCTIONS:
1367  1. Upload this file and the 'assets' folder to your active child theme.
1368  2. Update image paths below (Find/Replace "assets/" with your final URL/path).
1369  3. Use with custom child-theme `header.php`; nav/header is theme-rendered there.
1370  4. This markup is inlined directly in `front-page.php` for single-file use.
1371  5. Optional: you can still paste this into a Custom HTML block if needed.
1372-->
1373
1374<div id="kixie-landing-embed-root"></div>
1375
1376<script>
1377(function() {
1378  const rootId = 'kixie-landing-embed-root';
1379  const root = document.getElementById(rootId);
1380  if (!root || root.shadowRoot) return;
1381
1382  if (!document.getElementById('kixie-google-fonts')) {
1383      const fontLink = document.createElement('link');
1384      fontLink.id = 'kixie-google-fonts';
1385      fontLink.rel = 'stylesheet';
1386      fontLink.href = 'https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap';
1387      fontLink.setAttribute('fetchpriority', 'high');
1388      document.head.appendChild(fontLink);
1389  }
1390
1391  const shadow = root.attachShadow({mode: 'open'});
1392
1393  const style = document.createElement('style');
1394  style.textContent = `
1395*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}:host,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:DM Sans,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}.kixie-embed-container{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}
1395button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:host{--background: 40 33% 96%;--foreground: 270 30% 15%;--card: 40 30% 98%;--card-foreground: 270 30% 15%;--popover: 40 30% 98%;--popover-foreground: 270 30% 15%;--primary: 275 85% 55%;--primary-foreground: 0 0% 100%;--secondary: 40 20% 94%;--secondary-foreground: 270 30% 15%;--muted: 40 15% 92%;--muted-foreground: 270 10% 45%;--accent: 275 80% 50%;--accent-foreground: 0 0% 100%;--accent-secondary: 300 70% 55%;--accent-tertiary: 320 65% 60%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--border: 40 15% 88%;--input: 40 15% 88%;--ring: 275 80% 50%;--radius: .75rem;--glow-primary: 275 85% 55%;--glow-accent: 275 80% 50%;--feature-bg: 40 25% 97%;--feature-border: 40 15% 90%;--hero-start: 270 60% 20%;--hero-mid: 280 70% 35%;--hero-end: 290 65% 45%;--heading: 270 30% 15%;--subheading: 270 15% 35%;--body: 270 10% 50%;--success: 160 60% 45%;--success-foreground: 0 0% 100%;--cta: 0 84% 50%;--cta-foreground: 0 0% 100%;--sidebar-background: 40 30% 98%;--sidebar-foreground: 270 30% 15%;--sidebar-primary: 275 85% 55%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 275 80% 50%;--sidebar-accent-foreground: 0 0% 100%;--sidebar-border: 40 15% 88%;--sidebar-ring: 275 80% 50%}.dark{--background: 250 30% 6%;--foreground: 0 0% 100%}*{border-color:hsl(var(--border))}:host{scroll-behavior:smooth}.kixie-embed-container{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:DM Sans,system-ui,sans-serif}h1,h2,h3,h4,h5,h6{font-family:DM Sans,system-ui,sans-serif;letter-spacing:-.02em}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 1400px){.container{max-width:1400px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-12{bottom:-3rem}.-bottom-5{bottom:-1.25rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-1\\/2{left:50%}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\\.5{top:.375rem}.top-1\\/2{top:50%}.top-2{top:.5rem}.top-3\\.5{top:.875rem}.top-4{top:1rem}.top-\\[1px\\]{top:1px}.top-\\[50\\%\\]{top:50%}.top-\\[60\\%\\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\\[100\\]{z-index:100}.z-\\[1\\]{z-index:1}.order-1{order:1}.order-2{order:2}.col-span-2{grid-column:span 2 / span 2}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3\\.5{margin-left:.875rem;margin-right:.875rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0\\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1\\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}
1395.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-4{width:1rem;height:1rem}.h-1{height:.25rem}.h-1\\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[1px\\]{height:1px}.h-\\[var\\(--radix-navigation-menu-viewport-height\\)\\]{height:var(--radix-navigation-menu-viewport-height)}.h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-96{max-height:24rem}.max-h-\\[300px\\]{max-height:300px}.max-h-screen{max-height:100vh}.min-h-0{min-height:0px}.min-h-\\[80px\\]{min-height:80px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-0{width:0px}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-2\\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\\.5{width:.875rem}.w-3\\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[--sidebar-width\\]{width:var(--sidebar-width)}.w-\\[100px\\]{width:100px}.w-\\[1px\\]{width:1px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-5{min-width:1.25rem}.min-w-\\[12rem\\]{min-width:12rem}.min-w-\\[8rem\\]{min-width:8rem}.min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\\[--skeleton-width\\]{max-width:var(--skeleton-width)}.max-w-lg{max-width:32rem}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-px{--tw-translate-x: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-px{--tw-translate-x: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes kixie-pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:calc(var(--radius) + 8px)}.rounded-3xl{border-radius:1.5rem}.rounded-\\[2px\\]{border-radius:2px}
1395.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-\\[10px\\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-\\[1\\.5px\\]{border-width:1.5px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\\[--color-border\\]{border-color:var(--color-border)}.border-border{border-color:hsl(var(--border))}.border-border\\/50{border-color:hsl(var(--border) / .5)}.border-cta\\/20{border-color:hsl(var(--cta) / .2)}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive\\/50{border-color:hsl(var(--destructive) / .5)}.border-foreground\\/20{border-color:hsl(var(--foreground) / .2)}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-primary-foreground\\/10{border-color:hsl(var(--primary-foreground) / .1)}.border-sidebar-border{border-color:hsl(var(--sidebar-border))}.border-sky-100{--tw-border-opacity: 1;border-color:rgb(224 242 254 / var(--tw-border-opacity, 1))}.border-sky-200{--tw-border-opacity: 1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-l-transparent{border-left-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-\\[--color-bg\\]{background-color:var(--color-bg)}.bg-accent{background-color:hsl(var(--accent))}.bg-accent\\/10{background-color:hsl(var(--accent) / .1)}.bg-background{background-color:hsl(var(--background))}.bg-black\\/80{background-color:#000c}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-cta{background-color:hsl(var(--cta))}.bg-cta\\/10{background-color:hsl(var(--cta) / .1)}.bg-cta\\/5{background-color:hsl(var(--cta) / .05)}.bg-destructive{background-color:hsl(var(--destructive))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\\/50{background-color:hsl(var(--muted) / .5)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\\/10{background-color:hsl(var(--primary) / .1)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-sidebar{background-color:hsl(var(--sidebar-background))}.bg-sidebar-border{background-color:hsl(var(--sidebar-border))}.bg-sky-200{--tw-bg-opacity: 1;background-color:rgb(186 230 253 / var(--tw-bg-opacity, 1))}.bg-sky-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.bg-success{background-color:hsl(var(--success))}.bg-success\\/20{background-color:hsl(var(--success) / .2)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\\/70{background-color:#ffffffb3}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-background{--tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-card{--tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cta{--tw-gradient-from: hsl(var(--cta)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--cta) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-800{--tw-gradient-from: #6b21a8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(107 33 168 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-100{--tw-gradient-from: #e0f2fe var(--tw-gradient-from-position);--tw-gradient-to: rgb(224 242 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from: #f8fafc var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-purple-700{--tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #7e22ce var(--tw-gradient-via-p
1395osition), var(--tw-gradient-to)}.via-sky-50\\/80{--tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(240 249 255 / .8) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-blue-100{--tw-gradient-to: #dbeafe var(--tw-gradient-to-position)}.to-blue-50\\/60{--tw-gradient-to: rgb(239 246 255 / .6) var(--tw-gradient-to-position)}.to-muted\\/30{--tw-gradient-to: hsl(var(--muted) / .3) var(--tw-gradient-to-position)}.to-pink-700{--tw-gradient-to: #be185d var(--tw-gradient-to-position)}.to-primary{--tw-gradient-to: hsl(var(--primary)) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.bg-\\[length\\:200\\%_100\\%\\]{background-size:200% 100%}.fill-amber-400{fill:#fbbf24}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-0\\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\\[1px\\]{padding:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-12{padding-bottom:3rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-2\\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\\.5{padding-right:.625rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-16{padding-top:4rem}.pt-24{padding-top:6rem}.pt-3{padding-top:.75rem}.pt-36{padding-top:9rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-display{font-family:DM Sans,system-ui,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\\[0\\.8rem\\]{font-size:.8rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\\[1\\.1\\]{line-height:1.1}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-accent{color:hsl(var(--accent))}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-cta{color:hsl(var(--cta))}.text-cta-foreground{color:hsl(var(--cta-foreground))}.text-cta\\/70{color:hsl(var(--cta) / .7)}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\\/50{color:hsl(var(--foreground) / .5)}.text-foreground\\/70{color:hsl(var(--foreground) / .7)}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-primary-foreground\\/60{color:hsl(var(--primary-foreground) / .6)}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-sidebar-foreground{color:hsl(var(--sidebar-foreground))}.text-sidebar-foreground\\/70{color:hsl(var(--sidebar-foreground) / .7)}.text-sky-700{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.text-success{color:hsl(var(--success))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\\/70{color:#ffffffb3}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}
1395.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-border\\)\\)\\]{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-sha
1395dow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sky-100\\/50{--tw-shadow-color: rgb(224 242 254 / .5);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1395dow, 0 0 #0000)}.ring-ring{--tw-ring-color: hsl(var(--ring))}.ring-sidebar-ring{--tw-ring-color: hsl(var(--sidebar-ring))}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[left\\,right\\,width\\]{transition-property:left,right,width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[margin\\,opa\\]{transition-property:margin,opa;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[width\\,height\\,padding\\]{transition-property:width,height,padding;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[width\\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}@keyframes kixie-enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes kixie-exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.fade-in-80{--tw-enter-opacity: .8}.zoom-in-95{--tw-enter-scale: .95}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.glass-strong{border-width:1px;border-color:#ffffff80;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
1395--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(40px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background:linear-gradient(135deg,#fffffffa,#ffffffeb)}.marquee{animation:kixie-marquee 40s linear infinite}.marquee:hover{animation-play-state:paused}.marquee-reverse{animation:kixie-marquee-reverse 40s linear infinite}.marquee-reverse:hover{animation-play-state:paused}@keyframes kixie-gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes kixie-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes kixie-pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes kixie-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes kixie-marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes kixie-gradient-wave{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient-wave{animation:kixie-gradient-wave 11s ease-in-out infinite}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:-inset-2:after{content:var(--tw-content);top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.after\\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\\:left-1\\/2:after{content:var(--tw-content);left:50%}.after\\:w-1:after{content:var(--tw-content);width:.25rem}.after\\:w-\\[2px\\]:after{content:var(--tw-content);width:2px}.after\\:-translate-x-1\\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.first\\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\\:border-l:first-child{border-left-width:1px}.last\\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.focus-within\\:relative:focus-within{position:relative}.focus-within\\:z-20:focus-within{z-index:20}.hover\\:scale-\\[1\\.02\\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-cta\\/30:hover{border-color:hsl(var(--cta) / .3)}.hover\\:border-primary\\/30:hover{border-color:hsl(var(--primary) / .3)}.hover\\:border-sky-300:hover{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity, 1))}.hover\\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\\:bg-cta\\/90:hover{background-color:hsl(var(--cta) / .9)}.hover\\:bg-destructive\\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\\:bg-destructive\\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\\:bg-muted\\/50:hover{background-color:hsl(var(--muted) / .5)}.hover\\:bg-primary:hover{background-color:hsl(var(--primary))}.hover\\:bg-primary\\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\\:bg-primary\\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\\:bg-secondary\\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\\:bg-sidebar-accent:hover{background-color:hsl(var(--sidebar-accent))}.hover\\:bg-sky-300:hover{--tw-bg-opacity: 1;background-color:rgb(125 211 252 / var(--tw-bg-opacity, 1))}.hover\\:bg-sky-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.hover\\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\\:bg-white\\/90:hover{background-color:#ffffffe6}.hover\\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\\:text-foreground:hover{color:hsl(var(--foreground))}.hover\\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\\:text-primary\\/90:hover{color:hsl(var(--primary) / .9)}.hover\\:text-sidebar-accent-foreground:hover{color:hsl(var(--sidebar-accent-foreground))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}
1395.hover\\:shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-accent\\)\\)\\]:hover{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\\:shadow-cta\\/10:hover{--tw-shadow-color: hsl(var(--cta) / .1);--tw-shadow: var(--tw-shadow-colored)}.hover\\:after\\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:hsl(var(--sidebar-border))}.focus\\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\\:bg-primary:focus{background-color:hsl(var(--primary))}.focus\\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\\:text-primary-foreground:focus{color:hsl(var(--primary-foreground))}.focus\\:opacity-100:focus{opacity:1}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1395dow, 0 0 #0000)}.focus\\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\\:ring-sidebar-ring:focus-visible{--tw-ring-color: hsl(var(--sidebar-ring))}.focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--background))}.active\\:bg-sidebar-accent:active{background-color:hsl(var(--sidebar-accent))}.active\\:text-sidebar-accent-foreground:active{color:hsl(var(--sidebar-accent-foreground))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.group\\/menu-item:focus-within .group-focus-within\\/menu-item\\:opacity-100{opacity:1}.group:hover .group-hover\\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.group\\/menu-item:hover .group-hover\\/menu-item\\:opacity-100,.group:hover .group-hover\\:opacity-100{opacity:1}.group.destructive .group-\\[\\.destructive\\]\\:border-muted\\/40{border-color:hsl(var(--muted) / .4)}.group.toaster .group-\\[\\.toaster\\]\\:border-border{border-color:hsl(var(--border))}.group.toast .group-\\[\\.toast\\]\\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\\[\\.toast\\]\\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\\[\\.toaster\\]\\:bg-background{background-color:hsl(var(--background))}.group.destructive .group-\\[\\.destructive\\]\\:text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.group.toast .group-\\[\\.toast\\]\\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\\[\\.toast\\]\\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\\[\\.toaster\\]\\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\\[\\.toaster\\]\\:shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
1395--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group.destructive .group-\\[\\.destructive\\]\\:hover\\:border-destructive\\/30:hover{border-color:hsl(var(--destructive) / .3)}.group.destructive .group-\\[\\.destructive\\]\\:hover\\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\\[\\.destructive\\]\\:hover\\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\\[\\.destructive\\]\\:hover\\:text-red-50:hover{--tw-text-opacity: 1;color:rgb(254 242 242 / var(--tw-text-opacity, 1))}.group.destructive .group-\\[\\.destructive\\]\\:focus\\:ring-destructive:focus{--tw-ring-color: hsl(var(--destructive))}.group.destructive .group-\\[\\.destructive\\]\\:focus\\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.group.destructive .group-\\[\\.destructive\\]\\:focus\\:ring-offset-red-600:focus{--tw-ring-offset-color: #dc2626}.peer\\/menu-button:hover~.peer-hover\\/menu-button\\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}.peer:disabled~.peer-disabled\\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\\:opacity-70{opacity:.7}.has-\\[\\[data-variant\\=inset\\]\\]\\:bg-sidebar:has([data-variant=inset]){background-color:hsl(var(--sidebar-background))}.has-\\[\\:disabled\\]\\:opacity-50:has(:disabled){opacity:.5}.group\\/menu-item:has([data-sidebar=menu-action]) .group-has-\\[\\[data-sidebar\\=menu-action\\]\\]\\/menu-item\\:pr-8{padding-right:2rem}.aria-disabled\\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\\:bg-accent[aria-selected=true]{background-color:hsl(var(--accent))}.aria-selected\\:bg-accent\\/50[aria-selected=true]{background-color:hsl(var(--accent) / .5)}.aria-selected\\:text-accent-foreground[aria-selected=true]{color:hsl(var(--accent-foreground))}.aria-selected\\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.aria-selected\\:opacity-100[aria-selected=true]{opacity:1}.aria-selected\\:opacity-30[aria-selected=true]{opacity:.3}.data-\\[disabled\\=true\\]\\:pointer-events-none[data-disabled=true],.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[panel-group-direction\\=vertical\\]\\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\\[panel-group-direction\\=vertical\\]\\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:translate-x-5[data-state=checked]{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked],.data-\\[swipe\\=cancel\\]\\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[swipe\\=end\\]\\:translate-x-\\[var\\(--radix-toast-swipe-end-x\\)\\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[swipe\\=move\\]\\:translate-x-\\[var\\(--radix-toast-swipe-move-x\\)\\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes kixie-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\\[state\\=closed\\]\\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes kixie-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\\[state\\=open\\]\\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}
1395.data-\\[panel-group-direction\\=vertical\\]\\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\\[active\\=true\\]\\:bg-sidebar-accent[data-active=true]{background-color:hsl(var(--sidebar-accent))}.data-\\[active\\]\\:bg-accent\\/50[data-active]{background-color:hsl(var(--accent) / .5)}.data-\\[selected\\=\\'true\\'\\]\\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\\[state\\=active\\]\\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\\[state\\=on\\]\\:bg-accent[data-state=on],.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\\[state\\=open\\]\\:bg-accent\\/50[data-state=open]{background-color:hsl(var(--accent) / .5)}.data-\\[state\\=open\\]\\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\\[state\\=selected\\]\\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\\[active\\=true\\]\\:font-medium[data-active=true]{font-weight:500}.data-\\[active\\=true\\]\\:text-sidebar-accent-foreground[data-active=true]{color:hsl(var(--sidebar-accent-foreground))}.data-\\[selected\\=true\\]\\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\\[state\\=active\\]\\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\\[state\\=checked\\]\\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\\[state\\=on\\]\\:text-accent-foreground[data-state=on],.data-\\[state\\=open\\]\\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\\[state\\=open\\]\\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\\[disabled\\=true\\]\\:opacity-50[data-disabled=true],.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:opacity-100[data-state=open]{opacity:1}.data-\\[state\\=active\\]\\:shadow-sm[data-state=active]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
1395--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\\[swipe\\=move\\]\\:transition-none[data-swipe=move]{transition-property:none}.data-\\[state\\=closed\\]\\:duration-300[data-state=closed]{transition-duration:.3s}.data-\\[state\\=open\\]\\:duration-500[data-state=open]{transition-duration:.5s}.data-\\[motion\\^\\=from-\\]\\:animate-in[data-motion^=from-],.data-\\[state\\=open\\]\\:animate-in[data-state=open],.data-\\[state\\=visible\\]\\:animate-in[data-state=visible]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[motion\\^\\=to-\\]\\:animate-out[data-motion^=to-],.data-\\[state\\=closed\\]\\:animate-out[data-state=closed],.data-\\[state\\=hidden\\]\\:animate-out[data-state=hidden],.data-\\[swipe\\=end\\]\\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[motion\\^\\=from-\\]\\:fade-in[data-motion^=from-]{--tw-enter-opacity: 0}.data-\\[motion\\^\\=to-\\]\\:fade-out[data-motion^=to-],.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=closed\\]\\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8}.data-\\[state\\=hidden\\]\\:fade-out[data-state=hidden]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open],.data-\\[state\\=visible\\]\\:fade-in[data-state=visible]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-90[data-state=open]{--tw-enter-scale: .9}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[motion\\=from-end\\]\\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x: 13rem}.data-\\[motion\\=from-start\\]\\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x: -13rem}.data-\\[motion\\=to-end\\]\\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x: 13rem}.data-\\[motion\\=to-start\\]\\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x: -13rem}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\\[state\\=closed\\]\\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\\[state\\=closed\\]\\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\\[state\\=closed\\]\\:slide-out-to-left-1\\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\\[state\\=closed\\]\\:slide-out-to-right[data-state=closed],.data-\\[state\\=closed\\]\\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100%}.data-\\[state\\=closed\\]\\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\\[state\\=closed\\]\\:slide-out-to-top-\\[48\\%\\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\\[state\\=open\\]\\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\\[state\\=open\\]\\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\\[state\\=open\\]\\:slide-in-from-left-1\\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\\[state\\=open\\]\\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\\[state\\=open\\]\\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\\[state\\=open\\]\\:slide-in-from-top-\\[48\\%\\][data-state=open]{--tw-enter-translate-y: -48%}.data-\\[state\\=open\\]\\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100%}.data-\\[state\\=closed\\]\\:duration-300[data-state=closed]{animation-duration:.3s}.data-\\[state\\=open\\]\\:duration-500[data-state=open]{animation-duration:.5s}.data-\\[panel-group-direction\\=vertical\\]\\:after\\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\\[panel-group-direction\\=vertical\\]\\:after\\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\\[panel-group-direction\\=vertical\\]\\:after\\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\\[panel-group-direction\\=vertical\\]\\:after\\:-translate-y-1\\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[panel-group-direction\\=vertical\\]\\:after\\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=open\\]\\:hover\\:bg-sidebar-accent:hover[data-state=open]{background-color:hsl(var(--sidebar-accent))}.data-\\[state\\=open\\]\\:hover\\:text-sidebar-accent-foreground:hover[data-state=open]{color:hsl(var(--sidebar-accent-foreground))}.group[data-collapsible=offcanvas] .group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\]{left:calc(var(--sidebar-width) * -1)}.group[data-collapsible=offcanvas] .group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\]{right:calc(var(--sidebar-width) * -1)}.group[data-side=left] .group-data-\\[side\\=left\\]\\:-right-4{right:-1rem}.group[data-side=right] .group-data-\\[side\\=right\\]\\:left-0{left:0}.group[data-collapsible=icon] .group-data-\\[collapsible\\=icon\\]\\:-mt-8{margin-top:-2rem}.group[data-collapsible=icon] .group-data-\\[collapsible\\=icon\\]\\:hidden{display:none}.group[data-collapsible=icon] .group-data-\\[collapsible\\=icon\\]\\:\\!size-8{width:2rem!important;height:2rem!important}.group[data-collapsible=icon] .group-data-\\[collapsible\\=icon\\]\\:w-\\[--sidebar-width-icon\\]{width:var(--sidebar-width-icon)}.group[data-collapsible=icon] .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)_\\+_theme\\(spacing\\.4\\)\\)\\]{width:calc(var(--sidebar-width-icon) + 1rem)}.group[data-collapsible=icon] .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)_\\+_theme\\(spacing\\.4\\)_\\+2px\\)\\]{width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group[data-collapsible=offcanvas] .group-data-\\[collapsible\\=offcanvas\\]\\:w-0{width:0px}.group[data-collapsible=offcanvas] .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-side=right] .group-data-\\[side\\=right\\]\\:rotate-180,.group[data-state=open] .group-data-\\[state\\=open\\]\\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-collapsible=icon] .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden{overflow:hidden}.group[data-variant=floating] .group-data-\\[variant\\=floating\\]\\:rounded-lg{border-radius:var(--radius)}.group[data-variant=floating] .group-data-\\[variant\\=floating\\]\\:border{border-width:1px}.group[data-side=left] .group-data-\\[side\\=left\\]\\:border-r{border-right-width:1px}.group[data-side=right] .group-data-\\[side\\=right\\]\\:border-l{border-left-width:1px}.group[data-variant=floating] .group-data-\\[variant\\=floating\\]\\:border-sidebar-border{border-color:hsl(var(--sidebar-border))}.group[data-collapsible=icon] .group-data-\\[collapsible\\=icon\\]\\:\\!p-0{padding:0!important}.group[data-collapsible=icon] .group-data-\\[collapsible\\=icon\\]\\:\\!p-2{padding:.5rem!important}.group[data-collapsible=icon] .group-data-\\[collapsible\\=icon\\]\\:opacity-0{opacity:0}
1395.group[data-variant=floating] .group-data-\\[variant\\=floating\\]\\:shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group[data-collapsible=offcanvas] .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full:after{content:var(--tw-content);left:100%}.group[data-collapsible=offcanvas] .group-data-\\[collapsible\\=offcanvas\\]\\:hover\\:bg-sidebar:hover{background-color:hsl(var(--sidebar-background))}.peer\\/menu-button[data-size=default]~.peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5{top:.375rem}.peer\\/menu-button[data-size=lg]~.peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5{top:.625rem}.peer\\/menu-button[data-size=sm]~.peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1{top:.25rem}.peer[data-variant=inset]~.peer-data-\\[variant\\=inset\\]\\:min-h-\\[calc\\(100svh-theme\\(spacing\\.4\\)\\)\\]{min-height:calc(100svh - 1rem)}.peer\\/menu-button[data-active=true]~.peer-data-\\[active\\=true\\]\\/menu-button\\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}.dark\\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}@media (min-width: 640px){.sm\\:bottom-0{bottom:0}.sm\\:right-0{right:0}.sm\\:top-auto{top:auto}.sm\\:mt-0{margin-top:0}.sm\\:flex{display:flex}.sm\\:max-w-sm{max-width:24rem}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:flex-col{flex-direction:column}.sm\\:justify-end{justify-content:flex-end}.sm\\:gap-2\\.5{gap:.625rem}.sm\\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\\:rounded-lg{border-radius:var(--radius)}.sm\\:text-left{text-align:left}.data-\\[state\\=open\\]\\:sm\\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100%}}@media (min-width: 768px){.md\\:absolute{position:absolute}.md\\:col-span-1{grid-column:span 1 / span 1}.md\\:block{display:block}.md\\:flex{display:flex}.md\\:h-10{height:2.5rem}.md\\:h-20{height:5rem}.md\\:w-\\[var\\(--radix-navigation-menu-viewport-width\\)\\]{width:var(--radix-navigation-menu-viewport-width)}.md\\:w-auto{width:auto}.md\\:max-w-\\[420px\\]{max-width:420px}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:gap-12{gap:3rem}.md\\:p-10{padding:2.5rem}.md\\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\\:text-6xl{font-size:3.75rem;line-height:1}.md\\:text-sm{font-size:.875rem;line-height:1.25rem}.md\\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\\:opacity-0{opacity:0}.after\\:md\\:hidden:after{content:var(--tw-content);display:none}.peer[data-variant=inset]~.md\\:peer-data-\\[variant\\=inset\\]\\:m-2{margin:.5rem}.peer[data-state=collapsed][data-variant=inset]~.md\\:peer-data-\\[state\\=collapsed\\]\\:peer-data-\\[variant\\=inset\\]\\:ml-2{margin-left:.5rem}.peer[data-variant=inset]~.md\\:peer-data-\\[variant\\=inset\\]\\:ml-0{margin-left:0}.peer[data-variant=inset]~.md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl{border-radius:calc(var(--radius) + 4px)}.peer[data-variant=inset]~.md\\:peer-data-\\[variant\\=inset\\]\\:shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
1395--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}@media (min-width: 1024px){.lg\\:order-1{order:1}.lg\\:order-2{order:2}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:text-5xl{font-size:3rem;line-height:1}.lg\\:text-7xl{font-size:4.5rem;line-height:1}}.\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:bg-accent:has([aria-selected]){background-color:hsl(var(--accent))}.first\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-l-md:has([aria-selected]):first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-r-md:has([aria-selected]):last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\\[\\&\\:has\\(\\[aria-selected\\]\\.day-outside\\)\\]\\:bg-accent\\/50:has([aria-selected].day-outside){background-color:hsl(var(--accent) / .5)}.\\[\\&\\:has\\(\\[aria-selected\\]\\.day-range-end\\)\\]\\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=checkbox]){padding-right:0}.\\[\\&\\>button\\]\\:hidden>button{display:none}.\\[\\&\\>span\\:last-child\\]\\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\\[\\&\\>span\\]\\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\\[\\&\\>svg\\+div\\]\\:translate-y-\\[-3px\\]>svg+div{--tw-translate-y: -3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&\\>svg\\]\\:absolute>svg{position:absolute}.\\[\\&\\>svg\\]\\:left-4>svg{left:1rem}.\\[\\&\\>svg\\]\\:top-4>svg{top:1rem}.\\[\\&\\>svg\\]\\:size-3\\.5>svg{width:.875rem;height:.875rem}.\\[\\&\\>svg\\]\\:size-4>svg{width:1rem;height:1rem}.\\[\\&\\>svg\\]\\:h-2\\.5>svg{height:.625rem}.\\[\\&\\>svg\\]\\:h-3>svg{height:.75rem}.\\[\\&\\>svg\\]\\:w-2\\.5>svg{width:.625rem}.\\[\\&\\>svg\\]\\:w-3>svg{width:.75rem}.\\[\\&\\>svg\\]\\:shrink-0>svg{flex-shrink:0}.\\[\\&\\>svg\\]\\:text-destructive>svg{color:hsl(var(--destructive))}.\\[\\&\\>svg\\]\\:text-foreground>svg{color:hsl(var(--foreground))}.\\[\\&\\>svg\\]\\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\\[\\&\\>svg\\]\\:text-sidebar-accent-foreground>svg{color:hsl(var(--sidebar-accent-foreground))}.\\[\\&\\>svg\\~\\*\\]\\:pl-7>svg~*{padding-left:1.75rem}.\\[\\&\\>tr\\]\\:last\\:border-b-0:last-child>tr{border-bottom-width:0px}.\\[\\&\\>tr\\]\\:border-b tr{border-bottom-width:1px}.\\[\\&\\[data-panel-group-direction\\=vertical\\]\\>div\\]\\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:rotate-180[data-state=open]>svg{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_\\.recharts-cartesian-axis-tick_text\\]\\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))}.\\[\\&_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:hsl(var(--border) / .5)}.\\[\\&_\\.recharts-curve\\.recharts-tooltip-cursor\\]\\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))}.\\[\\&_\\.recharts-dot\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:transparent}.\\[\\&_\\.recharts-layer\\]\\:outline-none .recharts-layer{outline:2px solid transparent;outline-offset:2px}.\\[\\&_\\.recharts-polar-grid_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:hsl(var(--border))}.\\[\\&_\\.recharts-radial-bar-background-sector\\]\\:fill-muted .recharts-radial-bar-background-sector,.\\[\\&_\\.recharts-rectangle\\.recharts-tooltip-cursor\\]\\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))}
1395.\\[\\&_\\.recharts-reference-line_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border))}.\\[\\&_\\.recharts-sector\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:transparent}.\\[\\&_\\.recharts-sector\\]\\:outline-none .recharts-sector,.\\[\\&_\\.recharts-surface\\]\\:outline-none .recharts-surface{outline:2px solid transparent;outline-offset:2px}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading]{font-weight:500}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\\[\\&_\\[cmdk-group\\]\\]\\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\\[\\&_\\[cmdk-input\\]\\]\\:h-12 [cmdk-input]{height:3rem}.\\[\\&_\\[cmdk-item\\]\\]\\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-item\\]\\]\\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\\[\\&_\\[cmdk-item\\]_svg\\]\\:h-5 [cmdk-item] svg{height:1.25rem}.\\[\\&_\\[cmdk-item\\]_svg\\]\\:w-5 [cmdk-item] svg{width:1.25rem}.\\[\\&_p\\]\\:leading-relaxed p{line-height:1.625}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&\\>svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child{border-width:0px}.\\[\\&_tr\\]\\:border-b tr{border-bottom-width:1px}[data-side=left][data-collapsible=offcanvas] .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2{right:-.5rem}[data-side=left][data-state=collapsed] .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize{cursor:e-resize}[data-side=left] .\\[\\[data-side\\=left\\]_\\&\\]\\:cursor-w-resize{cursor:w-resize}[data-side=right][data-collapsible=offcanvas] .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2{left:-.5rem}[data-side=right][data-state=collapsed] .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize{cursor:w-resize}[data-side=right] .[[data-side=right]_&]\\:cursor-e-resize{cursor:e-resize}
1396
1397@keyframes kixie-fadeIn {
1398  from { opacity: 0; transform: translateY(20px); }
1399  to { opacity: 1; transform: translateY(0); }
1400}
1401
1402.animate-fade-in {
1403  animation: kixie-fadeIn 0.8s ease-out forwards;
1404}
1405
1406.kixie-call-history-head {
1407  justify-content: space-between;
1408  flex-wrap: wrap;
1409}
1410
1411.kixie-call-history-title {
1412  min-width: 0;
1413}
1414
1415.kixie-call-history-tabs {
1416  min-width: 0;
1417}
1418
1419.kixie-call-history-tabs button {
1420  flex: 0 0 auto;
1421}
1422
1423.kixie-call-history-value {
1424  overflow-wrap: anywhere;
1425  word-break: break-word;
1426}
1427
1428@media (max-width: 640px) {
1429  .kixie-call-history-head {
1430    align-items: flex-start;
1431    gap: 0.65rem;
1432  }
1433
1434  .kixie-call-history-title {
1435    font-size: 1.7rem;
1436    line-height: 1.15;
1437  }
1438
1439  .kixie-call-history-tabs {
1440    width: 100%;
1441  }
1442
1443  .kixie-call-history-tabs button {
1444    font-size: 0.75rem;
1445    padding: 0.35rem 0.6rem;
1446  }
1447
1448  .kixie-call-history-value {
1449    font-size: 1.18rem;
1450    line-height: 1.2;
1451  }
1452}
1453
1454@media (min-width: 641px) {
1455  .kixie-call-history-tabs {
1456    width: auto;
1457  }
1458}
1459
1460.call-card-enter {
1461  animation: kixie-slideIn 0.5s ease-out forwards;
1462}
1463
1464.call-card-exit {
1465  animation: kixie-slideOut 0.5s ease-out forwards;
1466}
1467
1468.revtech-tab-btn {
1469  transform-origin: center;
1470}
1471
1472.revtech-tab-btn.is-active {
1473  animation: kixie-tab-pop 0.38s cubic-bezier(0.16, 1, 0.3, 1);
1474}
1475
1476.revtech-tab-btn .icon-container {
1477  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease;
1478}
1479
1480.revtech-tab-btn.is-active .icon-container {
1481  animation: kixie-tab-icon-pop 0.42s cubic-bezier(0.34, 1.56, 0.64, 1);
1482}
1483
1484.revtech-content {
1485  will-change: opacity, transform;
1486}
1487
1488.revtech-content.revtech-enter {
1489  animation: kixie-tab-content-in 0.42s ease-out both;
1490}
1491
1492.revtech-content.revtech-exit {
1493  animation: kixie-tab-content-out 0.2s ease-in forwards;
1494}
1495
1496.revtech-content.revtech-enter > *:first-child {
1497  animation: kixie-tab-column-in 0.48s ease-out 0.06s both;
1498}
1499
1500.revtech-content.revtech-enter > *:last-child {
1501  animation: kixie-tab-column-in 0.48s ease-out 0.14s both;
1502}
1503
1504.revtech-row-slide {
1505  opacity: 0;
1506  transform: translateX(-22px);
1507}
1508
1509.revtech-content.revtech-enter .revtech-row-slide {
1510  animation: kixie-row-slide-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
1511  animation-delay: var(--delay, 0s);
1512}
1513
1514.revtech-wave {
1515  display: flex;
1516  align-items: flex-end;
1517  gap: 0.2rem;
1518  height: 1.25rem;
1519}
1520
1521.revtech-wave-bar {
1522  width: 0.25rem;
1523  border-radius: 9999px;
1524  transform-origin: center bottom;
1525  background: linear-gradient(to top, hsl(var(--cta)), hsl(var(--primary)));
1526  animation: kixie-wave-bars 1s ease-in-out infinite;
1527  animation-delay: var(--delay, 0s);
1528}
1529
1530.revtech-success-pulse {
1531  animation: kixie-success-pulse 1.5s ease-in-out infinite;
1532}
1533
1534.revtech-inside-progress-wrap {
1535  display: flex;
1536  align-items: center;
1537  gap: 0.75rem;
1538  margin-top: 0.75rem;
1539}
1540
1541.revtech-inside-progress-track {
1542  position: relative;
1543  flex: 1;
1544  height: 0.35rem;
1545  border-radius: 9999px;
1546  background: hsl(var(--border));
1547  overflow: hidden;
1548}
1549
1550.revtech-inside-progress-bar {
1551  height: 100%;
1552  width: 64%;
1553  border-radius: inherit;
1554  background: linear-gradient(90deg, hsl(var(--cta)), hsl(var(--primary)));
1555  animation: kixie-inside-progress 0.95s cubic-bezier(0.22, 1, 0.36, 1) forwards;
1556  transform-origin: left center;
1557}
1558
1559.revtech-inside-phone {
1560  position: relative;
1561}
1562
1563.revtech-inside-phone::after {
1564  content: "";
1565  position: absolute;
1566  inset: -4px;
1567  border-radius: 9999px;
1568  border: 2px solid hsl(var(--success) / 0.35);
1569  animation: kixie-phone-ring 1.8s ease-out infinite;
1570}
1571
1572.revops-bars {
1573  display: flex;
1574  align-items: flex-end;
1575  gap: 0.35rem;
1576  height: 3.5rem;
1577}
1578
1579.revops-bar {
1580  flex: 1;
1581  min-width: 0;
1582  height: var(--bar-height, 2rem);
1583  border-radius: 0.35rem 0.35rem 0 0;
1584  background: linear-gradient(to top, hsl(var(--cta)), hsl(var(--primary)));
1585  transform-origin: center bottom;
1586  transform: scaleY(0);
1587  opacity: 0.55;
1588  animation: kixie-revops-bar 0.55s ease-out forwards;
1589  animation-delay: var(--delay, 0s);
1590}
1591
1592@keyframes kixie-slideIn {
1593  from { opacity: 0; transform: translateY(20px); }
1594  to { opacity: 1; transform: translateY(0); }
1595}
1596
1597@keyframes kixie-slideOut {
1598  from { opacity: 1; transform: translateY(0); }
1599  to { opacity: 0; transform: translateY(-20px); }
1600}
1601
1602@keyframes kixie-tab-pop {
1603  0% { transform: scale(0.97); }
1604  55% { transform: scale(1.03); }
1605  100% { transform: scale(1); }
1606}
1607
1608@keyframes kixie-tab-icon-pop {
1609  0% { transform: scale(0.9) rotate(-6deg); }
1610  60% { transform: scale(1.08) rotate(3deg); }
1611  100% { transform: scale(1) rotate(0deg); }
1612}
1613
1614@keyframes kixie-tab-content-in {
1615  from { opacity: 0; transform: translateY(18px); }
1616  to { opacity: 1; transform: translateY(0); }
1617}
1618
1619@keyframes kixie-tab-content-out {
1620  from { opacity: 1; transform: translateY(0); }
1621  to { opacity: 0; transform: translateY(-12px); }
1622}
1623
1624@keyframes kixie-tab-column-in {
1625  from { opacity: 0; transform: translateY(14px); }
1626  to { opacity: 1; transform: translateY(0); }
1627}
1628
1629@keyframes kixie-row-slide-in {
1630  from { opacity: 0; transform: translateX(-22px); }
1631  to { opacity: 1; transform: translateX(0); }
1632}
1633
1634@keyframes kixie-wave-bars {
1635  0%, 100% { transform: scaleY(0.45); opacity: 0.55; }
1636  50% { transform: scaleY(1); opacity: 1; }
1637}
1638
1639@keyframes kixie-success-pulse {
1640  0%, 100% { transform: scale(0.92); opacity: 0.7; }
1641  50% { transform: scale(1.08); opacity: 1; }
1642}
1643
1644@keyframes kixie-inside-progress {
1645  from { width: 0%; }
1646  to { width: 64%; }
1647}
1648
1649@keyframes kixie-phone-ring {
1650  0% { transform: scale(0.8); opacity: 0.75; }
1651  100% { transform: scale(1.25); opacity: 0; }
1652}
1653
1654@keyframes kixie-revops-bar {
1655  from { transform: scaleY(0); opacity: 0.55; }
1656  to { transform: scaleY(1); opacity: 1; }
1657}
1658
1659@media (prefers-reduced-motion: reduce) {
1660  .revtech-tab-btn.is-active,
1661  .revtech-tab-btn.is-active .icon-container,
1662  .revtech-content.revtech-enter,
1663  .revtech-content.revtech-exit,
1664  .revtech-content.revtech-enter > *:first-child,
1665  .revtech-content.revtech-enter > *:last-child,
1666  .revtech-content.revtech-enter .revtech-row-slide,
1667  .revtech-wave-bar,
1668  .revtech-success-pulse,
1669  .revtech-inside-progress-bar,
1670  .revtech-inside-phone::after,
1671  .revops-bar {
1672    animation: none !important;
1673  }
1674
1675  .revtech-inside-progress-bar {
1676    width: 64% !important;
1677  }
1678
1679  .revops-bar {
1680    transform: scaleY(1) !important;
1681    opacity: 1 !important;
1682  }
1683
1684  .revtech-row-slide {
1685    opacity: 1 !important;
1686    transform: none !important;
1687  }
1688}
1689
1690
1691:host { display: block; width: 100%; font-family: 'DM Sans', sans-serif; }
1692  `;
1693  shadow.appendChild(style);
1694
1695  const container = document.createElement('div');
1696  container.className = 'kixie-embed-container bg-background text-foreground';
1697  container.innerHTML = `
1698    <!-- Header/nav is rendered by the WordPress child theme header.php -->
1699
1700        <section class="relative pt-36 pb-24 bg-white overflow-hidden" fetchpriority="high">
1701            <div class="container mx-auto px-4">
1702                <!-- Hero Content - Centered -->
1703                <div class="text-center max-w-4xl mx-auto mb-16 animate-fade-in">
1704                    <h1
1705                        class="font-display text-5xl md:text-6xl lg:text-7xl font-bold leading-[1.1] mb-6 text-foreground tracking-tight">
1706                        Turn buyer intent into sales conversations
1707                    </h1>
1708
1709                    <p class="text-lg md:text-xl text-muted-foreground max-w-3xl mx-auto mb-10 leading-relaxed">
1710                        Kixie coordinates calls, texts, and routing when a buyer signal appears, helping your team
1711                        respond quickly and keep activity moving.
1712                    </p>
1713
1714                    <!-- CTA Buttons -->
1715                    <div class="flex flex-col sm:flex-row items-center justify-center gap-6">
1716                        <a href="/sign-up/"
1717                            class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background disabled:pointer-events-none disabled:opacity-50 h-16 bg-cta hover:bg-cta/90 text-cta-foreground font-bold rounded-full px-8 group text-lg transition-all shadow-lg hover:shadow-xl hover:-translate-y-1">
1718                            Get Started
1719                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
1720                                fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"
1721                                stroke-linejoin="round" class="ml-2 group-hover:translate-x-1 transition-transform">
1722                                <path d="M5 12h14" />
1723                                <path d="m12 5 7 7-7 7" />
1724                            </svg>
1725                        </a>
1726                        <a href="/demo/"
1727                            class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background disabled:pointer-events-none disabled:opacity-50 border-2 border-input bg-background hover:bg-accent hover:text-accent-foreground h-16 rounded-full px-8 font-bold text-lg transition-all shadow-md hover:shadow-lg hover:-translate-y-1">
1728                            Schedule Demo
1729                        </a>
1730                    </div>
1731                </div>
1732
1733                <!-- Dashboard Card -->
1734                <div class="max-w-5xl mx-auto animate-fade-in">
1735                    <div class="w-full bg-card rounded-2xl shadow-xl p-4 sm:p-6 border border-border animate-fade-in overflow-hidden">
1736                        <!-- Card Header -->
1737                        <div class="kixie-call-history-head flex items-start gap-3 mb-6">
1738                            <h3 class="kixie-call-history-title text-xl font-semibold text-foreground leading-tight">Illustrative Call History Overview</h3>
1739                            <div class="kixie-call-history-tabs flex flex-wrap gap-2 w-full">
1740                                <button
1741                                    class="px-3 py-1.5 text-xs font-medium rounded-full transition-colors bg-muted text-foreground whitespace-nowrap">Today</button>
1742                                <button
1743                                    class="px-3 py-1.5 text-xs font-medium rounded-full transition-colors text-muted-foreground hover:text-foreground whitespace-nowrap">This
1744                                    Week</button>
1745                                <button
1746                                    class="px-3 py-1.5 text-xs font-medium rounded-full transition-colors text-muted-foreground hover:text-foreground whitespace-nowrap">This
1747                                    Month</button>
1748                            </div>
1749                        </div>
1750
1751                        <!-- Stats Grid -->
1752                        <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
1753                            <div class="bg-cta/5 rounded-xl p-4 animate-fade-in overflow-hidden" style="animation-delay: 0.1s;">
1754                                <p class="text-sm text-foreground mb-1">Total Calls</p>
1755                                <p class="kixie-call-history-value text-xl md:text-2xl font-bold text-foreground leading-tight break-words">18,451,647</p>
1756                                <p class="text-sm text-success">↑ 12.5% vs last month</p>
1757                            </div>
1758                            <div class="bg-cta/5 rounded-xl p-4 animate-fade-in overflow-hidden" style="animation-delay: 0.2s;">
1759                                <p class="text-sm text-foreground mb-1">Outbound</p>
1760                                <p class="kixie-call-history-value text-xl md:text-2xl font-bold text-foreground leading-tight break-words">9,485,061</p>
1761                                <p class="text-sm text-success">↑ 8.3% vs last month</p>
1762                            </div>
1763                            <div class="bg-cta/5 rounded-xl p-4 animate-fade-in overflow-hidden" style="animation-delay: 0.3s;">
1764                                <p class="text-sm text-foreground mb-1">Inbound</p>
1765                                <p class="kixie-call-history-value text-xl md:text-2xl font-bold text-foreground leading-tight break-words">8,966,586</p>
1766                                <p class="text-sm text-success">↑ 5.2% vs last month</p>
1767                            </div>
1768                            <div class="bg-cta/5 rounded-xl p-4 animate-fade-in overflow-hidden" style="animation-delay: 0.4s;">
1769                                <p class="text-sm text-foreground mb-1">Avg Duration</p>
1770                                <p class="kixie-call-history-value text-xl md:text-2xl font-bold text-foreground leading-tight break-words">4:48</p>
1771                                <p class="text-sm text-destructive">↓ 0.8% vs last month</p>
1772                            </div>
1773                        </div>
1774
1775                        <!-- Call History List -->
1776                        <div id="call-history-list" class="space-y-0 overflow-hidden relative">
1777                            <!-- Items will be injected by JS -->
1778                        </div>
1779                    </div>
1780                </div>
1781            </div>
1782        </section>
1783
1784        <!-- Trusted By Section -->
1785        <section class="py-16 bg-white">
1786            <div class="container mx-auto px-4">
1787                <p class="text-center text-sm text-muted-foreground uppercase tracking-wider mb-8">
1788                    Trusted by revenue teams worldwide
1789                </p>
1790
1791                <!-- Infinite scrolling logos -->
1792                <div class="relative overflow-hidden">
1793                    <div
1794                        class="absolute left-0 top-0 bottom-0 w-24 bg-gradient-to-r from-background to-transparent z-10">
1795                    </div>
1796                    <div
1797                        class="absolute right-0 top-0 bottom-0 w-24 bg-gradient-to-l from-background to-transparent z-10">
1798                    </div>
1799
1800                    <div class="flex marquee items-center">
1801                        <!-- Logo Set 1 -->
1802                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1803                                src="assets/lexington-capital.webp" alt="Lexington Capital logo"
1804                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1805                        </div>
1806                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1807                                src="assets/jordan-belfort.png" alt="Jordan Belfort logo"
1808                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1809                        </div>
1810                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1811                                src="assets/pagehub.png" alt="Pagehub logo"
1812                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1813                        </div>
1814                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1815                                src="assets/pipedrive.svg" alt="Pipedrive logo"
1816                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1817                        </div>
1818                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1819                                src="assets/ruoff.png" alt="Ruoff Mortgage logo"
1820                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1821                        </div>
1822                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1823                                src="assets/amerisave.png" alt="AmeriSave logo"
1824                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1825                        </div>
1826                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1827                                src="assets/asmodee.png" alt="Asmodee logo"
1828                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1829                        </div>
1830                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1831                                src="assets/canopy.png" alt="Canopy logo"
1832                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1833                        </div>
1834                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1835                                src="assets/cleantech.png" alt="Clean.Tech logo"
1836                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1837                        </div>
1838                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1839                                src="assets/grant-cardone.svg" alt="Grant Cardone logo"
1840                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1841                        </div>
1842                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1843                                src="assets/gosite.png" alt="Gosite logo"
1844                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1845                        </div>
1846
1847                        <!-- Logo Set 2 (Duplicate for continuous scroll) -->
1848                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1849                                src="assets/lexington-capital.webp" alt="Lexington Capital logo"
1850                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1851                        </div>
1852                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1853                                src="assets/jordan-belfort.png" alt="Jordan Belfort logo"
1854                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1855                        </div>
1856                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1857                                src="assets/pagehub.png" alt="Pagehub logo"
1858                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1859                        </div>
1860                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1861                                src="assets/pipedrive.svg" alt="Pipedrive logo"
1862                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1863                        </div>
1864                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1865                                src="assets/ruoff.png" alt="Ruoff Mortgage logo"
1866                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1867                        </div>
1868                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1869                                src="assets/amerisave.png" alt="AmeriSave logo"
1870                                class="h-8 md:h-10 w-auto object-contain opacit
1870y-80 hover:opacity-100 transition-all duration-300">
1871                        </div>
1872                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1873                                src="assets/asmodee.png" alt="Asmodee logo"
1874                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1875                        </div>
1876                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1877                                src="assets/canopy.png" alt="Canopy logo"
1878                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1879                        </div>
1880                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1881                                src="assets/cleantech.png" alt="Clean.Tech logo"
1882                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1883                        </div>
1884                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1885                                src="assets/grant-cardone.svg" alt="Grant Cardone logo"
1886                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1887                        </div>
1888                        <div class="flex-shrink-0 mx-10 flex items-center justify-center"><img
1889                                src="assets/gosite.png" alt="Gosite logo"
1890                                class="h-8 md:h-10 w-auto object-contain opacity-80 hover:opacity-100 transition-all duration-300">
1891                        </div>
1892                    </div>
1893                </div>
1894            </div>
1895        </section>
1896        <!-- RevTech Section -->
1897        <section class="py-24 relative overflow-hidden bg-white">
1898            <div class="container mx-auto px-4 relative z-10">
1899                <div class="text-center max-w-3xl mx-auto mb-16 animate-fade-in" style="animation-delay: 0.1s;">
1900                    <h2 class="font-display text-3xl md:text-4xl lg:text-5xl font-bold mb-4 text-foreground">
1901                        Your RevTech stack, unified
1902                    </h2>
1903                    <p class="text-lg text-muted-foreground">
1904                        The one-stop solution for revenue collaboration and management.
1905                    </p>
1906                </div>
1907
1908                <!-- Pill tabs navigation -->
1909                <div class="flex flex-wrap justify-center gap-3 mb-12 animate-fade-in" style="animation-delay: 0.2s;">
1910                    <!-- Marketing Tab (Active) -->
1911                    <button
1912                        class="revtech-tab-btn px-5 py-2.5 rounded-full text-sm font-medium transition-all duration-300 flex items-center gap-2 bg-cta/5 text-foreground shadow-lg border border-cta/20"
1913                        data-target="marketing">
1914                        <div class="icon-container w-6 h-6 rounded-md bg-cta/10 flex items-center justify-center">
1915                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"
1916                                fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1917                                stroke-linejoin="round" class="text-cta/70">
1918                                <path d="m3 11 18-5v12L3 14v-3z" />
1919                                <path d="M11.6 16.8a3 3 0 1 1-5.8-1.6" />
1920                            </svg>
1921                        </div>
1922                        Marketing
1923                    </button>
1924                    <!-- Business Dev Tab -->
1925                    <button
1926                        class="revtech-tab-btn px-5 py-2.5 rounded-full text-sm font-medium transition-all duration-300 flex items-center gap-2 bg-white border border-border text-muted-foreground hover:text-foreground hover:border-cta/30"
1927                        data-target="business-dev">
1928                        <div class="icon-container w-6 h-6 rounded-md bg-white flex items-center justify-center">
1929                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"
1930                                fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1931                                stroke-linejoin="round" class="text-cta/70">
1932                                <circle cx="12" cy="12" r="10" />
1933                                <circle cx="12" cy="12" r="6" />
1934                                <circle cx="12" cy="12" r="2" />
1935                            </svg>
1936                        </div>
1937                        Business Development
1938                    </button>
1939                    <!-- Inside Sales Tab -->
1940                    <button
1941                        class="revtech-tab-btn px-5 py-2.5 rounded-full text-sm font-medium transition-all duration-300 flex items-center gap-2 bg-white border border-border text-muted-foreground hover:text-foreground hover:border-cta/30"
1942                        data-target="sales">
1943                        <div class="icon-container w-6 h-6 rounded-md bg-white flex items-center justify-center">
1944                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"
1945                                fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1946                                stroke-linejoin="round" class="text-cta/70">
1947                                <polyline points="23 6 13.5 15.5 8.5 10.5 1 18" />
1948                                <polyline points="17 6 23 6 23 12" />
1949                            </svg>
1950                        </div>
1951                        Inside Sales
1952                    </button>
1953                    <!-- RevOps Tab -->
1954                    <button
1955                        class="revtech-tab-btn px-5 py-2.5 rounded-full text-sm font-medium transition-all duration-300 flex items-center gap-2 bg-white border border-border text-muted-foreground hover:text-foreground hover:border-cta/30"
1956                        data-target="revops">
1957                        <div class="icon-container w-6 h-6 rounded-md bg-white flex items-center justify-center">
1958                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"
1959                                fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1960                                stroke-linejoin="round" class="text-cta/70">
1961                                <path
1962                                    d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.38a2 2 0 0 0-.73-2.73l-.15-.1a2 2 0 0 1-1-1.72v-.51a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" />
1963                                <circle cx="12" cy="12" r="3" />
1964                            </svg>
1965                        </div>
1966                        Revenue Operations
1967                    </button>
1968                </div>
1969
1970                <!-- Content Area -->
1971                <div class="max-w-5xl mx-auto">
1972
1973                    <!-- Marketing Content -->
1974                    <div id="marketing" class="revtech-content grid lg:grid-cols-2 gap-12 items-center">
1975                        <!-- Graphic -->
1976                        <div class="relative order-2 lg:order-1 flex justify-center">
1977                            <div
1978                                class="w-full max-w-sm bg-gradient-to-br from-white to-muted/30 rounded-2xl p-6 border border-border shadow-lg">
1979                                <p class="text-foreground text-xs uppercase tracking-wider mb-4">Campaign Performance
1980                                </p>
1981                                <div class="space-y-3">
1982                                    <div class="flex items-center justify-between bg-cta/5 rounded-lg p-3 revtech-row-slide"
1983                                        style="--delay: 0.04s;">
1984                                        <span class="text-foreground/70 text-sm">Time to First Response</span>
1985                                        <span class="text-lg font-bold text-cta">10.2s</span>
1986                                    </div>
1987                                    <div class="flex items-center justify-between bg-cta/5 rounded-lg p-3 revtech-row-slide"
1988                                        style="--delay: 0.12s;">
1989                                        <span class="text-foreground/70 text-sm">SMS Response</span>
1990                                        <span class="text-lg font-bold text-cta">68%</span>
1991                                    </div>
1992                                    <div class="flex items-center justify-between bg-cta/5 rounded-lg p-3 revtech-row-slide"
1993                                        style="--delay: 0.2s;">
1994                                        <span class="text-foreground/70 text-sm">Call Connect</span>
1995                                        <span class="text-lg font-bold text-cta">4.2x</span>
1996                                    </div>
1997                                </div>
1998                                <div class="mt-4 flex items-center gap-4">
1999                                    <div class="flex -space-x-2" aria-hidden="true">
2000                                        <span class="w-8 h-8 rounded-full border-2 border-white"
2001                                            style="background: linear-gradient(135deg, hsl(var(--cta)), hsl(var(--primary)));"></span>
2002                                        <span class="w-8 h-8 rounded-full border-2 border-white"
2003                                            style="background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--accent)));"></span>
2004                                        <span class="w-8 h-8 rounded-full border-2 border-white"
2005                                            style="background: linear-gradient(135deg, hsl(var(--cta)), hsl(var(--accent)));"></span>
2006                                    </div>
2007                                    <span class="text-sm text-foreground/70">+2.4k contacts reached today</span>
2008                                </div>
2009                            </div>
2010                        </div>
2011                        <!-- Text -->
2012                        <div class="order-1 lg:order-2">
2013                            <div class="flex items-center gap-3 mb-4">
2014                                <div class="w-10 h-10 rounded-xl bg-cta/10 flex items-center justify-center">
2015                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
2016                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2017                                        stroke-linejoin="round" class="text-cta/70">
2018                                        <path d="m3 11 18-5v12L3 14v-3z" />
2019                                        <path d="M11.6 16.8a3 3 0 1 1-5.8-1.6" />
2020                                    </svg>
2021                                </div>
2022                                <h3 class="font-display text-2xl md:text-3xl font-bold text-foreground">Marketing</h3>
2023                            </div>
2024                            <p class="text-lg text-muted-foreground mb-6 leading-relaxed">
2025                                Automate powerful calling and texting campaigns. Personalize at scale and optimize for
2026                                channel and timing.
2027                            </p>
2028                        </div>
2029                    </div>
2030
2031                    <!-- Business Dev Content -->
2032                    <div id="business-dev" class="revtech-content hidden grid lg:grid-cols-2 gap-12 items-center">
2033                        <!-- Graphic -->
2034                        <div class="relative order-2 lg:order-1 flex justify-center">
2035                            <div
2036                                class="w-full max-w-sm bg-gradient-to-br from-white to-muted/30 rounded-2xl p-6 border border-border shadow-lg">
2037                                <p class="text-foreground text-xs uppercase tracking-wider mb-4">Live Prospecting</p>
2038                                <div class="flex items-center justify-center gap-6 mb-6">
2039                                    <div class="relative text-center">
2040                                        <div
2041                                            class="w-20 h-20 rounded-full bg-gradient-to-br from-cta to-primary p-0.5 mx-auto">
2042                                            <div
2043                                                class="w-full h-full rounded-full bg-white flex items-center justify-center">
2044                                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"
2045                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
2046                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
2047                                                    class="text-cta">
2048                                                    <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
2049                                                    <circle cx="9" cy="7" r="4" />
2050                                                    <path d="M22 21v-2a4 4 0 0 0-3-3.87" />
2051                                                    <path d="M16 3.13a4 4 0 0 1 0 7.75" />
2052                                                </svg>
2053                                            </div>
2054                                        </div>
2055                                        <span class="text-xs text-muted-foreground mt-2 block">SDR</span>
2056                                    </div>
2057                                    <div class="revtech-wave" aria-hidden="true">
2058                                        <span class="revtech-wave-bar" style="height: .5rem; --delay: 0s;"></span>
2059                                        <span class="revtech-wave-bar" style="height: .8rem; --delay: .08s;"></span>
2060                                        <span class="revtech-wave-bar" style="height: .6rem; --delay: .16s;"></span>
2061                                        <span class="revtech-wave-bar" style="height: .95rem; --delay: .24s;"></span>
2062                                        <span class="revtech-wave-bar" style="height: .7rem; --delay: .32s;"></span>
2063                                        <span class="revtech-wave-bar" style="height: 1.05rem; --delay: .4s;"></span>
2064                                        <span class="revtech-wave-bar" style="height: .75rem; --delay: .48s;"></span>
2065                                        <span class="revtech-wave-bar" style="height: .9rem; --delay: .56s;"></span>
2066                                    </div>
2067                                    <div class="relative text-center">
2068                                        <div
2069                                            class="w-20 h-20 rounded-full bg-gradient-to-br from-cta to-primary p-0.5 mx-auto">
2070                                            <div
2071                                                class="w-full h-full rounded-full bg-white flex items-center justify-center">
2072                                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"
2073                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
2074                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
2075                                                    class="text-cta">
2076                                                    <circle cx="12" cy="12" r="10" />
2077                                                    <circle cx="12" cy="12" r="6" />
2078                                                    <circle cx="12" cy="12" r="2" />
2079                                                </svg>
2080                                            </div>
2081                                        </div>
2082                                        <span class="text-xs text-muted-foreground mt-2 block">Prospect</span>
2083                                    </div>
2084                                </div>
2085                                <div class="mt-8 bg-cta/5 rounded-lg p-3 flex items-center justify-between">
2086                                    <div class="flex items-center gap-2">
2087                                        <span class="w-2.5 h-2.5 rounded-full bg-success revtech-success-pulse"></span>
2088                                        <span class="text-foreground/70 text-sm">Connection Rate</span>
2089                                    </div>
2090                                    <span class="text-3xl leading-none font-bold text-success">+4x</span>
2091                                </div>
2092                            </div>
2093                        </div>
2094                        <!-- Text -->
2095                        <div class="order-1 lg:order-2">
2096                            <div class="flex items-center gap-3 mb-4">
2097                                <div class="w-10 h-10 rounded-xl bg-cta/10 flex items-center justify-center">
2098                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
2099                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2100                                        stroke-linejoin="round" class="text-cta/70">
2101                                        <circle cx="12" cy="12" r="10" />
2102                                        <circle cx="12" cy="12" r="6" />
2103                                        <circle cx="12" cy="12" r="2" />
2104                                    </svg>
2105                                </div>
2106                                <h3 class="font-display text-2xl md:text-3xl font-bold text-foreground">Business
2107                                    Development</h3>
2108                            </div>
2109                            <p class="text-lg text-muted-foreground mb-6 leading-relaxed">
2110                                Connect with leads faster. Supercharge your outreach with 4x higher connection rates,
2111                                driven by AI.
2112                            </p>
2113                        </div>
2114                    </div>
2115
2116                    <!-- Inside Sales Content -->
2117                    <div id="sales" class="revtech-content hidden grid lg:grid-cols-2 gap-12 items-center">
2118                        <!-- Graphic -->
2119                        <div class="relative order-2 lg:order-1 flex justify-center">
2120                            <div
2121                                class="w-full max-w-sm bg-gradient-to-br from-white to-muted/30 rounded-2xl p-6 border border-border shadow-lg">
2122                                <p class="text-foreground text-xs uppercase tracking-wider mb-4">Active Call</p>
2123                                <div class="bg-cta/5 rounded-xl p-4 mb-4">
2124                                    <div class="flex items-center justify-between gap-3">
2125                                        <div class="flex items-center gap-3 min-w-0">
2126                                            <div class="w-10 h-10 rounded-full bg-gradient-to-br from-cta to-primary shrink-0"></div>
2127                                            <div class="min-w-0">
2128                                                <p class="text-foreground font-semibold text-sm">Sarah Johnson</p>
2129                                                <p class="text-muted-foreground text-xs">Enterprise Lead • Acme Corp</p>
2130                                            </div>
2131                                        </div>
2132                                        <div class="revtech-inside-phone w-10 h-10 rounded-full bg-success/20 text-success flex items-center justify-center shrink-0" aria-hidden="true">
2133                                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
2134                                                fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2135                                                stroke-linejoin="round">
2136                                                <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07A19.5 19.5 0 0 1 5.15 12.8 19.8 19.8 0 0 1 2.08 4.18 2 2 0 0 1 4.06 2h3a2 2 0 0 1 2 1.72c.12.98.37 1.94.73 2.86a2 2 0 0 1-.45 2.11L8.1 9.9a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.11-.45 12.8 12.8 0 0 0 2.86.73A2 2 0 0 1 22 16.92z"/>
2137                                            </svg>
2138                                        </div>
2139                                    </div>
2140                                    <div class="revtech-inside-progress-wrap">
2141                                        <div class="revtech-inside-progress-track" aria-hidden="true">
2142                                            <div class="revtech-inside-progress-bar"></div>
2143                                        </div>
2144                                        <span class="text-foreground/70 font-medium tabular-nums">4:32</span>
2145                                    </div>
2146                                </div>
2147                                <div class="grid grid-cols-3 gap-3">
2148                                    <div class="rounded-xl bg-cta/10 border border-cta/20 text-cta flex flex-col items-center justify-center py-3 gap-1">
2149                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
2150                                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2151                                            stroke-linejoin="round">
2152                                            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
2153                                        </svg>
2154                                        <span class="text-sm font-medium">Notes</span>
2155                                    </div>
2156                                    <div class="rounded-xl bg-muted/50 text-muted-foreground flex flex-col items-center justify-center py-3 gap-1">
2157                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
2158                                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2159                                            stroke-linejoin="round">
2160                                            <line x1="12" x2="12" y1="20" y2="10" />
2161                                            <line x1="18" x2="18" y1="20" y2="4" />
2162                                            <line x1="6" x2="6" y1="20" y2="16" />
2163                                        </svg>
2164                                        <span class="text-sm font-medium">Insights</span>
2165                                    </div>
2166                                    <div class="rounded-xl bg-muted/50 text-muted-foreground flex flex-col items-center justify-center py-3 gap-1">
2167                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
2168                                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2169                                            stroke-linejoin="round">
2170                                            <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
2171                                            <circle cx="9" cy="7" r="4" />
2172                                            <path d="M22 21v-2a4 4 0 0 0-3-3.87" />
2173                                            <path d="M16 3.13a4 4 0 0 1 0 7.75" />
2174                                        </svg>
2175                                        <span class="text-sm font-medium">History</span>
2176                                    </div>
2177                                </div>
2178                            </div>
2179                        </div>
2180                        <!-- Text -->
2181                        <div class="order-1 lg:order-2">
2182                            <div class="flex items-center gap-3 mb-4">
2183                                <div class="w-10 h-10 rounded-xl bg-cta/10 flex items-center justify-center">
2184                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
2185                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2186                                        stroke-linejoin="round" class="text-cta/70">
2187                                        <polyline points="23 6 13.5 15.5 8.5 10.5 1 18" />
2188                                        <polyline points="17 6 23 6 23 12" />
2189                                    </svg>
2190                                </div>
2191                                <h3 class="font-display text-2xl md:text-3xl font-bold text-foreground">Inside Sales
2192                                </h3>
2193                            </div>
2194                            <p class="text-lg text-muted-foreground mb-6 leading-relaxed">
2195                                Turn conversations into conversions. Streamline your workflow and unlock the full
2196                                potential of every interaction.
2197                            </p>
2198                        </div>
2199                    </div>
2200
2201                    <!-- RevOps Content -->
2202                    <div id="revops" class="revtech-content hidden grid lg:grid-cols-2 gap-12 items-center">
2203                        <!-- Graphic -->
2204                        <div class="relative order-2 lg:order-1 flex justify-center">
2205                            <div
2206                                class="w-full max-w-sm bg-gradient-to-br from-white to-muted/30 rounded-2xl p-6 border border-border shadow-lg">
2207                                <p class="text-foreground text-xs uppercase tracking-wider mb-4">Pipeline Analytics</p>
2208                                <div class="grid grid-cols-2 gap-3 mb-4">
2209                                    <div class="bg-cta/5 rounded-lg p-3">
2210                                        <div class="flex items-end justify-between gap-2">
2211                                            <div>
2212                                                <p class="text-cta text-xs mb-1">Calls Today</p>
2213                                                <span class="text-foreground text-2xl leading-none font-bold">847</span>
2214                                            </div>
2215                                            <span class="text-success text-sm font-semibold">+12%</span>
2216                                        </div>
2217                                    </div>
2218                                    <div class="bg-cta/5 rounded-lg p-3">
2219                                        <div class="flex items-end justify-between gap-2">
2220                                            <div>
2221                                                <p class="text-cta text-xs mb-1">Avg Duration</p>
2222                                                <span class="text-foreground text-2xl leading-none font-bold">3:42</span>
2223                                            </div>
2224                                            <span class="text-success text-sm font-semibold">+8%</span>
2225                                        </div>
2226                                    </div>
2227                                    <div class="bg-cta/5 rounded-lg p-3">
2228                                        <div class="flex items-end justify-between gap-2">
2229                                            <div>
2230                                                <p class="text-cta text-xs mb-1">Conversions</p>
2231                                                <span class="text-foreground text-2xl leading-none font-bold">23%</span>
2232                                            </div>
2233                                            <span class="text-success text-sm font-semibold">+5%</span>
2234                                        </div>
2235                                    </div>
2236                                    <div class="bg-cta/5 rounded-lg p-3">
2237                                        <div class="flex items-end justify-between gap-2">
2238                                            <div>
2239                                                <p class="text-cta text-xs mb-1">Revenue</p>
2240                                                <span class="text-foreground text-2xl leading-none font-bold">$142k</span>
2241                                            </div>
2242                                            <span class="text-success text-sm font-semibold">+18%</span>
2243                                        </div>
2244                                    </div>
2245                                </div>
2246                                <div class="bg-cta/5 rounded-lg p-3">
2247                                    <div class="revops-bars mb-2" aria-hidden="true">
2248                                        <span class="revops-bar" style="--bar-height: 1.4rem; --delay: 0s;"></span>
2249                                        <span class="revops-bar" style="--bar-height: 2.2rem; --delay: .08s;"></span>
2250                                        <span class="revops-bar" style="--bar-height: 1.6rem; --delay: .16s;"></span>
2251                                        <span class="revops-bar" style="--bar-height: 2.7rem; --delay: .24s;"></span>
2252                                        <span class="revops-bar" style="--bar-height: 1.9rem; --delay: .32s;"></span>
2253                                        <span class="revops-bar" style="--bar-height: 3rem; --delay: .4s;"></span>
2254                                        <span class="revops-bar" style="--bar-height: 2.4rem; --delay: .48s;"></span>
2255                                        <span class="revops-bar" style="--bar-height: 2.8rem; --delay: .56s;"></span>
2256                                        <span class="revops-bar" style="--bar-height: 3.2rem; --delay: .64s;"></span>
2257                                        <span class="revops-bar" style="--bar-height: 2.5rem; --delay: .72s;"></span>
2258                                        <span class="revops-bar" style="--bar-height: 2.9rem; --delay: .8s;"></span>
2259                                        <span class="revops-bar" style="--bar-height: 3.1rem; --delay: .88s;"></span>
2260                                    </div>
2261                                    <p class="text-center text-foreground
2261/70 text-sm">Last 12 hours</p>
2262                                </div>
2263                            </div>
2264                        </div>
2265                        <!-- Text -->
2266                        <div class="order-1 lg:order-2">
2267                            <div class="flex items-center gap-3 mb-4">
2268                                <div class="w-10 h-10 rounded-xl bg-cta/10 flex items-center justify-center">
2269                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
2270                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2271                                        stroke-linejoin="round" class="text-cta/70">
2272                                        <path
2273                                            d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.38a2 2 0 0 0-.73-2.73l-.15-.1a2 2 0 0 1-1-1.72v-.51a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" />
2274                                        <circle cx="12" cy="12" r="3" />
2275                                    </svg>
2276                                </div>
2277                                <h3 class="font-display text-2xl md:text-3xl font-bold text-foreground">Revenue
2278                                    Operations</h3>
2279                            </div>
2280                            <p class="text-lg text-muted-foreground mb-6 leading-relaxed">
2281                                Revolutionize your RevOps. Scale at speed and provide a top-level customer experience
2282                                with deep insight analytics.
2283                            </p>
2284                        </div>
2285                    </div>
2286
2287                </div>
2288            </div>
2289        </section>
2290        <!-- Features Section -->
2291        <section class="py-24 relative overflow-hidden bg-white">
2292            <div class="container mx-auto px-4 relative z-10">
2293                <div class="text-center max-w-3xl mx-auto mb-16 animate-fade-in">
2294                    <h2 class="font-display text-3xl md:text-4xl lg:text-5xl font-bold mb-4 text-foreground">
2295                        Everything you need to win more deals
2296                    </h2>
2297                    <p class="text-lg text-muted-foreground">
2298                        The all-in-one communication platform empowering revenue teams to act swiftly and personalize
2299                        interactions at scale.
2300                    </p>
2301                </div>
2302
2303                <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6 animate-fade-in" style="animation-delay: 0.1s;">
2304                    <!-- Multi-line Power Dialer -->
2305                    <div
2306                        class="group p-6 rounded-2xl glass-strong hover:border-cta/30 hover:shadow-xl hover:shadow-cta/10 transition-all duration-300 flex flex-col h-full bg-white border border-border">
2307                        <div class="mb-4">
2308                            <div class="w-9 h-9 rounded-lg bg-cta/10 flex items-center justify-center">
2309                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
2310                                    fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2311                                    stroke-linejoin="round" class="text-cta/70">
2312                                    <path
2313                                        d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
2314                                </svg>
2315                            </div>
2316                        </div>
2317                        <h3 class="font-display text-base font-semibold mb-2 text-foreground">Multi-line Power Dialer
2318                        </h3>
2319                        <p class="text-muted-foreground text-sm leading-relaxed mb-4 flex-grow">
2320                            Dial up to 4 leads at a time on the Multi-Line PowerDialer, with AI Human Voice Detection as a premium add-on.
2321                        </p>
2322                        <a href="/features/power-dialer/"
2323                            class="inline-flex items-center justify-center whitespace-nowrap text-sm r
2323ing-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border h-9 rounded-md px-3 bg-white text-foreground border-border hover:border-cta/30 hover:bg-white font-medium mt-auto self-start">
2324                            Power Dialer <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
2325                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
2326                                stroke-linecap="round" stroke-linejoin="round" class="ml-1">
2327                                <path d="M5 12h14" />
2328                                <path d="m12 5 7 7-7 7" />
2329                            </svg>
2330                        </a>
2331                    </div>
2332
2333                    <!-- Team SMS -->
2334                    <div
2335                        class="group p-6 rounded-2xl glass-strong hover:border-cta/30 hover:shadow-xl hover:shadow-cta/10 transition-all duration-300 flex flex-col h-full bg-white border border-border">
2336                        <div class="mb-4">
2337                            <div class="w-9 h-9 rounded-lg bg-cta/10 flex items-center justify-center">
2338                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
2339                                    fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2340                                    stroke-linejoin="round" class="text-cta/70">
2341                                    <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
2342                                </svg>
2343                            </div>
2344                        </div>
2345                        <h3 class="font-display text-base font-semibold mb-2 text-foreground">Team SMS</h3>
2346                        <p class="text-muted-foreground text-sm leading-relaxed mb-4 flex-grow">
2347                            Respond faster with shared SMS inboxes. Teams collaborate better and learn faster with
2348                            internal notes.
2349                        </p>
2350                        <a href="/features/team-sms/"
2351                            class="inline-flex items-center justify-center whitespace-nowrap text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border h-9 rounded-md px-3 bg-white text-foreground border-border hover:border-cta/30 hover:bg-white font-medium mt-auto self-start">
2352                            Learn More <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
2353                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
2354                                stroke-linecap="round" stroke-linejoin="round" class="ml-1">
2355                                <path d="M5 12h14" />
2356                                <path d="m12 5 7 7-7 7" />
2357                            </svg>
2358                        </a>
2359                    </div>
2360
2361                    <!-- Connection Boost -->
2362                    <div
2363                        class="group p-6 rounded-2xl glass-strong hover:border-cta/30 hover:shadow-xl hover:shadow-cta/10 transition-all duration-300 flex flex-col h-full bg-white border border-border">
2364                        <div class="mb-4">
2365                            <div class="w-9 h-9 rounded-lg bg-cta/10 flex items-center justify-center">
2366                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
2367                                    fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2368                                    stroke-linejoin="round" class="text-cta/70">
2369                                    <path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" />
2370                                    <circle cx="12" cy="10" r="3" />
2371                                </svg>
2372                            </div>
2373                        </div>
2374                        <h3 class="font-display text-base font-semibold mb-2 text-foreground">Connection-Boost</h3>
2375                        <p class="text-muted-foreground text-sm leading-relaxed mb-4 flex-grow">
2376                            AI-powered local presence dialing with progressive Caller ID and "Spam Risk" prevention
2377                            built in.
2378                        </p>
2379                        <a href="/features/connectionboost/"
2380                            class="inline-flex items-center justify-center whitespace-nowrap text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border h-9 rounded-md px-3 bg-white text-foreground border-border hover:border-cta/30 hover:bg-white font-medium mt-auto self-start">
2381                            Learn More <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
2382                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
2383                                stroke-linecap="round" stroke-linejoin="round" class="ml-1">
2384                                <path d="M5 12h14" />
2385                                <path d="m12 5 7 7-7 7" />
2386                            </svg>
2387                        </a>
2388                    </div>
2389
2390                    <!-- Conversation Intelligence -->
2391                    <div
2392                        class="group p-6 rounded-2xl glass-strong hover:border-cta/30 hover:shadow-xl hover:shadow-cta/10 transition-all duration-300 flex flex-col h-full bg-white border border-border">
2393                        <div class="mb-4">
2394                            <div class="w-9 h-9 rounded-lg bg-cta/10 flex items-center justify-center">
2395                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
2396                                    fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2397                                    stroke-linejoin="round" class="text-cta/70">
2398                                    <path d="M12 2a5 5 0 0 1 5 5v2a5 5 0 0 1-10 0V7a5 5 0 0 1 5-5z" />
2399                                </svg>
2400                            </div>
2401                        </div>
2402                        <h3 class="font-display text-base font-semibold mb-2 text-foreground">Conversation Intelligence
2403                        </h3>
2404                        <p class="text-muted-foreground text-sm leading-relaxed mb-4 flex-grow">
2405                            Track keywords, phrases, sentiment analysis, and more, with AI-generated call summaries
2406                            synced to your CRM.
2407                        </p>
2408                        <a href="/features/conversation-intelligence/"
2409                            class="inline-flex items-center justify-center whitespace-nowrap text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border h-9 rounded-md px-3 bg-white text-foreground border-border hover:border-cta/30 hover:bg-white font-medium mt-auto self-start">
2410                            Learn More <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
2411                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
2412                                stroke-linecap="round" stroke-linejoin="round" class="ml-1">
2413                                <path d="M5 12h14" />
2414                                <path d="m12 5 7 7-7 7" />
2415                            </svg>
2416                        </a>
2417                    </div>
2418
2419                    <!-- Intelligent Call Routing -->
2420                    <div
2421                        class="group p-6 rounded-2xl glass-strong hover:border-cta/30 hover:shadow-xl hover:shadow-cta/10 transition-all duration-300 flex flex-col h-full bg-white border border-border">
2422                        <div class="mb-4">
2423                            <div class="w-9 h-9 rounded-lg bg-cta/10 flex items-center justify-center">
2424                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
2425                                    fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2426                                    stroke-linejoin="round" class="text-cta/70">
2427                                    <rect width="20" height="8" x="2" y="2" rx="2" ry="2" />
2428                                    <rect width="20" height="8" x="2" y="14" rx="2" ry="2" />
2429                                    <line x1="6" x2="6.01" y1="6" y2="6" />
2430                                    <line x1="6" x2="6.01" y1="18" y2="18" />
2431                                </svg>
2432                            </div>
2433                        </div>
2434                        <h3 class="font-display text-base font-semibold mb-2 text-foreground">Intelligent Call Routing
2435                        </h3>
2436                        <p class="text-muted-foreground text-sm leading-relaxed mb-4 flex-grow">
2437                            Automatic call distribution (ACD) based on CRM fields connects callers to the right
2438                            agent, hassle free.
2439                        </p>
2440                        <a href="/features/automatic-call-distribution/"
2441                            class="inline-flex items-center justify-center whitespace-nowrap text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border h-9 rounded-md px-3 bg-white text-foreground border-border hover:border-cta/30 hover:bg-white font-medium mt-auto self-start">
2442                            Learn More <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
2443                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
2444                                stroke-linecap="round" stroke-linejoin="round" class="ml-1">
2445                                <path d="M5 12h14" />
2446                                <path d="m12 5 7 7-7 7" />
2447                            </svg>
2448                        </a>
2449                    </div>
2450
2451                    <!-- DNC List Compliance -->
2452                    <div
2453                        class="group p-6 rounded-2xl glass-strong hover:border-cta/30 hover:shadow-xl hover:shadow-cta/10 transition-all duration-300 flex flex-col h-full bg-white border border-border">
2454                        <div class="mb-4">
2455                            <div class="w-9 h-9 rounded-lg bg-cta/10 flex items-center justify-center">
2456                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
2457                                    fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2458                                    stroke-linejoin="round" class="text-cta/70">
2459                                    <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10" />
2460                                </svg>
2461                            </div>
2462                        </div>
2463                        <h3 class="font-display text-base font-semibold mb-2 text-foreground">DNC List Compliance</h3>
2464                        <p class="text-muted-foreground text-sm leading-relaxed mb-4 flex-grow">
2465                            Reduce manual list-checking. Support DNC screening and suppression workflows without
2466                            slowing down your team.
2467                        </p>
2468                        <a href="/features/national-dnc-compliance/"
2469                            class="inline-flex items-center justify-center whitespace-nowrap text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border h-9 rounded-md px-3 bg-white text-foreground border-border hover:border-cta/30 hover:bg-white font-medium mt-auto self-start">
2470                            Learn More <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
2471                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
2472                                stroke-linecap="round" stroke-linejoin="round" class="ml-1">
2473                                <path d="M5 12h14" />
2474                                <path d="m12 5 7 7-7 7" />
2475                            </svg>
2476                        </a>
2477                    </div>
2478
2479                    <!-- Caller ID Reputation -->
2480                    <div
2481                        class="group p-6 rounded-2xl glass-strong hover:border-cta/30 hover:shadow-xl hover:shadow-cta/10 transition-all duration-300 flex flex-col h-full bg-white border border-border">
2482                        <div class="mb-4">
2483                            <div class="w-9 h-9 rounded-lg bg-cta/10 flex items-center justify-center">
2484                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
2485                                    fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2486                                    stroke-linejoin="round" class="text-cta/70">
2487                                    <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
2488                                    <circle cx="9" cy="7" r="4" />
2489                                    <path d="M22 21v-2a4 4 0 0 0-3-3.87" />
2490                                    <path d="M16 3.13a4 4 0 0 1 0 7.75" />
2491                                </svg>
2492                            </div>
2493                        </div>
2494                        <h3 class="font-display text-base font-semibold mb-2 text-foreground">Caller ID Reputation</h3>
2495                        <p class="text-muted-foreground text-sm leading-relaxed mb-4 flex-grow">
2496                            Ensure your phone numbers represent your company's best intentions. Avoid
2497                            calls labeled "Spam Risk".
2498                        </p>
2499                        <a href="/features/caller-id-reputation/"
2500                            class="inline-flex items-center justify-center whitespace-nowrap text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border h-9 rounded-md px-3 bg-white text-foreground border-border hover:border-cta/30 hover:bg-white font-medium mt-auto self-start">
2501                            Learn More <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
2502                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
2503                                stroke-linecap="round" stroke-linejoin="round" class="ml-1">
2504                                <path d="M5 12h14" />
2505                                <path d="m12 5 7 7-7 7" />
2506                            </svg>
2507                        </a>
2508                    </div>
2509
2510                    <!-- Realtime Reporting -->
2511                    <div
2512                        class="group p-6 rounded-2xl glass-strong hover:border-cta/30 hover:shadow-xl hover:shadow-cta/10 transition-all duration-300 flex flex-col h-full bg-white border border-border">
2513                        <div class="mb-4">
2514                            <div class="w-9 h-9 rounded-lg bg-cta/10 flex items-center justify-center">
2515                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
2516                                    fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2517                                    stroke-linejoin="round" class="text-cta/70">
2518                                    <line x1="12" x2="12" y1="20" y2="10" />
2519                                    <line x1="18" x2="18" y1="20" y2="4" />
2520                                    <line x1="6" x2="6" y1="20" y2="16" />
2521                                </svg>
2522                            </div>
2523                        </div>
2524                        <h3 class="font-display text-base font-semibold mb-2 text-foreground">Realtime Reporting</h3>
2525                        <p class="text-muted-foreground text-sm leading-relaxed mb-4 flex-grow">
2526                            Get instant feedback, foster friendly competition with live leaderboards, and
2527                            analyze past data against current performance.
2528                        </p>
2529                        <a href="/features/analytics-and-reporting/"
2530                            class="inline-flex items-center justify-center whitespace-nowrap text-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border h-9 rounded-md px-3 bg-white text-foreground border-border hover:border-cta/30 hover:bg-white font-medium mt-auto self-start">
2531                            Learn More <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
2532                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
2533                                stroke-linecap="round" stroke-linejoin="round" class="ml-1">
2534                                <path d="M5 12h14" />
2535                                <path d="m12 5 7 7-7 7" />
2536                            </svg>
2537                        </a>
2538                    </div>
2539                </div>
2540            </div>
2541        </section>
2542
2543        <!-- Testimonials Section -->
2544        <section class="py-24 relative overflow-hidden bg-gradient-to-br from-slate-50 via-sky-50/80 to-blue-50/60">
2545            <div class="container mx-auto px-4 relative z-10">
2546                <div class="text-center max-w-3xl mx-auto mb-16 animate-fade-in">
2547                    <h2 class="font-display text-3xl md:text-4xl lg:text-5xl font-bold mb-4 text-foreground">
2548                        What our customers are saying
2549                    </h2>
2550                    <p class="text-lg text-muted-foreground">
2551                        Customer-reported experiences with Kixie.
2552                    </p>
2553                </div>
2554
2555                <!-- Testimonial Carousel -->
2556                <div class="max-w-5xl mx-auto">
2557                    <div class="relative">
2558                        <!-- Slide 1 -->
2559                        <div class="testimonial-slide block">
2560                            <div
2561                                class="backdrop-blur-xl bg-white/70 border border-sky-100 rounded-2xl p-8 md:p-10 shadow-lg shadow-sky-100/50">
2562                                <div class="flex gap-1 mb-6">
2563                                    <!-- 5 Stars -->
2564                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2565                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2566                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2567                                        stroke-linejoin="round">
2568                                        <polygon
2569                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2570                                    </svg>
2571                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2572                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2573                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2574                                        stroke-linejoin="round">
2575                                        <polygon
2576                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2577                                    </svg>
2578                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2579                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2580                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2581                                        stroke-linejoin="round">
2582                                        <polygon
2583                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2584                                    </svg>
2585                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2586                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2587                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2588                                        stroke-linejoin="round">
2589                                        <polygon
2590                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2591                                    </svg>
2592                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2593                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2594                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2595                                        stroke-linejoin="round">
2596                                        <polygon
2597                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2598                                    </svg>
2599                                </div>
2600                                <blockquote class="text-lg md:text-xl text-foreground leading-relaxed mb-8">
2601                                    "Since day 1, it has been a total game-changer for us. I looked for weeks for a
2602                                    phone service and it wasn't until I found Kixie that anything would do it all. I was
2603                                    looking for a dialer that would allow us to call our leads with a local presence."
2604                                </blockquote>
2605                                <div class="flex items-center gap-4">
2606                                    <div
2607                                        class="w-12 h-12 rounded-full bg-gradient-to-br from-sky-100 to-blue-100 flex items-center justify-center text-lg font-bold text-sky-700">
2608                                        T</div>
2609                                    <div>
2610                                        <p class="font-semibold text-foreground">Thomas C.</p>
2611                                        <p class="text-sm text-muted-foreground">Marketing Coordinator</p>
2612                                    </div>
2613                                </div>
2614                            </div>
2615                        </div>
2616
2617                        <!-- Slide 2 -->
2618                        <div class="testimonial-slide hidden">
2619                            <div
2620                                class="backdrop-blur-xl bg-white/70 border border-sky-100 rounded-2xl p-8 md:p-10 shadow-lg shadow-sky-100/50">
2621                                <div class="flex gap-1 mb-6">
2622                                    <!-- 5 Stars -->
2623                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2624                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2625                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2626                                        stroke-linejoin="round">
2627                                        <polygon
2628                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2629                                    </svg>
2630                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2631                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2632                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2633                                        stroke-linejoin="round">
2634                                        <polygon
2635                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2636                                    </svg>
2637                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2638                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2639                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2640                                        stroke-linejoin="round">
2641                                        <polygon
2642                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2643                                    </svg>
2644                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2645                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2646                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2647                                        stroke-linejoin="round">
2648                                        <polygon
2649                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2650                                    </svg>
2651                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2652                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2653                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2654                                        stroke-linejoin="round">
2655                                        <polygon
2656                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2657                                    </svg>
2658                                </div>
2659                                <blockquote class="text-lg md:text-xl text-foreground leading-relaxed mb-8">
2660                                    "Kixie is the best VOIP platform I have ever used. It integrates incredibly well
2661                                    with Salesforce, logging calls and other activities. The ConnectionBoost feature is
2662                                    incredible, and at least doubles our connect rates."
2663                                </blockquote>
2664                                <div class="flex items-center gap-4">
2665                                    <div
2666                                        class="w-12 h-12 rounded-full bg-gradient-to-br from-sky-100 to-blue-100 flex items-center justify-center text-lg font-bold text-sky-700">
2667                                        G</div>
2668                                    <div>
2669                                        <p class="font-semibold text-foreground">Gus</p>
2670                                        <p class="text-sm text-muted-foreground">B12</p>
2671                                    </div>
2672                                </div>
2673                            </div>
2674                        </div>
2675
2676                        <!-- Slide 3 -->
2677                        <div class="testimonial-slide hidden">
2678                            <div
2679                                class="backdrop-blur-xl bg-white/70 border border-sky-100 rounded-2xl p-8 md:p-10 shadow-lg shadow-sky-100/50">
2680                                <div class="flex gap-1 mb-6">
2681                                    <!-- 5 Stars -->
2682                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2683                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2684                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2685                                        stroke-linejoin="round">
2686                                        <polygon
2687                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2688                                    </svg>
2689                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2690                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2691                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2692                                        stroke-linejoin="round">
2693                                        <polygon
2694                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2695                                    </svg>
2696                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2697                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2698                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2699                                        stroke-linejoin="round">
2700                                        <polygon
2701                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2702                                    </svg>
2703                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2704                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2705                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2706                                        stroke-linejoin="round">
2707                                        <polygon
2708                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2709                                    </svg>
2710                                    <svg class="w-4 h-4 text-amber-400 fill-amber-400"
2711                                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
2712                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2713                                        stroke-linejoin="round">
2714                                        <polygon
2715                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2716                                    </svg>
2717                                </div>
2718                                <blockquote class="text-lg md:text-xl text-foreground leading-relaxed mb-8">
2719                                    "Kixie Powercall and SMS has increased team efficiency by over 130%! The Kixie team
2720                                    is an extension of our team and are committed to our success."
2721                                </blockquote>
2722                                <div class="flex items-center gap-4">
2723                                    <div
2724                                        class="w-12 h-12 rounded-full bg-gradient-to-br from-sky-100 to-blue-100 flex items-center justify-center text-lg font-bold text-sky-700">
2725                                        B</div>
2726                                    <div>
2727                                        <p class="font-semibold text-foreground">Brad B.</p>
2728                                        <p class="text-sm text-muted-foreground">Information Technology Services</p>
2729                                    </div>
2730                                </div>
2731                            </div>
2732                        </div>
2733
2734                    </div>
2735
2736                    <!-- Navigation -->
2737                    <div class="flex items-center justify-center gap-4 mt-8">
2738                        <button id="prev-slide" type="button" aria-label="Previous slide"
2739                            class="h-10 w-10 inline-flex items-center justify-center whitespace-nowrap rounded-full text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-white border-sky-200 text-foreground hover:bg-sky-50 hover:border-sky-300">
2740                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
2741                                fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2742 
2742                               stroke-linejoin="round">
2743                                <path d="m15 18-6-6 6-6" />
2744                            </svg>
2745                        </button>
2746
2747                        <div class="flex gap-2">
2748                            <button type="button" aria-label="Show testimonial 1" aria-current="true"
2749                                class="testimonial-dot h-2.5 rounded-full transition-all duration-300 bg-sky-500 w-8"></button>
2750                            <button type="button" aria-label="Show testimonial 2"
2751                                class="testimonial-dot h-2.5 rounded-full transition-all duration-300 bg-sky-200 w-2.5 hover:bg-sky-300"></button>
2752                            <button type="button" aria-label="Show testimonial 3"
2753                                class="testimonial-dot h-2.5 rounded-full transition-all duration-300 bg-sky-200 w-2.5 hover:bg-sky-300"></button>
2754                        </div>
2755
2756                        <button id="next-slide" type="button" aria-label="Next slide"
2757                            class="h-10 w-10 inline-flex items-center justify-center whitespace-nowrap rounded-full text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-white border-sky-200 text-foreground hover:bg-sky-50 hover:border-sky-300">
2758                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
2759                                fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2760                                stroke-linejoin="round">
2761                                <path d="m9 18 6-6-6-6" />
2762                            </svg>
2763                        </button>
2764                    </div>
2765                </div>
2766            </div>
2767        </section>
2768
2769        <!-- Integrations Section -->
2770        <section class="py-24 bg-card border-y border-border relative overflow-hidden">
2771            <div class="container mx-auto px-4 relative z-10">
2772                <!-- Header -->
2773                <div class="text-center mb-12 animate-fade-in">
2774                    <h2 class="font-display text-3xl md:text-4xl lg:text-5xl font-bold mb-4 text-foreground">
2775                        Works with your favorite tools
2776                    </h2>
2777                    <p class="text-lg text-muted-foreground max-w-2xl mx-auto">
2778                        Connect Kixie with CRM and business tools to keep calling activity in your workflow.
2779                    </p>
2780                </div>
2781
2782                <!-- Scrolling Logos - Row 1 -->
2783                <!-- Scrolling Logos - Row 1 -->
2784                <div class="relative overflow-hidden mb-6">
2785                    <div class="absolute left-0 top-0 bottom-0 w-24 bg-gradient-to-r from-card to-transparent z-10">
2786                    </div>
2787                    <div class="absolute right-0 top-0 bottom-0 w-24 bg-gradient-to-l from-card to-transparent z-10">
2788                    </div>
2789
2790                    <div class="flex marquee items-center animate-marquee">
2791                        <!-- Logos duplicated for scrolling effect -->
2792                        <!-- Set 1 -->
2793                        <a href="https://www.kixie.com/integrations/go-high-level/"
2794                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2795                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/highlevel-mark-official.png" alt="HighLevel logo"
2796                                class="h-8 w-auto object-contain">
2797                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">HighLevel</span>
2798                        </a>
2799                        <a href="https://www.kixie.com/integrations/zapier/"
2800                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2801                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/zapier-mark-official.png" alt="Zapier logo" class="h-8 w-auto object-contain">
2802                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Zapier</span>
2803                        </a>
2804                        <a href="https://www.kixie.com/integrations/salesforce/"
2805                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2806                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/salesforce-mark-official.png" alt="Salesforce logo"
2807                                class="h-8 w-auto object-contain">
2808                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Salesforce</span>
2809                        </a>
2810                        <a href="https://www.kixie.com/integrations/hubspot/"
2811                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2812                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/hubspot-mark-official.png" alt="HubSpot logo" class="h-8 w-auto object-contain">
2813                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">HubSpot</span>
2814                        </a>
2815                        <a href="https://www.kixie.com/integrations/pipedrive/"
2816                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2817                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/pipedrive-mark-official.png" alt="Pipedrive logo"
2818                                class="h-8 w-auto object-contain">
2819                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Pipedrive</span>
2820                        </a>
2821                        <a href="https://www.kixie.com/integrations/zoho/"
2822                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2823                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/zoho-mark-official.png" alt="Zoho logo" class="h-8 w-auto object-contain">
2824                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Zoho</span>
2825                        </a>
2826                        <!-- Set 2 (Duplicate for loop) -->
2827                        <a href="https://www.kixie.com/integrations/go-high-level/"
2828                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2829                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/highlevel-mark-official.png" alt="HighLevel logo"
2830                                class="h-8 w-auto object-contain">
2831                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">HighLevel</span>
2832                        </a>
2833                        <a href="https://www.kixie.com/integrations/zapier/"
2834                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2835                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/zapier-mark-official.png" alt="Zapier logo" class="h-8 w-auto object-contain">
2836                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">
2836Zapier</span>
2837                        </a>
2838                        <a href="https://www.kixie.com/integrations/salesforce/"
2839                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2840                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/salesforce-mark-official.png" alt="Salesforce logo"
2841                                class="h-8 w-auto object-contain">
2842                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Salesforce</span>
2843                        </a>
2844                        <a href="https://www.kixie.com/integrations/hubspot/"
2845                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2846                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/hubspot-mark-official.png" alt="HubSpot logo" class="h-8 w-auto object-contain">
2847                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">HubSpot</span>
2848                        </a>
2849                        <a href="https://www.kixie.com/integrations/pipedrive/"
2850                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2851                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/pipedrive-mark-official.png" alt="Pipedrive logo"
2852                                class="h-8 w-auto object-contain">
2853                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Pipedrive</span>
2854                        </a>
2855                        <a href="https://www.kixie.com/integrations/zoho/"
2856                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2857                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/zoho-mark-official.png" alt="Zoho logo" class="h-8 w-auto object-contain">
2858                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Zoho</span>
2859                        </a>
2860                    </div>
2861                </div>
2862
2863                <!-- Scrolling Logos - Row 2 (Reverse) -->
2864                <div class="relative overflow-hidden mb-10">
2865                    <div class="absolute left-0 top-0 bottom-0 w-24 bg-gradient-to-r from-card to-transparent z-10">
2866                    </div>
2867                    <div class="absolute right-0 top-0 bottom-0 w-24 bg-gradient-to-l from-card to-transparent z-10">
2868                    </div>
2869
2870                    <div class="flex marquee-reverse items-center animate-marquee-reverse">
2871                        <!-- Logos duplicated for scrolling effect -->
2872                        <!-- Set 1 -->
2873                        <a href="https://www.kixie.com/integrations/copper/"
2874                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2875                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/copper-mark-official.png" alt="Copper logo" class="h-8 w-auto object-contain">
2876                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Copper</span>
2877                        </a>
2878                        <a href="https://www.kixie.com/integrations/monday/"
2879                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2880                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/monday-mark-official.png" alt="Monday logo" class="h-8 w-auto object-contain">
2881                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Monday</span>
2882                        </a>
2883                        <a href="https://www.kixie.com/integrations/insightly/"
2884                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2885                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/insightly-mark-official.png" alt="Insightly logo"
2886                                class="h-8 w-auto object-contain">
2887                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Insightly</span>
2888                        </a>
2889                        <a href="https://www.kixie.com/integrations/freshworks/"
2890                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2891                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/freshworks-mark-official.png" alt="Freshworks logo"
2892                                class="h-8 w-auto object-contain">
2893                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Freshworks</span>
2894                        </a>
2895                        <a href="https://www.kixie.com/integrations/make/"
2896                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2897                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/make-mark-official.png" alt="Make logo" class="h-8 w-auto object-contain">
2898                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Make</span>
2899                        </a>
2900                        <a href="https://www.kixie.com/integrations/close/"
2901                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2902                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/close-mark-official.png" alt="Close logo" class="h-8 w-auto object-contain">
2903                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Close</span>
2904                        </a>
2905                        <!-- Set 2 (Duplicate) -->
2906                        <a href="https://www.kixie.com/integrations/copper/"
2907                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2908                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/copper-mark-official.png" alt="Copper logo" class="h-8 w-auto object-contain">
2909                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Copper</span>
2910                        </a>
2911                        <a href="https://www.kixie.com/integrations/monday/"
2912                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2913                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/monday-mark-official.png" alt="Monday logo" class="h-8 w-auto object-contain">
2914                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Monday</span>
2915                        </a>
2916                        <a href="https://www.kixie.com/integrations/insightly/"
2917                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2918                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/insightly-mark-official.png" alt="Insightly logo"
2919                                class="h-8 w-auto object-contain">
2920                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Insightly</span>
2921                        </a>
2922                        <a href="https://www.kixie.com/integrations/freshworks/"
2923                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2924                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/freshworks-mark-official.png" alt="Freshworks logo"
2925                                class="h-8 w-auto object-contain">
2926                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Freshworks</span>
2927                        </a>
2928                        <a href="https://www.kixie.com/integrations/make/"
2929                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2930                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/make-mark-official.png" alt="Make logo" class="h-8 w-auto object-contain">
2931                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Make</span>
2932                        </a>
2933                        <a href="https://www.kixie.com/integrations/close/"
2934                            class="flex-shrink-0 mx-4 flex items-center justify-center border border-border rounded-xl px-4 py-2 hover:border-cta/30 hover:shadow-lg transition-all duration-300 bg-white group cursor-pointer">
2935                            <img src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/assets/logos/integrations/close-mark-official.png" alt="Close logo" class="h-8 w-auto object-contain">
2936                            <span class="ml-3 text-sm font-medium text-foreground whitespace-nowrap">Close</span>
2937                        </a>
2938                    </div>
2939                </div>
2940
2941                <!-- Bottom CTA -->
2942                <div class="text-center animate-fade-in" style="animation-delay: 0.3s;">
2943                    <a href="https://www.kixie.com/integrations/"
2944                        class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-11 rounded-full px-8 group">
2945                        View all integrations
2946                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
2947                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
2948                            class="ml-2 group-hover:translate-x-1 transition-transform">
2949                            <path d="M5 12h14" />
2950                            <path d="m12 5 7 7-7 7" />
2951                        </svg>
2952                    </a>
2953                </div>
2954            </div>
2955        </section>
2956
2957        <!-- Awards Section -->
2958        <section class="pt-24 pb-12 relative overflow-hidden bg-background">
2959            <div class="container mx-auto px-4">
2960                <div class="text-center max-w-3xl mx-auto mb-16 animate-fade-in">
2961                    <h2 class="font-display text-3xl md:text-4xl lg:text-5xl font-bold text-foreground mb-4">
2962                        Standing out from the crowd
2963                    </h2>
2964                    <p class="text-lg text-muted-foreground">
2965                        Consistently recognized as an industry leader.
2966                    </p>
2967                </div>
2968
2969                <!-- Awards Grid -->
2970                <div class="flex flex-wrap items-center justify-center gap-8 md:gap-12 animate-fade-in">
2971                    <div class="group transition-all duration-300 hover:scale-105">
2972                        <img src="https://www.kixie.com/wp-content/uploads/2026/06/kixie-signup-g2
2972-momentum-leader.avif"
2973                            alt="G2 Momentum Leader"
2974                            class="h-16 md:h-20 w-auto object-contain opacity-60 hover:opacity-100 transition-opacity duration-300">
2975                    </div>
2976                    <div class="group transition-all duration-300 hover:scale-105">
2977                        <img src="https://www.kixie.com/wp-content/uploads/2026/06/kixie-homepage-capterra-shortlist-2026.svg"
2978                            alt="Capterra Shortlist"
2979                            class="h-16 md:h-20 w-auto object-contain opacity-60 hover:opacity-100 transition-opacity duration-300">
2980                    </div>
2981                    <div class="group transition-all duration-300 hover:scale-105">
2982                        <img src="https://www.kixie.com/wp-content/uploads/2026/06/kixie-homepage-getapp-category-leader-2025.png"
2983                            alt="GetApp Category Leaders"
2984                            class="h-16 md:h-20 w-auto object-contain opacity-60 hover:opacity-100 transition-opacity duration-300">
2985                    </div>
2986                    <div class="group transition-all duration-300 hover:scale-105">
2987                        <img src="https://www.kixie.com/wp-content/uploads/2026/06/kixie-homepage-software-advice-front-runners-2026.png"
2988                            alt="Software Advice Front Runners"
2989                            class="h-16 md:h-20 w-auto object-contain opacity-60 hover:opacity-100 transition-opacity duration-300">
2990                    </div>
2991                    <div class="group transition-all duration-300 hover:scale-105">
2992                        <img src="https://kixie.com/assets/img/award_badges/hubspot-platinum-badge.svg"
2993                            alt="HubSpot Platinum Partner"
2994                            class="h-16 md:h-20 w-auto object-contain opacity-60 hover:opacity-100 transition-opacity duration-300">
2995                    </div>
2996                    <div class="group transition-all duration-300 hover:scale-105">
2997                        <img src="https://www.kixie.com/wp-content/uploads/2026/06/kixie-signup-g2-users-most-likely-to-recommend.avif"
2998                            alt="G2 Users Most Likely to Recommend"
2999                            class="h-16 md:h-20 w-auto object-contain opacity-60 hover:opacity-100 transition-opacity duration-300">
3000                    </div>
3001                    <div class="group transition-all duration-300 hover:scale-105">
3002                        <img src="https://www.kixie.com/wp-content/uploads/2026/06/kixie-signup-g2-high-performer.avif"
3003                            alt="G2 High Performer"
3004                            class="h-16 md:h-20 w-auto object-contain opacity-60 hover:opacity-100 transition-opacity duration-300">
3005                    </div>
3006                    <div class="group transition-all duration-300 hover:scale-105">
3007                        <img src="https://www.kixie.com/wp-content/uploads/2026/06/kixie-signup-g2-best-est-roi.avif"
3008                            alt="G2 Best Estimated ROI"
3009                            class="h-16 md:h-20 w-auto object-contain opacity-60 hover:opacity-100 transition-opacity duration-300">
3010                    </div>
3011                    <div class="group transition-all duration-300 hover:scale-105">
3012                        <img src="https://www.kixie.com/wp-content/uploads/2026/06/kixie-signup-g2-easiest-to-do-business-with.avif"
3013                            alt="G2 Easiest To Do Business With"
3014                            class="h-16 md:h-20 w-auto object-contain opacity-60 hover:opacity-100 transition-opacity duration-300">
3015                    </div>
3016                </div>
3017            </div>
3018        </section>
3019
3020        <!-- CTA Section -->
3021        <section class="py-24 relative overflow-hidden">
3022            <div class="container mx-auto px-4">
3023                <!-- Purple gradient background with wave animation -->
3024                <div
3025                    class="bg-gradient-to-r from-purple-800 via-purple-700 to-pink-700 rounded-3xl animate-gradient-wave bg-[length:200%_100%] py-20 px-6">
3026                    <div class="max-w-2xl mx-auto text-center animate-fade-in">
3027                        <h2 class="font-display text-3xl md:text-4xl lg:text-5xl font-bold mb-4 text-white">
3028                            Ready to close more deals?
3029                        </h2>
3030                        <p class="text-lg text-white/70 mb-8">
3031                            Join thousands of teams using Kixie to connect and convert.
3032                        </p>
3033
3034                        <!-- CTA Buttons -->
3035                        <div class="flex flex-col sm:flex-row gap-4 justify-center">
3036                            <a href="/sign-up/"
3037                                class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-11 rounded-md px-8 bg-white text-cta hover:bg-white/90 group">
3038                                Get Started
3039                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
3039ox="0 0 24 24"
3040                                    fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
3041                                    stroke-linejoin="round" class="ml-1 group-hover:translate-x-1 transition-transform">
3042                                    <path d="M5 12h14" />
3043                                    <path d="m12 5 7 7-7 7" />
3044                                </svg>
3045                            </a>
3046                            <a href="/demo/"
3047                                class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-11 rounded-md px-8 border border-white/30 bg-white/10 text-white hover:bg-white/20 group">
3048                                Schedule Demo
3049                            </a>
3050                        </div>
3051                    </div>
3052                </div>
3053            </div>
3054        </section>
3055
3056  `;
3057
3058  const sections = Array.from(container.querySelectorAll('section'));
3059  const firstSection = sections[0] || null;
3060
3061  if ('contentVisibility' in document.documentElement.style) {
3062    sections.forEach((section, index) => {
3063      if (index === 0) {
3064        return;
3065      }
3066      section.style.contentVisibility = 'auto';
3067      section.style.containIntrinsicSize = index < 3 ? '900px' : '1100px';
3068    });
3069  }
3070
3071  if (firstSection) {
3072    const firstSectionImages = Array.from(firstSection.querySelectorAll('img'));
3073    firstSectionImages.forEach((img, index) => {
3074      img.setAttribute('decoding', 'async');
3075      if (index === 0) {
3076        img.setAttribute('fetchpriority', 'high');
3077        img.setAttribute('loading', 'eager');
3078      } else {
3079        img.setAttribute('fetchpriority', 'low');
3080        img.setAttribute('loading', 'lazy');
3081      }
3082    });
3083  }
3084
3085  const belowFoldImages = Array.from(container.querySelectorAll('section img')).filter((img) => {
3086    return !firstSection || !firstSection.contains(img);
3087  });
3088
3089  belowFoldImages.forEach((img) => {
3090    if (!img.hasAttribute('loading')) {
3091      img.setAttribute('loading', 'lazy');
3092    }
3093    if (!img.hasAttribute('decoding')) {
3094      img.setAttribute('decoding', 'async');
3095    }
3096    if (!img.hasAttribute('fetchpriority')) {
3097      img.setAttribute('fetchpriority', 'low');
3098    }
3099  });
3100
3101  shadow.appendChild(container);
3102
3103  const initState = {
3104    tabs: false,
3105    testimonials: false,
3106  };
3107
3108  const initRevtechTabs = () => {
3109    if (initState.tabs) {
3110      return;
3111    }
3112    initState.tabs = true;
3113
3114    const tabButtons = Array.from(shadow.querySelectorAll('.revtech-tab-btn'));
3115    const tabContents = Array.from(shadow.querySelectorAll('.revtech-content'));
3116    const prefersReducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
3117    let currentTabId = tabButtons.find((button) => button.classList.contains('bg-cta/5'))?.dataset.target || tabButtons[0]?.dataset.target || '';
3118    let tabTransitionTimeout = null;
3119
3120    const setTabButtonState = (button, isActive) => {
3121      if (isActive) {
3122        button.classList.remove('bg-white', 'border-border', 'text-muted-foreground');
3123        button.classList.add('bg-cta/5', 'text-foreground', 'shadow-lg', 'border-cta/20', 'is-active');
3124      } else {
3125        button.classList.remove('bg-cta/5', 'text-foreground', 'shadow-lg', 'border-cta/20', 'is-active');
3126        button.classList.add('bg-white', 'border-border', 'text-muted-foreground');
3127      }
3128
3129      const icon = button.querySelector('.icon-container');
3130      if (icon) {
3131        icon.classList.toggle('bg-cta/10', isActive);
3132        icon.classList.toggle('bg-white', !isActive);
3133      }
3134    };
3135
3136    const clearContentAnimationClasses = () => {
3137      tabContents.forEach((content) => content.classList.remove('revtech-enter', 'revtech-exit'));
3138    };
3139
3140    const showTabContent = (targetId) => {
3141      const nextContent = tabContents.find((content) => content.id === targetId);
3142      if (!nextContent) return;
3143
3144      const activeContent = tabContents.find((content) => !content.classList.contains('hidden'));
3145
3146      if (tabTransitionTimeout) {
3147        clearTimeout(tabTransitionTimeout);
3148        tabTransitionTimeout = null;
3149      }
3150
3151      clearContentAnimationClasses();
3152
3153      const revealNextContent = () => {
3154        tabContents.forEach((content) => {
3155          if (content !== nextContent) {
3156            content.classList.add('hidden');
3157            content.classList.remove('grid', 'revtech-enter', 'revtech-exit');
3158          }
3159        });
3160
3161        nextContent.classList.remove('hidden', 'revtech-exit', 'revtech-enter');
3162        nextContent.classList.add('grid');
3163        void nextContent.offsetWidth;
3164        nextContent.classList.add('revtech-enter');
3165      };
3166
3167      if (prefersReducedMotion || !activeContent || activeContent.id === targetId) {
3168        revealNextContent();
3169        return;
3170      }
3171
3172      activeContent.classList.remove('revtech-enter');
3173      activeContent.classList.add('revtech-exit');
3174      tabTransitionTimeout = window.setTimeout(() => {
3175        activeContent.classList.add('hidden');
3176        activeContent.classList.remove('grid', 'revtech-exit');
3177        revealNextContent();
3178        tabTransitionTimeout = null;
3179      }, 180);
3180    };
3181
3182    if (tabButtons.length === 0) {
3183      return;
3184    }
3185
3186    tabButtons.forEach((button, index) => {
3187      const targetId = button.dataset.target || '';
3188      const isActive = targetId === currentTabId || (!currentTabId && index === 0);
3189      if (isActive && targetId) currentTabId = targetId;
3190      setTabButtonState(button, isActive);
3191    });
3192
3193    if (currentTabId) {
3194      showTabContent(currentTabId);
3195    }
3196
3197    tabButtons.forEach((button) => {
3198      button.addEventListener('click', () => {
3199        const targetId = button.dataset.target;
3200        if (!targetId) return;
3201
3202        const isSameTab = targetId === currentTabId;
3203        tabButtons.forEach((tabButton) => setTabButtonState(tabButton, tabButton === button));
3204        showTabContent(targetId);
3205
3206        if (isSameTab) {
3207          button.classList.remove('is-active');
3208          requestAnimationFrame(() => button.classList.add('is-active'));
3209        }
3210
3211        currentTabId = targetId;
3212      });
3213    });
3214  };
3215
3216  const initTestimonialsCarousel = () => {
3217    if (initState.testimonials) {
3218      return;
3219    }
3220    initState.testimonials = true;
3221
3222    const slides = Array.from(shadow.querySelectorAll('.testimonial-slide'));
3223    const prevBtn = shadow.getElementById('prev-slide');
3224    const nextBtn = shadow.getElementById('next-slide');
3225    const dots = Array.from(shadow.querySelectorAll('.testimonial-dot'));
3226    let currentSlide = 0;
3227
3228    const showSlide = (index) => {
3229      slides.forEach((slide, i) => {
3230        if (i === index) {
3231          slide.classList.remove('hidden');
3232          slide.classList.add('block');
3233        } else {
3234          slide.classList.add('hidden');
3235          slide.classList.remove('block');
3236        }
3237      });
3238
3239      dots.forEach((dot, i) => {
3240        if (i === index) {
3241          dot.classList.add('bg-sky-500', 'w-8');
3242          dot.classList.remove('bg-sky-200', 'w-2.5');
3243        } else {
3244          dot.classList.remove('bg-sky-500', 'w-8');
3245          dot.classList.add('bg-sky-200', 'w-2.5');
3246        }
3247      });
3248
3249      currentSlide = index;
3250    };
3251
3252    if (slides.length === 0) {
3253      return;
3254    }
3255
3256    if (prevBtn) prevBtn.addEventListener('click', () => showSlide((currentSlide - 1 + slides.length) % slides.length));
3257    if (nextBtn) nextBtn.addEventListener('click', () => showSlide((currentSlide + 1) % slides.length));
3258    dots.forEach((dot, index) => dot.addEventListener('click', () => showSlide(index)));
3259  };
3260
3261  const initLazySectionWork = () => {
3262    const revtechSection = shadow.querySelector('.revtech-tab-btn')?.closest('section') || null;
3263    const testimonialsSection = shadow.querySelector('.testimonial-slide')?.closest('section') || null;
3264    const lazyTargets = [
3265      { section: revtechSection, init: initRevtechTabs, done: false },
3266      { section: testimonialsSection, init: initTestimonialsCarousel, done: false },
3267    ].filter((target) => target.section);
3268
3269    if (lazyTargets.length === 0) {
3270      return;
3271    }
3272
3273    if (!('IntersectionObserver' in window)) {
3274      lazyTargets.forEach((target) => {
3275        target.init();
3276        target.done = true;
3277      });
3278      return;
3279    }
3280
3281    const lazyObserver = new IntersectionObserver((entries, observer) => {
3282      entries.forEach((entry) => {
3283        if (!entry.isIntersecting) {
3284          return;
3285        }
3286        const target = lazyTargets.find((item) => item.section === entry.target);
3287        if (!target || target.done) {
3288          return;
3289        }
3290        target.init();
3291        target.done = true;
3292        observer.unobserve(entry.target);
3293      });
3294    }, { rootMargin: '250px 0px', threshold: 0.01 });
3295
3296    lazyTargets.forEach((target) => lazyObserver.observe(target.section));
3297  };
3298
3299  const allCalls = [
3300    { initials: "AR", name: "Alex Ray", phone: "(555) 555-1234", badge: "MaestroAI", badgeColor: "bg-primary/10 text-primary", duration: "1:02", status: "AI Summary", statusColor: "text-success" },
3301    { initials: "SJ", name: "Sarah Johnson", phone: "(555) 123-4567", badge: "Outbound", badgeColor: "bg-cta/10 text-cta", duration: "5:23", status: "Completed", statusColor: "text-success" },
3302    { initials: "MC", name: "Mike Chen", phone: "(555) 987-6543", badge: "Inbound", badgeColor: "bg-accent/10 text-accent", duration: "3:45", status: "Completed", statusColor: "text-success" },
3303    { initials: "EM", name: "Emily Martinez", phone: "(555) 456-7890", badge: "MaestroAI", badgeColor: "bg-primary/10 text-primary", duration: "2:18", status: "AI Summary", statusColor: "text-success" },
3304    { initials: "JW", name: "James Wilson", phone: "(555) 321-0987", badge: "Outbound", badgeColor: "bg-cta/10 text-cta", duration: "4:56", status: "Completed", statusColor: "text-success" },
3305    { initials: "LT", name: "Lisa Thompson", phone: "(555) 654-3210", badge: "Inbound", badgeColor: "bg-accent/10 text-accent", duration: "1:34", status: "Completed", statusColor: "text-success" },
3306    { initials: "DK", name: "David Kim", phone: "(555) 789-0123", badge: "MaestroAI", badgeColor: "bg-primary/10 text-primary", duration: "3:12", status: "AI Summary", statusColor: "text-success" },
3307    { initials: "RB", name: "Rachel Brown", phone: "(555) 234-5678", badge: "Outbound", badgeColor: "bg-cta/10 text-cta", duration: "6:45", status: "Completed", statusColor: "text-success" }
3308  ];
3309  const callHistoryList = shadow.getElementById('call-history-list');
3310  let currentCallIndex = 3;
3311  let feedIntervalId = null;
3312  let feedVisible = true;
3313  let feedReady = false;
3314
3315  const renderCall = (call) => {
3316    const div = document.createElement('div');
3317    div.className = 'flex items-center justify-between py-4 border-t border-border bg-card call-card-enter';
3318    div.innerHTML = `
3319        <div class="flex items-center gap-3">
3320            <div class="w-10 h-10 rounded-full bg-gradient-to-br from-cta to-primary flex items-center justify-center text-cta-foreground text-sm font-medium">
3321                ${call.initials}
3322            </div>
3323            <div>
3324                <p class="font-medium text-foreground">${call.name}</p>
3325                <p class="text-sm text-muted-foreground">${call.phone}</p>
3326            </div>
3327        </div>
3328        <div class="flex items-center gap-4">
3329            <span class="px-2 py-1 text-xs font-medium rounded-full ${call.badgeColor}">
3330                ${call.badge}
3331            </span>
3332            <span class="text-sm text-muted-foreground w-12 text-right">${call.duration}</span>
3333            <span class="flex items-center gap-1 text-sm ${call.statusColor}">
3334                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
3335                    <path d="M20 6 9 17l-5-5" />
3336                </svg>
3337                ${call.status}
3338            </span>
3339        </div>
3340    `;
3341    return div;
3342  };
3343
3344  const lockCallHistoryHeight = () => {
3345    if (!callHistoryList) {
3346      return false;
3347    }
3348
3349    const rows = Array.from(callHistoryList.children).slice(0, 3);
3350    if (rows.length < 3) {
3351      return false;
3352    }
3353
3354    const height = rows.reduce((sum, row) => sum + row.offsetHeight, 0);
3355    if (height <= 0) {
3356      return false;
3357    }
3358
3359    const pxHeight = `${height}px`;
3360    callHistoryList.style.height = pxHeight;
3361    callHistoryList.style.minHeight = pxHeight;
3362    callHistoryList.style.maxHeight = pxHeight;
3363    callHistoryList.style.overflow = 'hidden';
3364    return true;
3365  };
3366
3367  const ensureHeightLock = () => {
3368    let attempts = 0;
3369
3370    const tryLock = () => {
3371      if (lockCallHistoryHeight()) {
3372        return;
3373      }
3374
3375      attempts += 1;
3376      if (attempts < 8) {
3377        requestAnimationFrame(tryLock);
3378      }
3379    };
3380
3381    tryLock();
3382  };
3383
3384  const rotateFeed = () => {
3385    if (!callHistoryList) {
3386      return;
3387    }
3388
3389    ensureHeightLock();
3390
3391    const nextCallObj = allCalls[currentCallIndex];
3392    currentCallIndex = (currentCallIndex + 1) % allCalls.length;
3393
3394    const firstItem = callHistoryList.firstElementChild;
3395    if (firstItem) {
3396      const itemHeight = firstItem.offsetHeight;
3397      firstItem.style.height = `${itemHeight}px`;
3398      firstItem.style.marginTop = `-${itemHeight}px`;
3399      firstItem.style.opacity = '0';
3400      firstItem.style.transition = 'margin-top 0.5s ease-in-out, opacity 0.5s ease-in-out';
3401      setTimeout(() => { firstItem.remove(); }, 500);
3402    }
3403
3404    const newItem = renderCall(nextCallObj);
3405    callHistoryList.appendChild(newItem);
3406  };
3407
3408  const stopFeedLoop = () => {
3409    if (feedIntervalId === null) {
3410      return;
3411    }
3412    window.clearInterval(feedIntervalId);
3413    feedIntervalId = null;
3414  };
3415
3416  const startFeedLoop = () => {
3417    if (!feedReady || feedIntervalId !== null) {
3418      return;
3419    }
3420    feedIntervalId = window.setInterval(rotateFeed, 2500);
3421  };
3422
3423  const updateFeedLoopState = () => {
3424    if (document.visibilityState === 'visible' && feedVisible) {
3425      startFeedLoop();
3426    } else {
3427      stopFeedLoop();
3428    }
3429  };
3430
3431  const initFeed = () => {
3432    if (!callHistoryList) {
3433      return;
3434    }
3435
3436    callHistoryList.innerHTML = '';
3437    allCalls.slice(0, 3).forEach((call) => {
3438      const div = renderCall(call);
3439      div.classList.remove('call-card-enter');
3440      callHistoryList.appendChild(div);
3441    });
3442
3443    ensureHeightLock();
3444    requestAnimationFrame(ensureHeightLock);
3445    window.addEventListener('resize', ensureHeightLock);
3446
3447    feedReady = true;
3448
3449    if ('IntersectionObserver' in window) {
3450      const feedObserver = new IntersectionObserver((entries) => {
3451        entries.forEach((entry) => {
3452          feedVisible = entry.isIntersecting;
3453        });
3454        updateFeedLoopState();
3455      }, { threshold: 0.1 });
3456      feedObserver.observe(callHistoryList);
3457    }
3458
3459    document.addEventListener('visibilitychange', updateFeedLoopState);
3460    updateFeedLoopState();
3461  };
3462
3463  const animatedElements = Array.from(shadow.querySelectorAll('.marquee, .marquee-reverse, .animate-gradient-wave'));
3464  const animationVisibility = new Map();
3465
3466  const updateAnimationPlayState = () => {
3467    const pageIsVisible = document.visibilityState === 'visible';
3468    animatedElements.forEach((element) => {
3469      const elementIsVisible = animationVisibility.has(element) ? animationVisibility.get(element) : true;
3470      if (pageIsVisible && elementIsVisible) {
3471        element.style.removeProperty('animation-play-state');
3472      } else {
3473        element.style.animationPlayState = 'paused';
3474      }
3475    });
3476  };
3477
3478  const initAnimationVisibilityControls = () => {
3479    if (animatedElements.length === 0) {
3480      return;
3481    }
3482
3483    if ('IntersectionObserver' in window) {
3484      const animationObserver = new IntersectionObserver((entries) => {
3485        entries.forEach((entry) => {
3486          animationVisibility.set(entry.target, entry.isIntersecting);
3487        });
3488        updateAnimationPlayState();
3489      }, { threshold: 0 });
3490
3491      animatedElements.forEach((element) => {
3492        animationVisibility.set(element, false);
3493        animationObserver.observe(element);
3494      });
3495    } else {
3496      animatedElements.forEach((element) => animationVisibility.set(element, true));
3497    }
3498
3499    document.addEventListener('visibilitychange', updateAnimationPlayState);
3500    updateAnimationPlayState();
3501  };
3502
3503  setTimeout(() => {
3504    initFeed();
3505    initLazySectionWork();
3506    initAnimationVisibilityControls();
3507  }, 100);
3508
3509})();
3510</script>
3510
3511
3512<style>
3513/* Latest Blog Posts — Homepage SEO crawl discovery */
3514.kixie-latest-posts,
3515.kixie-latest-posts *,
3516.kixie-latest-posts *::before,
3517.kixie-latest-posts *::after {
3518	box-sizing: border-box;
3519}
3520.kixie-latest-posts__grid {
3521	display: grid;
3522	grid-template-columns: 1fr;
3523	gap: 1.25rem;
3524	align-items: start;
3525}
3526@media (min-width: 640px) {
3527	.kixie-latest-posts__grid {
3528		grid-template-columns: 1fr 1fr;
3529		gap: 1.5rem;
3530	}
3531	.kixie-latest-posts__intro {
3532		grid-column: 1 / -1;
3533	}
3534}
3535@media (min-width: 1024px) {
3536	.kixie-latest-posts__grid {
3537		grid-template-columns: 300px 1fr 1fr;
3538		gap: 2rem;
3539	}
3540	.kixie-latest-posts__intro {
3541		grid-column: auto;
3542	}
3543}
3544.kixie-latest-posts__intro {
3545	display: flex;
3546	flex-direction: column;
3547	justify-content: center;
3548	padding-top: 0.5rem;
3549}
3550.kixie-latest-posts__blog-link {
3551	text-decoration: none;
3552}
3553.kixie-latest-posts__card {
3554	display: flex;
3555	flex-direction: column;
3556	text-decoration: none;
3557	border-radius: calc(var(--radius, 0.75rem) + 4px);
3558	overflow: hidden;
3559	background: hsl(var(--card, 40 30% 98%));
3560	border: 1px solid hsl(var(--border, 40 15% 88%));
3561	transition: box-shadow 0.3s ease, transform 0.3s ease;
3562	min-width: 0;
3563}
3564.kixie-latest-posts__card:hover {
3565	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.06);
3566	transform: translateY(-2px);
3567}
3568.kixie-latest-posts__thumb {
3569	overflow: hidden;
3570	aspect-ratio: 16 / 9;
3571	background: hsl(var(--muted, 40 15% 92%));
3572	width: 100%;
3573}
3574.kixie-latest-posts__img {
3575	display: block;
3576	width: 100%;
3577	height: 100%;
3578	max-width: 100%;
3579	object-fit: cover;
3580	transition: transform 0.4s ease;
3581}
3582.kixie-latest-posts__card:hover .kixie-latest-posts__img {
3583	transform: scale(1.03);
3584}
3585.kixie-latest-posts__title {
3586	padding: 1rem 1.25rem 1.25rem;
3587	font-size: 1rem;
3588	line-height: 1.4;
3589	letter-spacing: -0.01em;
3590	font-family: 'DM Sans', system-ui, sans-serif;
3591	font-weight: 600;
3592	color: hsl(var(--foreground, 270 30% 15%));
3593}
3594@media (min-width: 768px) {
3595	.kixie-latest-posts__title {
3596		padding: 1.25rem 1.5rem 1.5rem;
3597		font-size: 1.1rem;
3598	}
3599}
3600.kixie-latest-posts__card:hover .kixie-latest-posts__title {
3601	color: hsl(var(--cta, 0 84% 50%));
3602}
3603.kixie-latest-posts__no-image {
3604	aspect-ratio: 16 / 9;
3605	background: hsl(var(--muted, 40 15% 92%));
3606	display: flex;
3607	align-items: center;
3608	justify-content: center;
3609	padding: 1.5rem 1.25rem;
3610}
3611@media (min-width: 768px) {
3612	.kixie-latest-posts__no-image {
3613		padding: 2rem 1.5rem;
3614	}
3615}
3616.kixie-latest-posts__no-image-title {
3617	font-size: 1rem;
3618	line-height: 1.4;
3619	font-weight: 600;
3620	font-family: 'DM Sans', system-ui, sans-serif;
3621	color: hsl(var(--foreground, 270 30% 15%));
3622	text-align: center;
3623	letter-spacing: -0.01em;
3624	transition: color 0.3s ease;
3625}
3626@media (min-width: 768px) {
3627	.kixie-latest-posts__no-image-title {
3628		font-size: 1.1rem;
3629	}
3630}
3631.kixie-latest-posts__card:hover .kixie-latest-posts__no-image-title {
3632	color: hsl(var(--cta, 0 84% 50%));
3633}
3634.kixie-latest-posts__excerpt {
3635	padding: 0 1.25rem 1.25rem;
3636	font-size: 0.8125rem;
3637	line-height: 1.55;
3638	color: hsl(var(--muted-foreground, 270 10% 45%));
3639	font-family: 'DM Sans', system-ui, sans-serif;
3640}
3641@media (min-width: 768px) {
3642	.kixie-latest-posts__excerpt {
3643		padding: 0 1.5rem 1.5rem;
3644		font-size: 0.875rem;
3645	}
3646}
3647.kixie-latest-posts .kixie-lp__heading {
3648	font-family: 'DM Sans', system-ui, sans-serif;
3649	font-weight: 700;
3650	color: hsl(var(--foreground, 270 30% 15%));
3651	margin-bottom: 0.75rem;
3652	font-size: 1.75rem;
3653	line-height: 1.15;
3654	letter-spacing: -0.02em;
3655}
3656@media (min-width: 640px) {
3657	.kixie-latest-posts .kixie-lp__heading {
3658		font-size: 2rem;
3659		margin-bottom: 1rem;
3660	}
3661}
3662@media (min-width: 768px) {
3663	.kixie-latest-posts .kixie-lp__heading {
3664		font-size: 2.25rem;
3665	}
3666}
3667@media (min-width: 1024px) {
3668	.kixie-latest-posts .kixie-lp__heading {
3669		font-size: 2.75rem;
3670	}
3671}
3672.kixie-latest-posts .kixie-lp__subtext {
3673	font-size: 1rem;
3674	line-height: 1.6;
3675	color: hsl(var(--muted-foreground, 270 10% 45%));
3676	margin-bottom: 1.5rem;
3677}
3678@media (min-width: 768px) {
3679	.kixie-latest-posts .kixie-lp__subtext {
3680		font-size: 1.125rem;
3681		line-height: 1.75rem;
3682		margin-bottom: 2rem;
3683	}
3684}
3685.kixie-latest-posts .kixie-lp__blog-link {
3686	display: inline-flex;
3687	align-items: center;
3688	gap: 0.5rem;
3689	font-size: 0.875rem;
3690	font-weight: 600;
3691	text-transform: uppercase;
3692	letter-spacing: 0.05em;
3693	color: hsl(var(--cta, 0 84% 50%));
3694	text-decoration: none;
3695	transition: color 0.3s ease;
3696}
3697.kixie-latest-posts .kixie-lp__blog-link:hover {
3698	color: hsl(var(--foreground, 270 30% 15%));
3699}
3700.kixie-latest-posts .kixie-lp__blog-link svg {
3701	transition: transform 0.3s ease;
3702}
3703.kixie-latest-posts .kixie-lp__blog-link:hover svg {
3704	transform: translateX(4px);
3705}
3706</style>
3707
3708<!-- Latest Blog Posts — SEO crawl discovery -->
3709<section class="kixie-latest-posts" style="padding: 3rem 0; position: relative; overflow: hidden; background-color: hsl(var(--background, 40 33% 96%));">
3710	<div style="width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 1rem; box-sizing: border-box;">
3711		<div class="kixie-latest-posts__grid">
3712			<!-- Left column — heading + CTA -->
3713			<div class="kixie-latest-posts__intro">
3714				<h2 class="kixie-lp__heading">
3715					Get Informed
3716				</h2>
3717				<p class="kixie-lp__subtext">
3718					Read up on industry trends, best practices, sales tips, and more.
3719				</p>
3720				<a href="/sales-blog/" class="kixie-lp__blog-link">
3721					Go to Blog
3722					<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
3722ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
3723						<path d="M5 12h14"></path>
3724						<path d="m12 5 7 7-7 7"></path>
3725					</svg>
3726				</a>
3727			</div>
3728
3729			<!-- Post cards -->
3730														<a href="https://www.kixie.com/sales-blog/when-prospect-calls-become-harassment/" class="kixie-latest-posts__card">
3731											<div class="kixie-latest-posts__thumb">
3732							<img src="https://www.kixie.com/wp-content/uploads/2026/10/when-repeated-prospect-calls-become-harassment-featured.avif" alt="When Repeated Prospect Calls Become Harassment Is Not a Number" loading="lazy" class="kixie-latest-posts__img">
3733						</div>
3734						<h3 class="kixie-latest-posts__title">
3735							When Repeated Prospect Calls Become Harassment Is Not a Number						</h3>
3736									</a>
3737											<a href="https://www.kixie.com/sales-blog/how-to-build-a-sales-playbook/" class="kixie-latest-posts__card">
3738											<div class="kixie-latest-posts__thumb">
3739							<img src="https://www.kixie.com/wp-content/uploads/2026/10/how-to-build-a-sales-playbook-header-1024x683.webp" alt="How To Build A Sales Playbook Your Team Actually Follows" loading="lazy" class="kixie-latest-posts__img">
3740						</div>
3741						<h3 class="kixie-latest-posts__title">
3742							How To Build A Sales Playbook Your Team Actually Follows						</h3>
3743									</a>
3744											</div>
3745	</div>
3746</section>
3747</main>
3748
3749
3750<footer class="kixie-site-footer" role="contentinfo">
3751    <div class="kixie-footer-container">
3752        <div class="kixie-footer-grid">
3753            <div class="kixie-footer-brand">
3754                <a href="https://www.kixie.com/" class="kixie-footer-brand-link" aria-label="Kixie home">
3755                    <img src="https://www.kixie.com/wp-content/uploads/2026/02/Kixie-Logo-Light.png" alt="" class="kixie-footer-logo-image">
3756                </a>
3757                <p class="kixie-footer-copy">
3758                    The AI-powered communications platform for modern revenue teams.
3759                </p>
3760                <div class="kixie-footer-social" aria-label="Kixie social links">
3761                    <a href="https://www.linkedin.com/company/kixie/" target="_blank" rel="noopener noreferrer" aria-label="Kixie on LinkedIn">
3762                        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
3763                            <path d="M5.8 8.4h3.1v10H5.8v-10Zm1.6-4.9c1 0 1.7.7 1.7 1.6s-.7 1.6-1.8 1.6c-1 0-1.7-.7-1.7-1.6s.7-1.6 1.8-1.6Zm4.5 4.9h3v1.4c.4-.8 1.5-1.7 3.1-1.7 3.3 0 3.9 2.2 3.9 5v5.3h-3.1v-4.7c0-1.1 0-2.6-1.6-2.6s-1.8 1.2-1.8 2.5v4.8h-3.1v-10Z"></path>
3764                        </svg>
3765                    </a>
3766                    <a href="https://www.youtube.com/@getKixie" target="_blank" rel="noopener noreferrer" aria-label="Kixie on YouTube">
3767                        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
3768                            <path d="M21.6 7.2a2.8 2.8 0 0 0-2-2c-1.8-.5-8.6-.5-8.6-.5s-6.8 0-8.6.5a2.8 2.8 0 0 0-2 2A29 29 0 0 0 0 12a29 29 0 0 0 .4 4.8 2.8 2.8 0 0 0 2 2c1.8.5 8.6.5 8.6.5s6.8 0 8.6-.5a2.8 2.8 0 0 0 2-2A29 29 0 0 0 22 12a29 29 0 0 0-.4-4.8ZM8.8 15.4V8.6l5.8 3.4-5.8 3.4Z"></path>
3769                        </svg>
3770                    </a>
3771                    <a href="https://www.instagram.com/getkixie/" target="_blank" rel="noopener noreferrer" aria-label="Kixie on Instagram">
3772                        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
3773                            <path d="M7.1 2.8h9.8c2.3 0 4.2 1.9 4.2 4.2v9.8c0 2.3-1.9 4.2-4.2 4.2H7.1c-2.3 0-4.2-1.9-4.2-4.2V7c0-2.3 1.9-4.2 4.2-4.2Zm0 3C6.5 5.8 6 6.3 6 7v9.8c0 .7.5 1.2 1.2 1.2h9.8c.7 0 1.2-.5 1.2-1.2V7c0-.7-.5-1.2-1.2-1.2H7.1Zm4.9 2.4a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2.6a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Zm4.3-3.4a.9.9 0 1 1 0 1.8.9.9 0 0 1 0-1.8Z"></path>
3774                        </svg>
3775                    </a>
3776                    <a href="https://www.tiktok.com/@getkixie" target="_blank" rel="noopener noreferrer" aria-label="Kixie on TikTok">
3777                        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
3778                            <path d="M14.5 2.4h3.1c.2 1.4 1 2.5 2.1 3.3.7.5 1.5.8 2.3.9v3.2c-1.6 0-3.1-.5-4.4-1.4v6.4c0 3.9-3.1 7-7 7a6.3 6.3 0 0 1-6.4-6.3c0-3.4 2.7-6.2 6.1-6.3.5 0 1 .1 1.5.2v3.4a3 3 0 0 0-1.4-.3 2.9 2.9 0 1 0 2.9 2.9V2.4Z"></path>
3779                        </svg>
3780                    </a>
3781                    <a href="https://www.facebook.com/kixieweb" target="_blank" rel="noopener noreferrer" aria-label="Kixie on Facebook">
3782                        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
3783                            <path d="M14 8.2V6.6c0-.8.3-1.2 1.3-1.2h1.8V2.3c-.9-.1-1.8-.2-2.7-.2-2.8 0-4.6 1.7-4.6 4.7v2.4H6.9v3.5h2.9v8.2H14v-8.2h2.9l.5-3.5H14Z"></path>
3784                        </svg>
3785                    </a>
3786                    <a href="https://x.com/getkixie" target="_blank" rel="noopener noreferrer" aria-label="Kixie on X">
3787                        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
3788                            <path d="M14.3 10.2 21.7 2h-2.8l-5.2 5.8L9.5 2H2.4l7.8 10.8L2 22h2.8l5.9-6.6 4.8 6.6h7.1l-8.3-11.8Zm-2.1 2.3-1.3-1.8L6 4.1h2.3l4 5.4 1.3 1.8 5.2 7.
37881h-2.3l-4.3-5.9Z"></path>
3789                        </svg>
3790                    </a>
3791                </div>
3792            </div>
3793
3794            <div>
3795                <h4 class="kixie-footer-title">Platform</h4>
3796                <ul class="kixie-footer-list">
3797                    <li><a href="/features/power-dialer/">Power Dialer</a></li>
3798                    <li><a href="/features/contact-center/">Contact Center</a></li>
3799                    <li><a href="/features/analytics-and-reporting/">Analytics &amp; Reporting</a></li>
3800                    <li><a href="/features/text-messaging/">Business SMS</a></li>
3801                    <li><a href="/features/connectionboost/">ConnectionBoost</a></li>
3802                    <li><a href="/features/">All Features</a></li>
3803                </ul>
3804            </div>
3805
3806            <div>
3807                <h4 class="kixie-footer-title">Integrations</h4>
3808                <ul class="kixie-footer-list">
3809                    <li><a href="/integrations/hubspot/">HubSpot</a></li>
3810                    <li><a href="/integrations/salesforce/">Salesforce</a></li>
3811                    <li><a href="/integrations/zoho/">Zoho</a></li>
3812                    <li><a href="/integrations/pipedrive/">Pipedrive</a></li>
3813                    <li><a href="/integrations/zapier/">Zapier</a></li>
3814                    <li><a href="/integrations/">All Integrations</a></li>
3815                </ul>
3816            </div>
3817
3818            <div>
3819                <h4 class="kixie-footer-title">Resources</h4>
3820                <ul class="kixie-footer-list">
3821                    <li><a href="https://status.kixie.com/" target="_blank" rel="noopener noreferrer">App Status</a></li>
3822                    <li><a href="/sales-blog/">Blog</a></li>
3823                    <li><a href="/success-stories/">Success Stories</a></li>
3824                    <li><a href="/reviews/">Reviews</a></li>
3825                    <li><a href="https://support.kixie.com/hc/en-us" target="_blank" rel="noopener noreferrer">Support</a></li>
3826                    <li><a href="/developer/">Developer</a></li>
3827                </ul>
3828            </div>
3829
3830            <div>
3831                <h4 class="kixie-footer-title">About</h4>
3832                <ul class="kixie-footer-list">
3833                    <li><a href="/about/">About Us</a></li>
3834                    <li><a href="/contact/">Contact</a></li>
3835                    <li><a href="/pricing/">Plans</a></li>
3836                    <li><a href="/editorial-standards/">Editorial Standards</a></li>
3837                    <li><a href="/corrections-policy/">Corrections</a></li>
3838                    <li><a href="/security/">Security</a></li>
3839                    <li><a href="/terms/">Terms</a></li>
3840                </ul>
3841            </div>
3842        </div>
3843
3844        <div class="kixie-footer-bottom">
3845            <p>© 2026 Kixie. All rights reserved. <span class="kixie-footer-disclaimer">Images, animations and descriptions are for illustrative purposes only and may not represent currently available product features. Kixie makes no guarantees regarding the availability of any depicted features.</span></p>
3846            <div class="kixie-footer-legal">
3847                <a href="/privacy-policy/">Privacy Policy</a>
3848                <a href="/terms/">Terms of Service</a>
3849            </div>
3850        </div>
3851    </div>
3852</footer>
3853
3854</div><!-- #content -->
3855</div><!-- #page -->
3856
3857<script>
3858(function(){
3859	var inject = document.getElementById("kixie-latest-posts-inject");
3860	var main = document.getElementById("primary");
3861	if(inject && main){
3862		// Move children before </main>
3863		while(inject.firstChild){ main.appendChild(inject.firstChild); }
3864		inject.remove();
3865	}
3866})();
3867</script>
3867<script type="text/javascript" src="https://www.kixie.com/wp-includes/js/hoverintent-js.min.js" id="hoverintent-js-js"></script>
vendor: 1 bytes, line 3867
3867
3868<script type="text/javascript" src="https://www.kixie.com/wp-content/themes/Kixie%20Theme/js/custom.js?ver=1771981274" id="kixie-theme-scripts-js"></script>
vendor: 1 bytes, line 3868
3868
3869<script id="wp-emoji-settings" type="application/json">
3870{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"wpemoji":"https://www.kixie.com/wp-includes/js/wp-emoji.js","twemoji":"https://www.kixie.com/wp-includes/js/twemoji.js"}}
3871</script>
vendor: 1 bytes, line 3871
3871
3872<script type="module">
3873/* <![CDATA[ */
3874/**
3875 * @output wp-includes/js/wp-emoji-loader.js
3876 */
3877
3878/* eslint-env es6 */
3879
3880// Note: This is loaded as a script module, so there is no need for an IIFE to prevent pollution of the global scope.
3881
3882/**
3883 * Emoji Settings as exported in PHP via _print_emoji_detection_script().
3884 * @typedef WPEmojiSettings
3885 * @type {object}
3886 * @property {?object} source
3887 * @property {?string} source.concatemoji
3888 * @property {?string} source.twemoji
3889 * @property {?string} source.wpemoji
3890 */
3891
3892const settings = /** @type {WPEmojiSettings} */ (
3893	JSON.parse( document.getElementById( 'wp-emoji-settings' ).textContent )
3894);
3895
3896// For compatibility with other scripts that read from this global, in particular wp-includes/js/wp-emoji.js (source file: js/_enqueues/wp/emoji.js).
3897window._wpemojiSettings = settings;
3898
3899/**
3900 * Support tests.
3901 * @typedef SupportTests
3902 * @type {object}
3903 * @property {?boolean} flag
3904 * @property {?boolean} emoji
3905 */
3906
3907const sessionStorageKey = 'wpEmojiSettingsSupports';
3908const tests = [ 'flag', 'emoji' ];
3909
3910/**
3911 * Checks whether the browser supports offloading to a Worker.
3912 *
3913 * @since 6.3.0
3914 *
3915 * @private
3916 *
3917 * @returns {boolean}
3918 */
3919function supportsWorkerOffloading() {
3920	return (
3921		typeof Worker !== 'undefined' &&
3922		typeof OffscreenCanvas !== 'undefined' &&
3923		typeof URL !== 'undefined' &&
3924		URL.createObjectURL &&
3925		typeof Blob !== 'undefined'
3926	);
3927}
3928
3929/**
3930 * @typedef SessionSupportTests
3931 * @type {object}
3932 * @property {number} timestamp
3933 * @property {SupportTests} supportTests
3934 */
3935
3936/**
3937 * Get support tests from session.
3938 *
3939 * @since 6.3.0
3940 *
3941 * @private
3942 *
3943 * @returns {?SupportTests} Support tests, or null if not set or older than 1 week.
3944 */
3945function getSessionSupportTests() {
3946	try {
3947		/** @type {SessionSupportTests} */
3948		const item = JSON.parse(
3949			sessionStorage.getItem( sessionStorageKey )
3950		);
3951		if (
3952			typeof item === 'object' &&
3953			typeof item.timestamp === 'number' &&
3954			new Date().valueOf() < item.timestamp + 604800 && // Note: Number is a week in seconds.
3955			typeof item.supportTests === 'object'
3956		) {
3957			return item.supportTests;
3958		}
3959	} catch ( e ) {}
3960	return null;
3961}
3962
3963/**
3964 * Persist the supports in session storage.
3965 *
3966 * @since 6.3.0
3967 *
3968 * @private
3969 *
3970 * @param {SupportTests} supportTests Support tests.
3971 */
3972function setSessionSupportTests( supportTests ) {
3973	try {
3974		/** @type {SessionSupportTests} */
3975		const item = {
3976			supportTests: supportTests,
3977			timestamp: new Date().valueOf()
3978		};
3979
3980		sessionStorage.setItem(
3981			sessionStorageKey,
3982			JSON.stringify( item )
3983		);
3984	} catch ( e ) {}
3985}
3986
3987/**
3988 * Checks if two sets of Emoji characters render the same visually.
3989 *
3990 * This is used to determine if the browser is rendering an emoji with multiple data points
3991 * correctly. set1 is the emoji in the correct form, using a zero-width joiner. set2 is the emoji
3992 * in the incorrect form, using a zero-width space. If the two sets render the same, then the browser
3993 * does not support the emoji correctly.
3994 *
3995 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
3996 * scope. Everything must be passed by parameters.
3997 *
3998 * @since 4.9.0
3999 *
4000 * @private
4001 *
4002 * @param {CanvasRenderingContext2D} context 2D Context.
4003 * @param {string} set1 Set of Emoji to test.
4004 * @param {string} set2 Set of Emoji to test.
4005 *
4006 * @return {boolean} True if the two sets render the same.
4007 */
4008function emojiSetsRenderIdentically( context, set1, set2 ) {
4009	// Cleanup from previous test.
4010	context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
4011	context.fillText( set1, 0, 0 );
4012	const rendered1 = new Uint32Array(
4013		context.getImageData(
4014			0,
4015			0,
4016			context.canvas.width,
4017			context.canvas.height
4018		).data
4019	);
4020
4021	// Cleanup from previous test.
4022	context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
4023	context.fillText( set2, 0, 0 );
4024	const rendered2 = new Uint32Array(
4025		context.getImageData(
4026			0,
4027			0,
4028			context.canvas.width,
4029			context.canvas.height
4030		).data
4031	);
4032
4033	return rendered1.every( ( rendered2Data, index ) => {
4034		return rendered2Data === rendered2[ index ];
4035	} );
4036}
4037
4038/**
4039 * Checks if the center point of a single emoji is empty.
4040 *
4041 * This is used to determine if the browser is rendering an emoji with a single data point
4042 * correctly. The center point of an incorrectly rendered emoji will be empty. A correctly
4043 * rendered emoji will have a non-zero value at the center point.
4044 *
4045 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
4046 * scope. Everything must be passed by parameters.
4047 *
4048 * @since 6.8.2
4049 *
4050 * @private
4051 *
4052 * @param {CanvasRenderingContext2D} context 2D Context.
4053 * @param {string} emoji Emoji to test.
4054 *
4055 * @return {boolean} True if the center point is empty.
4056 */
4057function emojiRendersEmptyCenterPoint( context, emoji ) {
4058	// Cleanup from previous test.
4059	context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
4060	context.fillText( emoji, 0, 0 );
4061
4062	// Test if the center point (16, 16) is empty (0,0,0,0).
4063	const centerPoint = context.getImageData(16, 16, 1, 1);
4064	for ( let i = 0; i < centerPoint.data.length; i++ ) {
4065		if ( centerPoint.data[ i ] !== 0 ) {
4066			// Stop checking the moment it's known not to be empty.
4067			return false;
4068		}
4069	}
4070
4071	return true;
4072}
4073
4074/**
4075 * Determines if the browser properly renders Emoji that Twemoji can supplement.
4076 *
4077 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
4078 * scope. Everything must be passed by parameters.
4079 *
4080 * @since 4.2.0
4081 *
4082 * @private
4083 *
4084 * @param {CanvasRenderingContext2D} context 2D Context.
4085 * @param {string} type Whether to test for support of "flag" or "emoji".
4086 * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification.
4087 * @param {Function} emojiRendersEmptyCenterPoint Reference to emojiRendersEmptyCenterPoint function, needed due to minification.
4088 *
4089 * @return {boolean} True if the browser can render emoji, false if it cannot.
4090 */
4091function browserSupportsEmoji( context, type, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint ) {
4092	let isIdentical;
4093
4094	switch ( type ) {
4095		case 'flag':
4096			/*
4097			 * Test for Transgender flag compatibility. Added in Unicode 13.
4098			 *
4099			 * To test for support, we try to render it, and compare the rendering to how it would look if
4100			 * the browser doesn't render it correctly (white flag emoji + transgender symbol).
4101			 */
4102			isIdentical = emojiSetsRenderIdentically(
4103				context,
4104				'\uD83C\uDFF3\uFE0F\u200D\u26A7\uFE0F', // as a zero-width joiner sequence
4105				'\uD83C\uDFF3\uFE0F\u200B\u26A7\uFE0F' // separated by a zero-width space
4106			);
4107
4108			if ( isIdentical ) {
4109				return false;
4110			}
4111
4112			/*
4113			 * Test for Sark flag compatibility. This is the least supported of the letter locale flags,
4114			 * so gives us an easy test for full support.
4115			 *
4116			 * To test for support, we try to render it, and compare the rendering to how it would look if
4117			 * the browser doesn't render it correctly ([C] + [Q]).
4118			 */
4119			isIdentical = emojiSetsRenderIdentically(
4120				context,
4121				'\uD83C\uDDE8\uD83C\uDDF6', // as the sequence of two code points
4122				'\uD83C\uDDE8\u200B\uD83C\uDDF6' // as the two code points separated by a zero-width space
4123			);
4124
4125			if ( isIdentical ) {
4126				return false;
4127			}
4128
4129			/*
4130			 * Test for English flag compatibility. England is a country in the United Kingdom, it
4131			 * does not have a two letter locale code but rather a five letter sub-division code.
4132			 *
4133			 * To test for support, we try to render it, and compare the rendering to how it would look if
4134			 * the browser doesn't render it correctly (black flag emoji + [G] + [B] + [E] + [N] + [G]).
4135			 */
4136			isIdentical = emojiSetsRenderIdentically(
4137				context,
4138				// as the flag sequence
4139				'\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67\uDB40\uDC7F',
4140				// with each code point separated by a zero-width space
4141				'\uD83C\uDFF4\u200B\uDB40\uDC67\u200B\uDB40\uDC62\u200B\uDB40\uDC65\u200B\uDB40\uDC6E\u200B\uDB40\uDC67\u200B\uDB40\uDC7F'
4142			);
4143
4144			return ! isIdentical;
4145		case 'emoji':
4146			/*
4147			 * Is there a large, hairy, humanoid mythical creature living in the browser?
4148			 *
4149			 * To test for Emoji 17.0 support, try to render a new emoji: Hairy Creature.
4150			 *
4151			 * The hairy creature emoji is a single code point emoji. Testing for browser
4152			 * support required testing the center point of the emoji to see if it is empty.
4153			 *
4154			 * 0xD83E 0x1FAC8 (\uD83E\u1FAC8) == 🫈 Hairy creature.
4155			 *
4156			 * When updating this test, please ensure that the emoji is either a single code point
4157			 * or switch to using the emojiSetsRenderIdentically function and testing with a zero-width
4158			 * joiner vs a zero-width space.
4159			 */
4160			const notSupported = emojiRendersEmptyCenterPoint( context, '\uD83E\u1FAC8' );
4161			return ! notSupported;
4162	}
4163
4164	return false;
4165}
4166
4167/**
4168 * Checks emoji support tests.
4169 *
4170 * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
4171 * scope. Everything must be passed by parameters.
4172 *
4173 * @since 6.3.0
4174 *
4175 * @private
4176 *
4177 * @param {string[]} tests Tests.
4178 * @param {Function} browserSupportsEmoji Reference to browserSupportsEmoji function, needed due to minification.
4179 * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification.
4180 * @param {Function} emojiRendersEmptyCenterPoint Reference to emojiRendersEmptyCenterPoint function, needed due to minification.
4181 *
4182 * @return {SupportTests}
4182 Support tests.
4183 */
4184function testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint ) {
4185	let canvas;
4186	if (
4187		typeof WorkerGlobalScope !== 'undefined' &&
4188		self instanceof WorkerGlobalScope
4189	) {
4190		canvas = new OffscreenCanvas( 300, 150 ); // Dimensions are default for HTMLCanvasElement.
4191	} else {
4192		canvas = document.createElement( 'canvas' );
4193	}
4194
4195	const context = canvas.getContext( '2d', { willReadFrequently: true } );
4196
4197	/*
4198	 * Chrome on OS X added native emoji rendering in M41. Unfortunately,
4199	 * it doesn't work when the font is bolder than 500 weight. So, we
4200	 * check for bold rendering support to avoid invisible emoji in Chrome.
4201	 */
4202	context.textBaseline = 'top';
4203	context.font = '600 32px Arial';
4204
4205	const supports = {};
4206	tests.forEach( ( test ) => {
4207		supports[ test ] = browserSupportsEmoji( context, test, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint );
4208	} );
4209	return supports;
4210}
4211
4212/**
4213 * Adds a script to the head of the document.
4214 *
4215 * @ignore
4216 *
4217 * @since 4.2.0
4218 *
4219 * @param {string} src The url where the script is located.
4220 *
4221 * @return {void}
4222 */
4223function addScript( src ) {
4224	const script = document.createElement( 'script' );
4225	script.src = src;
4226	script.defer = true;
4227	document.head.appendChild( script );
4228}
4229
4230settings.supports = {
4231	everything: true,
4232	everythingExceptFlag: true
4233};
4234
4235// Obtain the emoji support from the browser, asynchronously when possible.
4236new Promise( ( resolve ) => {
4237	let supportTests = getSessionSupportTests();
4238	if ( supportTests ) {
4239		resolve( supportTests );
4240		return;
4241	}
4242
4243	if ( supportsWorkerOffloading() ) {
4244		try {
4245			// Note that the functions are being passed as arguments due to minification.
4246			const workerScript =
4247				'postMessage(' +
4248				testEmojiSupports.toString() +
4249				'(' +
4250				[
4251					JSON.stringify( tests ),
4252					browserSupportsEmoji.toString(),
4253					emojiSetsRenderIdentically.toString(),
4254					emojiRendersEmptyCenterPoint.toString()
4255				].join( ',' ) +
4256				'));';
4257			const blob = new Blob( [ workerScript ], {
4258				type: 'text/javascript'
4259			} );
4260			const worker = new Worker( URL.createObjectURL( blob ), { name: 'wpTestEmojiSupports' } );
4261			worker.onmessage = ( event ) => {
4262				supportTests = event.data;
4263				setSessionSupportTests( supportTests );
4264				worker.terminate();
4265				resolve( supportTests );
4266			};
4267			return;
4268		} catch ( e ) {}
4269	}
4270
4271	supportTests = testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint );
4272	setSessionSupportTests( supportTests );
4273	resolve( supportTests );
4274} )
4275	// Once the browser emoji support has been obtained from the session, finalize the settings.
4276	.then( ( supportTests ) => {
4277		/*
4278		 * Tests the browser support for flag emojis and other emojis, and adjusts the
4279		 * support settings accordingly.
4280		 */
4281		for ( const test in supportTests ) {
4282			settings.supports[ test ] = supportTests[ test ];
4283
4284			settings.supports.everything =
4285				settings.supports.everything && settings.supports[ test ];
4286
4287			if ( 'flag' !== test ) {
4288				settings.supports.everythingExceptFlag =
4289					settings.supports.everythingExceptFlag &&
4290					settings.supports[ test ];
4291			}
4292		}
4293
4294		settings.supports.everythingExceptFlag =
4295			settings.supports.everythingExceptFlag &&
4296			! settings.supports.flag;
4297
4298		// When the browser can not render everything we need to load a polyfill.
4299		if ( ! settings.supports.everything ) {
4300			const src = settings.source || {};
4301
4302			if ( src.concatemoji ) {
4303				addScript( src.concatemoji );
4304			} else if ( src.wpemoji && src.twemoji ) {
4305				addScript( src.twemoji );
4306				addScript( src.wpemoji );
4307			}
4308		}
4309	} );
4310//# sourceURL=https://www.kixie.com/wp-includes/js/wp-emoji-loader.js
4311/* ]]> */
4312</script>
vendor: 1 bytes, line 4312
4312
4313<script id="kixie-h1-capitalize">
4314(function(){
4315    var sels = 'h1, .hero-title, .hero-badge';
4316    var els = document.querySelectorAll(sels);
4317    for (var i = 0; i < els.length; i++) {
4318        var el = els[i];
4319        // Skip pills/badges — they should stay uppercase
4320        if (el.classList.contains('hero-badge')) continue;
4321        var txt = el.textContent || '';
4322        // Only transform if text appears to be ALL-CAPS (>60% uppercase letters)
4323        var letters = txt.replace(/[^a-zA-Z]/g, '');
4324        if (letters.length > 3) {
4325            var upper = letters.replace(/[^A-Z]/g, '').length;
4326            if (upper / letters.length > 0.6) {
4327                // Convert to Title Case
4328                el.textContent = txt.toLowerCase().replace(/(?:^|\s|[-/])\S/g, function(m){ return m.toUpperCase(); });
4329            }
4330        }
4331    }
4332})();
4333</script>
4333
4334
4335<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a0a2d940ee5368e6',t:'MTc4MTIwNDMyMQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
4335<iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; visibility: hidden;"></iframe>
4336
4337<script id="" text="" charset="" type="text/javascript" src="https://tools.luckyorange.com/core/lo.js?site-id=48de4e40"></script>
vendor: 1 bytes, line 4337
4337
4338<script id="hs-script-loader" text="" charset="" type="text/javascript" src="//js.hs-scripts.com/20564323.js"></script>
4338<div style="display: none; visibility: hidden;">
4339
4340<script data-cfasync="false" type="text/javascript" src="https://tracker.gaconnector.com/gaconnector.js"></script>
vendor: 1 bytes, line 4340
4340
4341<script>function setGaconnectorHiddenFields(){var c=gaconnector.getCookieValues(),a;for(a in c){var b='form input[name\x3d"'+a+'"], form input#'+a+", form input#field_"+a+', form input[name\x3d"'+a.toLowerCase()+'"], form input#'+a.toLowerCase()+", form input#field_"+a.toLowerCase()+', input[value\x3d"gaconnector_'+a+'"],';b+='form textarea[name\x3d"'+a+'"], form textarea#'+a+", form textarea#field_"+a+', form textarea[name\x3d"'+a.toLowerCase()+'"], form textarea#'+a.toLowerCase()+", form textarea#field_"+
4342a.toLowerCase()+", form textarea."+a+', form textarea[name\x3d"param['+a+"]\"], form textarea[id^\x3d'field_"+a+"']";b=document.querySelectorAll(b);if(null!==b)if("undefined"===typeof b.length)b.value=c[a];else for(var d=0;d<b.length;d++)b[d].value=c[a]}}gaconnector.setCallback(setGaconnectorHiddenFields);setInterval(setGaconnectorHiddenFields,1E3);</script>
4342
4343</div>
4343<script type="text/javascript" id="init-dreamdata" charset="">!function(){var c="dreamdata",a=window[c]=window[c]||[];if(!a.initialize)if(a.invoked)window.console&&console.error&&console.error("Dreamdata snippet included twice.");else{a.invoked=!0;a.methods="trackSubmit trackClick trackLink trackForm pageview identify reset group track ready alias debug page screen once off on addSourceMiddleware addIntegrationMiddleware setAnonymousId addDestinationMiddleware register".split(" ");a.factory=function(b){return function(){if(window[c].initialized)return window[c][b].apply(window[c],
4344arguments);var d=Array.prototype.slice.call(arguments);if("track screen alias group page identify".split(" ").indexOf(b)>-1){var e=document.querySelector("link[rel\x3d'canonical']");d.push({__t:"bpc",c:e&&e.getAttribute("href")||void 0,p:location.pathname,u:location.href,s:location.search,t:document.title,r:document.referrer})}return d.unshift(b),a.push(d),a}};for(var f=0;f<a.methods.length;f++){var g=a.methods[f];a[g]=a.factory(g)}a.load=function(b,d){b=document.createElement("script");b.id="dreamdata-analytics";
4345b.type="text/javascript";b.async=!0;b.setAttribute("data-global-dreamdata-analytics-key",c);b.src="https://cdn.dreamdata.cloud/scripts/analytics/next/dreamdata.min.js";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(b,e);a._loadOptions=d};a._writeKey="17d5275c-3d3e-40b0-b18d-8aeb80619886";a.SNIPPET_VERSION="dreamdata-2.0.1";a.load("17d5275c-3d3e-40b0-b18d-8aeb80619886",{googleEnhancedConversions:!0,formTracking:{html:!0},intentSources:{autoGroup:!0}});a.page()}}();</script>
4345<script type="text/javascript" id="" charset="">!function(b){if(!window.reb2b){window.reb2b={loaded:!0};var a=document.createElement("script");a.async=!0;a.src="https://b2bjsstore.s3.us-west-2.amazonaws.com/b/"+b+"/"+b+".js.gz";document.getElementsByTagName("script")[0].parentNode.insertBefore(a,document.getElementsByTagName("script")[0])}}("5Z6PVLHEJ76R");</script>
4345<script id="" text="" charset="" type="text/javascript" src="https://static.claydar.com/init.v1.js?id=cGJCgAAwXB"></script>
4345
4346<div id="batBeacon147062306838" style="width: 0px; height: 0px; display: none; visibility: hidden;"><img id="batBeacon34413316271" width="0" height="0" alt="" src="https://bat.bing.com/action/0?ti=17555204&amp;tm=gtm002&amp;Ver=2&amp;mid=55be3df5-af37-44cc-87a7-670607a09d74&amp;bo=1&amp;sid=feea6c00653f11f19016cd5e3c679b80&amp;vid=feea5b00653f11f19013bbfbdba21a7d&amp;vids=0&amp;msclkid=N&amp;pi=918639831&amp;lg=en-US&amp;sw=1728&amp;sh=1117&amp;sc=30&amp;tl=Kixie%20PowerCall%20%E2%80%93%20Better%20Sales%20Made%20Simple&amp;p=https%3A%2F%2Fwww.kixie.com%2F&amp;r=https%3A%2F%2Fwww.kixie.com%2Fsales-blog%2F&amp;lt=221&amp;evt=pageLoad&amp;sv=2&amp;cdb=AQAQ&amp;rn=156463" style="width: 0px; height: 0px; display: none; visibility: hidden;"></div>
4347<div class="go2933276541 go2369186930" id="hs-web-interactives-top-anchor"><div id="hs-interactives-modal-overlay" class="go1632949049"></div></div>
4348<div class="go2933276541 go1348078617" id="hs-web-interactives-bottom-anchor"></div>
4349<div id="hs-web-interactives-floating-container">
4350  <div id="hs-web-interactives-floating-top-left-anchor" class="go2417249464 go613305155">
4351  </div>
4352  <div id="hs-web-interactives-floating-top-right-anchor" class="go2417249464 go471583506">
4353  </div>
4354  <div id="hs-web-interactives-floating-bottom-left-anchor" class="go2417249464 go3921366393">
4355  </div>
4356  <div id="hs-web-interactives-floating-bottom-right-anchor" class="go2417249464 go3967842156">
4357  </div>
4358</div>
4359<iframe id="intercom-frame" style="position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; top: 0 !important; left: 0 !important; border: none !important; display: block !important; z-index: -1 !important; pointer-events: none;" aria-hidden="true" tabindex="-1" title="Intercom"></iframe><div class="intercom-lightweight-app"><div class="intercom-lightweight-app-launcher intercom-launcher" role="button" tabindex="0" aria-label="Open Intercom Messenger" aria-live="polite"><div class="intercom-lightweight-app-launcher-icon intercom-lightweight-app-launcher-icon-open"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 32"><path d="M28 32s-4.714-1.855-8.527-3.34H3.437C1.54 28.66 0 27.026 0 25.013V3.644C0 1.633 1.54 0 3.437 0h21.125c1.898 0 3.437 1.632 3.437 3.645v18.404H28V32zm-4.139-11.982a.88.88 0 00-1.292-.105c-.03.026-3.015 2.681-8.57 2.681-5.486 0-8.517-2.636-8.571-2.684a.88.88 0 00-1.29.107 1.01 1.01 0 00-.219.708.992.992 0 00.318.664c.142.128 3.537 3.15 9.762 3.15 6.226 0 9.621-3.022 9.763-3.15a.992.992 0 00.317-.664 1.01 1.01 0 00-.218-.707z"></path></svg></div><div class="intercom-lightweight-app-launcher-icon intercom-lightweight-app-launcher-icon-minimize"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4360  <path fill-rule="evenodd" clip-rule="evenodd" d="M18.601 8.39897C18.269 8.06702 17.7309 8.06702 17.3989 8.39897L12 13.7979L6.60099 8.39897C6.26904 8.06702 5.73086 8.06702 5.39891 8.39897C5.06696 8.73091 5.06696 9.2691 5.39891 9.60105L11.3989 15.601C11.7309 15.933 12.269 15.933 12.601 15.601L18.601 9.60105C18.9329 9.2691 18.9329 8.73091 18.601 8.39897Z" fill="currentColor"></path>
4361</svg>
4362</div></div><style id="intercom-lightweight-app-style" type="text/css">
4363  @keyframes intercom-lightweight-app-launcher {
4364    from {
4365      opacity: 0;
4366      transform: scale(0.5);
4367    }
4368    to {
4369      opacity: 1;
4370      transform: scale(1);
4371    }
4372  }
4373
4374  @keyframes intercom-lightweight-app-gradient {
4375    from {
4376      opacity: 0;
4377    }
4378    to {
4379      opacity: 1;
4380    }
4381  }
4382
4383  @keyframes intercom-lightweight-app-messenger {
4384    0% {
4385      opacity: 0;
4386      transform: scale(0);
4387    }
4388    40% {
4389      opacity: 1;
4390    }
4391    100% {
4392      transform: scale(1);
4393    }
4394  }
4395
4396  .intercom-lightweight-app {
4397    position: fixed;
4398    z-index: 2147483001;
4399    width: 0;
4400    height: 0;
4401    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
4402  }
4403
4404  .intercom-lightweight-app-gradient {
4405    position: fixed;
4406    z-index: 2147483002;
4407    width: 500px;
4408    height: 500px;
4409    bottom: 0;
4410    right: 0;
4411    pointer-events: none;
4412    background: radial-gradient(
4413      ellipse at bottom right,
4414      rgba(29, 39, 54, 0.16) 0%,
4415      rgba(29, 39, 54, 0) 72%);
4416    animation: intercom-lightweight-app-gradient 200ms ease-out;
4417  }
4418
4419  .intercom-lightweight-app-launcher {
4420    position: fixed;
4421    z-index: 2147483003;
4422    padding: 0 !important;
4423    margin: 0 !important;
4424    border: none;
4425    bottom: 25px;
4426    right: 25px;
4427    max-width: 48px;
4428    width: 48px;
4429    max-height: 48px;
4430    height: 48px;
4431    border-radius: 50%;
4432    background: #eaf0fc;
4433    cursor: pointer;
4434    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
4435    transition: transform 167ms cubic-bezier(0.33, 0.00, 0.00, 1.00);
4436    box-sizing: content-box;
4437  }
4438
4439
4440  .intercom-lightweight-app-launcher:hover {
4441    transition: transform 250ms cubic-bezier(0.33, 0.00, 0.00, 1.00);
4442    transform: scale(1.1)
4443  }
4444
4445  .intercom-lightweight-app-launcher:active {
4446    transform: scale(0.85);
4447    transition: transform 134ms cubic-bezier(0.45, 0, 0.2, 1);
4448  }
4449
4450
4451  .intercom-lightweight-app-launcher:focus {
4452    outline: none;
4453
4454    
4455  }
4456
4457  .intercom-lightweight-app-launcher-icon {
4458    display: flex;
4459    align-items: center;
4460    justify-content: center;
4461    position: absolute;
4462    top: 0;
4463    left: 0;
4464    width: 48px;
4465    height: 48px;
4466    transition: transform 100ms linear, opacity 80ms linear;
4467  }
4468
4469  .intercom-lightweight-app-launcher-icon-open {
4470    
4471        opacity: 1;
4472        transform: rotate(0deg) scale(1);
4473      
4474  }
4475
4476  .intercom-lightweight-app-launcher-icon-open svg {
4477    width: 24px;
4478    height: 24px;
4479  }
4480
4481  .intercom-lightweight-app-launcher-icon-open svg path {
4482    fill: rgb(20, 22, 26);
4483  }
4484
4485  .intercom-lightweight-app-launcher-icon-self-serve {
4486    
4487        opacity: 1;
4488        transform: rotate(0deg) scale(1);
4489      
4490  }
4491
4492  .intercom-lightweight-app-launcher-icon-self-serve svg {
4493    height: 44px;
4494  }
4495
4496  .intercom-lightweight-app-launcher-icon-self-serve svg path {
4497    fill: rgb(20, 22, 26);
4498  }
4499
4500  .intercom-lightweight-app-launcher-custom-icon-open {
4501    max-height: 24px;
4502    max-width: 24px;
4503
4504    
4505        opacity: 1;
4506        transform: rotate(0deg) scale(1);
4507      
4508  }
4509
4510  .intercom-lightweight-app-launcher-icon-minimize {
4511    
4512        opacity: 0;
4513        transform: rotate(-60deg) scale(0);
4514      
4515  }
4516
4517  .intercom-lightweight-app-launcher-icon-minimize svg path {
4518    fill: rgb(20, 22, 26);
4519  }
4520
4521  /* Extended launcher styles */
4522  .intercom-lightweight-app-launcher.intercom-launcher-extended {
4523    width: calc(180px - 30px);
4524    max-width: calc(180px - 30px);
4525    height: calc(45px - 26px);
4526    max-height: calc(45px - 26px);
4527    border-radius: 12px;
4528    display: flex;
4529    align-items: center;
4530    justify-content: flex-start;
4531    padding: 12px 16px 12px 12px !important;
4532    gap: 6px;
4533    /* Use theme background instead of hardcoded gradient */
4534    background: #eaf0fc;
4535    border: 1px solid rgba(255, 255, 255, 0.15);
4536    box-shadow: 0px -2px 50px rgba(0, 0, 0, 0.1);
4537    
4538  }
4539
4540  .intercom-lightweight-app-launcher.intercom-launcher-extended .intercom-lightweight-app-launcher-icon {
4541    position: relative;
4542    width: 24px;
4543    height: 24px;
4544  }
4545
4546  .intercom-lightweight-app-launcher-text {
4547    /* Match text color with launcher icon */
4548    color: rgb(20, 22, 26);
4549    font-size: 14px;
4550    font-weight: 600;
4551    line-height: 1.5;
4552    white-space: nowrap;
4553    overflow: hidden;
4554    text-overflow: ellipsis;
4555    max-width: 140px;
4556    opacity: 1;
4557    transition: opacity 80ms linear;
4558  }
4559
4560  .intercom-lightweight-app-messenger {
4561    position: fixed;
4562    z-index: 2147483003;
4563    overflow: hidden;
4564    background-color: #ffffff;
4565    animation: intercom-lightweight-app-messenger 250ms cubic-bezier(0, 1, 1, 1);
4566    transform-origin: bottom right;
4567
4568    
4569        width: 400px;
4570        height: calc(100% - 109px);
4571        max-height: 704px;
4572        min-height: 250px;
4573        right: 25px;
4574        bottom: 89px;
4575        box-shadow: 0 5px 40px rgba(0,0,0,0.16);
4576      
4577
4578    border-radius: 24px;
4579  }
4580
4581  .intercom-lightweight-app-messenger-header {
4582    height: 64px;
4583    border-bottom: none;
4584    background: #ffffff;
4585  }
4586
4587  .intercom-lightweight-app-messenger-footer{
4588    position:absolute;
4589    bottom:0;
4590    width: 100%;
4591    height: 80px;
4592    background: #ffffff;
4593    font-size: 14px;
4594    line-height: 21px;
4595    border-top: 1px solid rgba(0, 0, 0, 0.05);
4596    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
4597  }
4598
4599  @media print {
4600    .intercom-lightweight-app {
4601      display: none;
4602    }
4603  }
4604</style></div>
4604<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a0a92758be0ea63a',t:'MTc4MTI3MDQzNA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
4604<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a44f1655481e6215',t:'MTc5MTA2MzQzNw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
4604</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.