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&cx=c&gtm=4e66a0"></script>
12<script async="" type="text/javascript" id="__radar__" data-settings="{"cdn":"cdn.claydar.com","apiEndpoint":"https://api.claydar.com","profileId":"cGJCgAAwXB","namespace":"Claydar"}" 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&cx=c&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&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&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&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&cv=11&fst=1781204322436&bg=ffffff&guid=ON&async=1&en=gtag.config&gtm=45be66a1h2v9215729548za200zb843680231zd843680231xec&gcd=13l3l3l3l1l1&dma=0&tag_exp=115938466~115938469~117776794~119456239~119456247&u_w=1728&u_h=1117&url=https%3A%2F%2Fwww.kixie.com%2F&ref=https%3A%2F%2Fwww.kixie.com%2Fsales-blog%2F&rcb=1&frm=0&tiba=Kixie%20PowerCall%20%E2%80%93%20Better%20Sales%20Made%20Simple&did=dZTQ1Zm&gdid=dZTQ1Zm&hn=www.googleadservices.com&npa=0&pscdl=noapi&auid=1591715825.1781146097&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B149.0.7827.103%7CChromium%3B149.0.7827.103%7CNot)A%253BBrand%3B24.0.0.0&uamb=0&uam=&uap=macOS&uapv=26.1.0&uaw=0&data=event%3Dgtag.config&ept=9&rfmt=3&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 & 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 & 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 & 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&tm=gtm002&Ver=2&mid=55be3df5-af37-44cc-87a7-670607a09d74&bo=1&sid=feea6c00653f11f19016cd5e3c679b80&vid=feea5b00653f11f19013bbfbdba21a7d&vids=0&msclkid=N&pi=918639831&lg=en-US&sw=1728&sh=1117&sc=30&tl=Kixie%20PowerCall%20%E2%80%93%20Better%20Sales%20Made%20Simple&p=https%3A%2F%2Fwww.kixie.com%2F&r=https%3A%2F%2Fwww.kixie.com%2Fsales-blog%2F&lt=221&evt=pageLoad&sv=2&cdb=AQAQ&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.