CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/9dbff2e13711323a.css" crossorigin="" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/a719dbfe74382252.css" crossorigin="" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-31e8c34883db0fb8.js" crossorigin=""/><script src="/_next/static/chunks/fd9d1056-a1a0735670798ca4.js" async="" crossorigin=""></script><script src="/_next/static/chunks/8069-a8820bb1d5b49970.js" async="" crossorigin=""></script><script src="/_next/static/chunks/main-app-5a96f99ee3e9a02f.js" async="" crossorigin=""></script><script src="/_next/static/chunks/5156-f45bebd6840c04c0.js" async=""></script><script src="/_next/static/chunks/6439-c070a55be8548f51.js" async=""></script><script src="/_next/static/chunks/1912-1d864db6e8fa6251.js" async=""></script><script src="/_next/static/chunks/app/(web)/(regular-header)/pricing/page-21ff97b7bafa785b.js" async=""></script><script src="/_next/static/chunks/9592-d7956d361ef74449.js" async=""></script><script src="/_next/static/chunks/5721-0db88628024e7afd.js" async=""></script><script src="/_next/static/chunks/app/(web)/(regular-header)/layout-268960942c5ef855.js" async=""></script><script src="/_next/static/chunks/97b211c4-acb5cb961b9d87ea.js" async=""></script><script src="/_next/static/chunks/3325-6b0baa8e01c22a7f.js" async=""></script><script src="/_next/static/chunks/5686-98846c1ce44c1bfa.js" async=""></script><script src="/_next/static/chunks/4858-c0c7ee74fd9d99b7.js" async=""></script><script src="/_next/static/chunks/app/(web)/layout-11aa740a1408bf96.js" async=""></script><link rel="preload" href="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" as="script"/><link rel="preload" href="https://cdn.optimizely.com/js/20142684273.js" as="script"/><link rel="preload" href="https://chat-assets.frontapp.com/v1/chat.bundle.js" as="script"/><link rel="preload" href="/staticwebassets/trial/background.png" as="image"/><title>Front Pricing and Plans | Front</title><meta name="description" content="Front is a best way to route, respond to, and measure all customer conversations. Join 9,000+ businesses who streamline their operations in Front."/><meta name="fb:profile_id" content="FrontHQ"/><link rel="canonical" href="https://front.com/pricing"/><meta property="og:title" content="Front Pricing and Plans | Front"/><meta property="og:description" content="Front is a best way to route, respond to, and measure all customer conversations. Join 9,000+ businesses who streamline their operations in Front."/><meta property="og:site_name" content="Front"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://front.com/webassets/rebrand/front-product-overview-imageMeta.png"/><meta property="og:image:width" content="627"/><meta property="og:image:height" content="1200"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Front Pricing and Plans | Front"/><meta name="twitter:description" content="Front is a best way to route, respond to, and measure all customer conversations. Join 9,000+ businesses who streamline their operations in Front."/><meta name="twitter:image" content="https://front.com/webassets/rebrand/front-product-overview-imageMeta.png"/><meta name="twitter:image:width" content="627"/><meta name="twitter:image:height" content="1200"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="manifest" href="/manifest.json"/><link rel="shortcut icon" href="/favicon.ico"/><meta name="apple-mobile-web-app-title" content="Front"/><meta name="application-name" content="Front"/><meta name="msapplication-TileColor" content="#ffffff"/><meta name="msapplication-config" content="/browserconfig.xml"/><meta name="theme-color" content="#ffffff"/><script>(self.__next_s=self.__next_s||[]).push(["https://cdn.cookielaw.org/scripttemplates/otSDKStub.js",{"data-domain-script":"4202c16d-ec7b-449b-9afb-fcd8f3819ab7"}])</script><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"\n window['dataLayer'] = window['dataLayer'] || [];\n function gtag() { window['dataLayer'].push(arguments); }\n \n window['dataLayer'].push({\n 'gtm.start': new Date().getTime(),\n event: 'gtm.js',\n });\n ","id":"gtm-init"}])</script><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"\n window._hsp = window._hsp || [];\n window._hsq = window._hsq || [];\n ","id":"hubspot-init"}])</script><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"\n function q(a){return function(){ChiliPiper[a].q=(ChiliPiper[a].q||[]).concat([arguments])}}window.ChiliPiper=window.ChiliPiper||\"submit scheduling showCalendar submit widget bookMeeting\".split(\" \").reduce(function(a,b){a[b]=q(b);return a},{});\n ","id":"chili-piper-init"}])</script><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"\n void 0===window.navatticQueue&&(window.navatticQueue=[],window.navattic=new Proxy({},{get:function n(t,u,e){return function(){for(var n=arguments.length,t=Array(n),e=0;e<n;e++)t[e]=arguments[e];return navatticQueue.push({function:u,arguments:t})}}}));\n ","id":"havattic-init"}])</script><script src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js" crossorigin="" noModule=""></script></head><body><header class="sticky top-0 left-0 right-0 z-20 duration-600 ease-appear"><div class="px-container-mobile md:px-container-desktop"><div class="mx-auto max-w-grid"><div class="h-12 md:h-10 flex justify-between items-center"><div class="lg:col-span-2 2xl:col-span-3 flex"><a class="block" href="/"><svg width="283" height="65" viewBox="0 0 283 65" class="w-[112px] h-[26px] transition-colors duration-300 text-violet-900"><g class="icon-logo-mark"><path d="M0 63.6152H21.3918V21.3008H64.0428V-0.00341797H0V63.6152Z" fill="#A857F1"></path><path d="M45.5945 64.8878C56.2523 64.8878 64.8922 56.2479 64.8922 45.5901C64.8922 34.9323 56.2523 26.2925 45.5945 26.2925C34.9367 26.2925 26.2969 34.9323 26.2969 45.5901C26.2969 56.2479 34.9367 64.8878 45.5945 64.8878Z" fill="#A857F1"></path></g><g class="icon-logo-type"><path d="M259.657 62.7285C255.717 62.7285 252.686 61.6893 250.564 59.6108C248.485 57.5323 247.446 54.5012 247.446 50.5174V31.6812H239.457V20.7041H247.446V6.41455H260.762V20.7041H272.128V31.6812H260.762V47.7245C260.762 49.0668 261.108 50.0844 261.801 50.7773C262.494 51.4701 263.511 51.8165 264.854 51.8165H272.128V62.7285H259.657Z" fill="currentColor"></path><path d="M195.352 20.7035H207.433V24.211C208.818 22.6954 210.507 21.5263 212.499 20.7035C214.534 19.8375 216.786 19.3828 219.254 19.3395C221.679 19.2962 223.952 19.7076 226.074 20.5736C228.196 21.4397 230.036 22.6521 231.595 24.211C233.154 25.8131 234.345 27.7834 235.168 30.1217C236.034 32.4167 236.467 35.2313 236.467 38.5655V62.7279H223.086V39.9295C223.086 38.1975 222.913 36.8551 222.567 35.9025C222.264 34.9065 221.766 34.0621 221.073 33.3693C219.817 32.1569 218.107 31.5506 215.942 31.5506C213.776 31.5506 212.066 32.1569 210.81 33.3693C210.074 34.0621 209.533 34.9065 209.186 35.9025C208.883 36.8551 208.732 38.1975 208.732 39.9295V62.7279H195.352V20.7035Z" fill="currentColor"></path><path d="M167.21 63.8325C162.836 63.8325 158.852 62.8582 155.258 60.9096C151.708 59.0043 148.893 56.3412 146.814 52.9204C144.779 49.5429 143.762 45.7972 143.762 41.6836C143.762 37.5699 144.779 33.8026 146.814 30.3818C148.893 26.961 151.708 24.2762 155.258 22.3277C158.852 20.3358 162.836 19.3398 167.21 19.3398C171.583 19.3398 175.545 20.3358 179.096 22.3277C182.69 24.2762 185.505 26.961 187.54 30.3818C189.575 33.8026 190.593 37.5699 190.593 41.6836C190.593 45.7972 189.575 49.5429 187.54 52.9204C185.505 56.3412 182.69 59.0043 179.096 60.9096C175.545 62.8582 171.583 63.8325 167.21 63.8325ZM167.21 52.0111C169.028 52.0111 170.652 51.5564 172.081 50.6471C173.553 49.7377 174.701 48.5036 175.524 46.9447C176.346 45.3859 176.758 43.6322 176.758 41.6836C176.758 39.735 176.346 37.9813 175.524 36.4224C174.701 34.8635 173.553 33.6511 172.081 32.7851C170.652 31.8757 169.028 31.421 167.21 31.421C165.348 31.421 163.681 31.8757 162.208 32.7851C160.779 33.6511 159.653 34.8635 158.831 36.4224C158.008 37.9813 157.597 39.735 157.597 41.6836C157.597 43.6322 158.008 45.3859 158.831 46.9447C159.653 48.5036 160.801 49.7377 162.273 50.6471C163.746 51.5564 165.391 52.0111 167.21 52.0111Z" fill="currentColor"></path><path d="M114.129 20.7037H126.145V25.7051C127.574 23.9297 129.285 22.5657 131.276 21.613C133.312 20.6604 135.498 20.1841 137.837 20.1841C139.352 20.1841 140.824 20.314 142.253 20.5738V33.1746C141.214 32.7849 139.785 32.59 137.967 32.59C134.762 32.59 132.229 33.5643 130.367 35.5129C129.371 36.5089 128.613 37.7213 128.094 39.1503C127.617 40.5792 127.379 42.4196 127.379 44.6713V62.7281H114.129V20.7037Z" fill="currentColor"></path><path d="M75.8164 -0.665527H109.852V12.0002H89.5214V24.4062H109.462V36.6173H89.5214V62.7283H75.8164V-0.665527Z" fill="currentColor"></path></g></svg></a></div><div class="lg:col-span-4 2xl:col-span-6 hidden lg:flex lg:justify-center"><ul class="flex 2xl:gap-1 justify-center items-center transition-opacity duration-300 ease-appear text-blue-900"><div><button class="block button button-size-medium button-primary-link-header">Product</button></div><div><button class="block button button-size-medium button-primary-link-header">Solutions</button></div><div><button class="block button button-size-medium button-primary-link-header">Resources</button></div><div><a class="block button button-size-medium button-primary-link-header" type="link" href="/pricing">Pricing</a></div></ul></div><ul class="lg:col-span-6 2xl:col-span-3 flex gap-1 justify-end items-center whitespace-nowrap"><li class="hidden lg:block"><a class="block button button-size-medium button-primary-link-header" href="https://app.frontapp.com/signin">Sign in</a></li><li class="hidden lg:block"><button class="block button button-size-medium button-primary-violet">Request a demo</button></li><li class="hidden lg:block"><button class="block button button-size-medium button-secondary-gray">Try for free</button></li><li class="lg:hidden"><button aria-label="Open menu" class="button button-size-circle-medium button-mobile-menu-trigger flex items-center justify-center"><img alt="Mobile menu" loading="lazy" width="19" height="14" decoding="async" data-nimg="1" class="block" style="color:transparent" src="/images/icon-header-mobile-menu-trigger.svg"/></button></li></ul></div></div></div><div class="hidden lg:block absolute top-10 pt-2 left-[50%] translate-x-[-50%] z-20 pointer-events-none"><div style="opacity:0;transform:translateY(20px)"><div class="rounded-20 bg-white border-[5px] border-solid border-violet-200 shadow-header-scrolled overflow-hidden px-1 py-4"><div class="relative" style="width:0px;height:0px"><div class="absolute top-0 left-0" style="will-change:opacity"><div class="flex flex-col gap-3"><div class="table table-fixed border-collapse border-none"><div class="table-cell align-top border-x border-solid border-gray-200 first:border-l-0 last:border-r-0 px-3"><div class="flex flex-col gap-3"><div class="w-full rounded-10 overflow-hidden" style="width:330px"><a href="https://front.com/product" class="w-full block"><img alt="Front Product Interface Screenshot" loading="lazy" width="330" height="195" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ffront-product-overview-nav-v2.png&w=384&q=75 1x, /_next/image?url=%2Fimages%2Ffront-product-overview-nav-v2.png&w=750&q=75 2x" src="/_next/image?url=%2Fimages%2Ffront-product-overview-nav-v2.png&w=750&q=75"/></a></div><div class="flex flex-col gap-2"><div class="relative flex justify-between items-center"><a class="text-16/20 font-500 link-cover" href="/product">Front Overview</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div class="relative flex justify-between items-center"><a class="text-16/20 font-500 link-cover" href="/product-tour">Product Tour</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div></div><div class="table-cell align-top border-x border-solid border-gray-200 first:border-l-0 last:border-r-0 px-3"><div class="flex flex-col gap-3"><p class="text-14/20 font-500">Use Cases</p><div class="grid gap-y-3 gap-x-gutter-desktop grid-cols-1 w-27"><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Customer Service Icon" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-teams-cutomer-service.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/customer-service">Customer Service</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><p class="text-12/14 text-gray-800">All-in-one support platform</p></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Email Management Icon" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-usecase-email-management.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/email-management">Email Management</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><p class="text-12/14 text-gray-800">Collaborative shared inboxes</p></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Client Communication Icon" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-usecase-client-communication.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/client-communication">Client Communication</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><p class="text-12/14 text-gray-800">Personalized service at scale</p></div></div></div></div></div><div class="table-cell align-top border-x border-solid border-gray-200 first:border-l-0 last:border-r-0 px-3"><div class="flex flex-col gap-3"><p class="text-14/20 font-500">Key Features</p><div class="grid gap-y-3 gap-x-gutter-desktop grid-cols-2 w-55"><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Feature Icon Omnichannel" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-feature-omnichannel.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/product/omnichannel-inbox">Omnichannel</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><p class="text-12/14 text-gray-800">Every channel in one inbox</p></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Feature Icon AI" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-feature-ai-front-intelligence.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/product/ai">AI</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><p class="text-12/14 text-gray-800">Resolve faster than ever</p></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Feature Icon Collaboration" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-feature-collaboration.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/product/collaboration">Collaboration</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><p class="text-12/14 text-gray-800">Work faster, together</p></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Feature Icon Live Chat Bots" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-feature-livechat.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/product/live-chat">Live chat</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><p class="text-12/14 text-gray-800">Real-time support and bots</p></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Feature Icon Ticketing" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-feature-ticketing.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/product/ticketing-system">Ticketing</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><p class="text-12/14 text-gray-800">Track support requests</p></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Feature Icon Knowledge Base" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-feature-knowledgebase.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/product/knowledge-base">Knowledge base</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><p class="text-12/14 text-gray-800">Deflect support questions</p></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Feature Icon Analytics" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-feature-analytics.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/product/analytics">Analytics</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><p class="text-12/14 text-gray-800">Surface key customer insights</p></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Feature Icon Workflow Automation" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-feature-workflow-automation.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/product/workflows">Workflow automation</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><p class="text-12/14 text-gray-800">Organize, route, and resolve</p></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Feature Icon Support Report" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-feature-support-report.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/product/support-report">Support Report</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><p class="text-12/14 text-gray-800">Real-time service metrics</p></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Feature Icon Integrations" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-feature-integrations-api.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/product/integrations-api">Integrations & API</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><p class="text-12/14 text-gray-800">Connect to other systems</p></div></div></div></div></div></div></div></div><div class="absolute top-0 left-0" style="will-change:opacity"><div class="flex flex-col gap-3"><div class="table table-fixed border-collapse border-none"><div class="table-cell align-top border-x border-solid border-gray-200 first:border-l-0 last:border-r-0 px-3"><div class="flex flex-col gap-3"><p class="text-14/20 font-500">Industries</p><div class="grid gap-y-3 gap-x-gutter-desktop grid-cols-2 w-55"><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Industry Icon Technology" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-industry-technology.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/industries/b2b-tech">Technology</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Industry Icon Financial Services" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-industry-financial.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/industries/financial-services">Financial Services</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Industry Icon Logistics" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-industry-logistics.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/industries/logistics">Logistics</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Industry Icon Manufacturing" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-industry-manufacturing.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/industries/manufacturing">Manufacturing</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Industry Icon Professional Services" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-industry-professional-services.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/industries/professional-services">Professional Services</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Industry Icon Travel" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-industry-travel.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/industries/travel">Travel</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div></div></div></div><div class="table-cell align-top border-x border-solid border-gray-200 first:border-l-0 last:border-r-0 px-3"><div class="flex flex-col gap-3"><p class="text-14/20 font-500">Teams</p><div class="grid gap-y-3 gap-x-gutter-desktop grid-cols-2 w-55"><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Teams Icon Customer Support" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-teams-cutomer-service.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/teams/customer-service-support">Customer Support</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Teams Icon Operations" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-teams-operations.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/teams/operations">Operations</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Teams Icon Inbound Sales" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-industry-financial.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/teams/inbound-sales">Inbound Sales</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Teams Icon Account Management" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-industry-professional-services.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/teams/account-management">Account Management</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="relative top-[2px]"><img alt="Teams Icon Customer Success" loading="lazy" width="14" height="14" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-teams-success.svg"/></div><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/teams/customer-success">Success</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div></div></div></div></div><div class="px-3"><div class="px-2 py-[12px] rounded-10 bg-blue-100 hover:bg-blue-200 transition-colors duration-200 ease-in-out-quad relative"><a href="https://front.com/startups" class="link-cover">Front for Startups: Stand out with exceptional support from day 1 →</a></div></div></div></div><div class="absolute top-0 left-0" style="will-change:opacity"><div class="flex flex-col gap-3"><div class="table table-fixed border-collapse border-none"><div class="table-cell align-top border-x border-solid border-gray-200 first:border-l-0 last:border-r-0 px-3"><div class="flex flex-col gap-3"><p class="text-14/20 font-500">Using Front</p><div class="grid gap-y-3 gap-x-gutter-desktop grid-cols-1 w-27"><div class="flex gap-1 relative items-start link-arrow"><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="https://academy.front.com/app">Academy</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="https://community.front.com/">Community</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="https://help.front.com/">Help Center</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="https://dev.frontapp.com/docs/welcome">Developer Portal</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div></div></div></div><div class="table-cell align-top border-x border-solid border-gray-200 first:border-l-0 last:border-r-0 px-3"><div class="flex flex-col gap-3"><p class="text-14/20 font-500">Explore</p><div class="grid gap-y-3 gap-x-gutter-desktop grid-cols-2 w-55"><div class="flex gap-1 relative items-start link-arrow"><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/blog">Blog</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/integrations">Integrations</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/resources">Guides & Webinars</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/security">Security</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/customer-stories">Customer Stories</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/download">Download App</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/support-report">Front’s Support Report</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="flex gap-1 relative items-start link-arrow"><div class="flex flex-col gap-1"><div class="flex gap-1"><a class="text-15/19 link-cover" href="/partners/channel">Channel Partnerships</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-arrow__icon block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div></div></div></div><div class="table-cell align-top border-x border-solid border-gray-200 first:border-l-0 last:border-r-0 px-3"><div class="flex flex-col gap-3"><div class="w-full rounded-10 overflow-hidden" style="width:330px"><a href="https://community.front.com/events?tab=upcoming&type=Trial&utm_source=front.com&utm_medium=referral&utm_campaign=frontNavFeaturedPromo" class="w-full block" target="_blank"><img alt="Front Community Trial Live Q&A" loading="lazy" width="960" height="427" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Ffront.com%2Fwebassets%2Frebrand%2Ffront-trial-live-qa.png&w=1080&q=75 1x, /_next/image?url=https%3A%2F%2Ffront.com%2Fwebassets%2Frebrand%2Ffront-trial-live-qa.png&w=1920&q=75 2x" src="/_next/image?url=https%3A%2F%2Ffront.com%2Fwebassets%2Frebrand%2Ffront-trial-live-qa.png&w=1920&q=75"/></a></div><div class="flex flex-col gap-2"><div class="relative flex justify-between items-center"><a class="text-16/20 font-500 link-cover" href="https://community.front.com/events?tab=upcoming&type=Trial&utm_source=front.com&utm_medium=referral&utm_campaign=frontNavFeaturedPromo">Attend a Live Front Product Q&A Session</a><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="block"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div></div></div></div></div></div></div></div></div></header><div class="bg-violet-100 text-violet-900"><div class="-mt-header-height-mobile md:-mt-header-height-desktop pt-header-height-mobile md:pt-header-height-desktop"><div class="pt-5 md:pt-12 px-container-mobile md:px-container-desktop pb-8"><div class="mx-auto max-w-grid"><div class="flex flex-col gap-8"><div class="flex flex-col items-center gap-6"><h1 class="text-36/42 md:text-56/62 font-500 tracking-tight md:text-center text-pretty">Plans for customer-first businesses of all sizes</h1><div class="flex items-center gap-2 relative"><button class="h-4 w-9 rounded-10 link-cover transition-colors duration-300 ease-quad bg-violet-700"><div class="h-[20px] w-[20px] bg-white rounded-4" style="transform:translateX(46px)"></div></button><div class="flex items-center gap-1"><p class="text-17/24">Billed Annually</p><span class="bg-violet-300 text-violet-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800">Save 34%</span></div></div><div><div class="grid gap-6 md:gap-container-mobile grid-cols-1 lg:grid-cols-2 xl:grid-cols-4"><div class="bg-white rounded-30 outline outline-[8px] h-full p-4 flex flex-col gap-3 justify-between outline-violet-200"><div class="flex flex-col gap-2"><div class="flex items-center justify-between gap-2"><h3 class="text-25/30 font-500">Starter</h3></div><div class="min-h-[90px]"><div class="flex flex-col gap-half"><p class="flex items-baseline gap-half"><span class="font-500 text-66/66 xl:text-44/44 1400:text-66/66 tracking-tight">$19</span><span class="text-gray-700 text-17/24">/seat/mo</span></p><p class="text-gray-700 text-14/16">Billed annually, up to 10 seats</p></div></div><hr class="border-violet-200"/><p class="text-14/20">Real-time collaboration to resolve customer service inquiries</p></div><div class="flex flex-col gap-3"><button class="block w-full button button-size-medium button-primary-violet">Try for free</button></div></div><div class="bg-white rounded-30 outline outline-[8px] h-full p-4 flex flex-col gap-3 justify-between outline-violet-200"><div class="flex flex-col gap-2"><div class="flex items-center justify-between gap-2"><h3 class="text-25/30 font-500">Growth</h3></div><div class="min-h-[90px]"><div class="flex flex-col gap-half"><p class="flex items-baseline gap-half"><span class="font-500 text-66/66 xl:text-44/44 1400:text-66/66 tracking-tight">$59</span><span class="text-gray-700 text-17/24">/seat/mo</span></p><p class="text-gray-700 text-14/16">Billed annually, no seat minimum</p></div></div><hr class="border-violet-200"/><p class="text-14/20">No-code automation and reporting to streamline support processes</p></div><div class="flex flex-col gap-3"><button class="block w-full button button-size-medium button-primary-violet">Request a demo</button></div></div><div class="bg-white rounded-30 outline outline-[8px] h-full p-4 flex flex-col gap-3 justify-between outline-violet-500 shadow-plan-tile"><div class="flex flex-col gap-2"><div class="flex items-center justify-between gap-2"><h3 class="text-25/30 font-500">Scale</h3><span class="bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800 whitespace-nowrap">Most Popular</span></div><div class="min-h-[90px]"><div class="flex flex-col gap-half"><p class="flex items-baseline gap-half"><span class="font-500 text-66/66 xl:text-44/44 1400:text-66/66 tracking-tight">$99</span><span class="text-gray-700 text-17/24">/seat/mo</span></p><p class="text-gray-700 text-14/16">Billed annually, 2 seat minimum</p></div></div><hr class="border-violet-200"/><p class="text-14/20">Total workflow flexibility and advanced user management</p></div><div class="flex flex-col gap-3"><button class="block w-full button button-size-medium button-primary-violet">Request a demo</button></div></div><div class="bg-white rounded-30 outline outline-[8px] h-full p-4 flex flex-col gap-3 justify-between outline-violet-200"><div class="flex flex-col gap-2"><div class="flex items-center justify-between gap-2"><h3 class="text-25/30 font-500">Premier</h3></div><div class="min-h-[90px]"><div class="flex flex-col gap-half"><p class="flex items-baseline gap-half"><span class="font-500 text-42/42 xl:text-34/34 1400:text-42/42 tracking-tight">Contact Us</span><span class="text-gray-700 text-17/24"></span></p><p class="text-gray-700 text-14/16"></p></div></div><hr class="border-violet-200"/><p class="text-14/20">Professional services to meet enterprise needs</p></div><div class="flex flex-col gap-3"><button class="block w-full button button-size-medium button-primary-violet">Request a demo</button></div></div></div></div></div><div class="flex flex-col gap-6 md:gap-8"><h2 class="text-25/30 font-500 text-center"></h2><div class="grid grid-cols-2 gap-x-gutter-mobile gap-y-4 md:flex md:gap-10 md:flex-wrap md:items-center md:justify-center"><div class="flex justify-center items-center"><img alt="Customer Logo Branch" loading="lazy" width="133" height="21" decoding="async" data-nimg="1" style="color:transparent" src="/images/customer-logo-branch-dark.svg"/></div><div class="flex justify-center items-center"><img alt="Customer Logo Echo" loading="lazy" width="133" height="21" decoding="async" data-nimg="1" style="color:transparent" src="/images/customer-logo-echo-dark.svg"/></div><div class="flex justify-center items-center"><img alt="Customer Logo GoDaddy" loading="lazy" width="133" height="21" decoding="async" data-nimg="1" style="color:transparent" src="/images/customer-logo-godaddy-dark.svg"/></div><div class="flex justify-center items-center"><img alt="Customer Logo Clickup" loading="lazy" width="133" height="21" decoding="async" data-nimg="1" style="color:transparent" src="/images/customer-logo-clickup-dark.svg"/></div><div class="flex justify-center items-center"><img alt="Customer Logo Baggu" loading="lazy" width="133" height="21" decoding="async" data-nimg="1" style="color:transparent" src="/images/customer-logo-baggu-dark.svg"/></div></div></div></div></div></div></div></div><div class="flex flex-col gap-4 md:gap-8 mb-8"><div class="bg-violet-900 text-white sticky z-1 top-header-height-mobile md:top-header-height-desktop"><div class="px-container-mobile md:px-container-desktop py-1 lg:py-2"><div class="mx-auto max-w-grid"><div class="lg:-mx-8"><div class="grid grid-cols-1 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop items-center"><div class="lg:col-span-4 lg:pl-8"><p class="text-17/24 lg:text-30/35 font-500 tracking-tight">Compare plans</p></div><div class="col-span-2 hidden lg:block"><div class="flex flex-col items-center gap-2"><div class="flex flex-col justify-center items-center"><p class="text-25/30 font-500 tracking-tight">Starter</p><p class="text-14/20"></p></div><button class="min-w-[90px] block button button-size-small-medium button-primary-violet-lighter">Try for free</button></div></div><div class="col-span-2 hidden lg:block"><div class="flex flex-col items-center gap-2"><div class="flex flex-col justify-center items-center"><p class="text-25/30 font-500 tracking-tight">Growth</p><p class="text-14/20"></p></div><button class="min-w-[90px] block button button-size-small-medium button-primary-violet-lighter">Get a demo</button></div></div><div class="col-span-2 hidden lg:block"><div class="flex flex-col items-center gap-2"><div class="flex flex-col justify-center items-center"><p class="text-25/30 font-500 tracking-tight">Scale</p><p class="text-14/20"></p></div><button class="min-w-[90px] block button button-size-small-medium button-primary-violet-lighter">Get a demo</button></div></div><div class="col-span-2 hidden lg:block"><div class="flex flex-col items-center gap-2"><div class="flex flex-col justify-center items-center"><p class="text-25/30 font-500 tracking-tight">Premier</p><p class="text-14/20"></p></div><button class="min-w-[90px] block button button-size-small-medium button-primary-violet-lighter">Get a demo</button></div></div><div class="relative flex justify-between gap-2 lg:hidden"><div class="flex gap-2"><p class="text-25/30 font-500 tracking-tight">Starter</p><p><span class="text-25/30 font-500 tracking-tight"></span><span class="text-17/20"></span></p></div><img alt="chevron" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="block" style="color:transparent" src="/images/icon-chevron-select-pricing-comparison.svg"/><select class="block absolute inset-0 opacity-0"><option value="0" selected="">Starter</option><option value="1">Growth</option><option value="2">Scale</option><option value="3">Premier</option></select></div></div></div></div></div></div><div><div class="px-container-mobile md:px-container-desktop text-violet-900 mb-4"><div class="mx-auto max-w-grid"><div class="-mx-2 md:-mx-8"><div class="overflow-hidden bg-violet-100 rounded-20 md:rounded-40"><div><div class="relative grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-3 px-2 md:pl-8 md:pr-0"><div class="flex items-center gap-1"><p class="text-20/24 md:text-25/30 font-500 tracking-tight">Key Features</p></div></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><button class="block absolute inset-0"></button></div><div class="overflow-hidden" style="height:auto"><div><div class="lg:pb-12"><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Shared inboxes</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900">Collaborate on email, chat, and more</p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Live chat & chatbots</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900">Triage and resolve live chat inquiries</p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Ticketing</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900">Track, organize, and resolve requests</p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Knowledge Base</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900">Host a help center or internal docs</p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Analytics</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900">Report on performance, CSAT, & SLAs</p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Rules</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900">Tag, route, and more automatically</p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">Up to 10</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Up to 20</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Up to 200</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Up to 1000</div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">AI Summarize & AI Compose</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900">AI assistance for faster reply time</p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Advanced team controls</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900">SSO/SCIM, custom roles, and more</p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Onboarding and solution design</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900">Custom implementation services</p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">20+ seats</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div></div></div></div></div></div></div></div></div><div class="px-container-mobile md:px-container-desktop text-violet-900"><div class="mx-auto max-w-grid"><div class="-mx-2 md:-mx-8"><div class="overflow-hidden border-b border-solid border-violet-200"><div><div class="relative grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-3 px-2 md:pl-8 md:pr-0"><div class="flex items-center gap-1"><div class="md:ml-[-38px]" style="transform:rotate(-90deg)"><svg width="28" height="28" viewBox="0 0 28 28" class="block"><circle cx="14" cy="14" r="14" fill="currentColor" class="opacity-10"></circle><path d="M8 12L14 18L20 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></div><p class="text-20/24 md:text-25/30 font-500 tracking-tight">Omnichannel communications</p></div></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><button class="block absolute inset-0"></button></div><div class="overflow-hidden" style="height:0px"><div><div class="lg:pb-12"><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Email</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Front Chat</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">WhatsApp and SMS</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Social channels</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Third-party chat</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Website forms</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Voice communication and telephony</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Premium channel add-ons</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><span class="bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800">add-on</span></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><span class="bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800">add-on</span></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><span class="bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800">add-on</span></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Connect any messaging platform via API</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div></div></div></div></div></div></div></div></div><div class="px-container-mobile md:px-container-desktop text-violet-900"><div class="mx-auto max-w-grid"><div class="-mx-2 md:-mx-8"><div class="overflow-hidden border-b border-solid border-violet-200"><div><div class="relative grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-3 px-2 md:pl-8 md:pr-0"><div class="flex items-center gap-1"><div class="md:ml-[-38px]" style="transform:rotate(-90deg)"><svg width="28" height="28" viewBox="0 0 28 28" class="block"><circle cx="14" cy="14" r="14" fill="currentColor" class="opacity-10"></circle><path d="M8 12L14 18L20 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></div><p class="text-20/24 md:text-25/30 font-500 tracking-tight">Collaborative, easy-to-use inbox</p></div></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><button class="block absolute inset-0"></button></div><div class="overflow-hidden" style="height:0px"><div><div class="lg:pb-12"><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Shared inbox</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Assignments</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Tags</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Internal comments</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Shared drafts</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Scheduling messages</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Snoozing messages</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Message templates</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Calendar</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Meeting scheduling</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Views</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Guest accounts</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div></div></div></div></div></div></div></div></div><div class="px-container-mobile md:px-container-desktop text-violet-900"><div class="mx-auto max-w-grid"><div class="-mx-2 md:-mx-8"><div class="overflow-hidden border-b border-solid border-violet-200"><div><div class="relative grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-3 px-2 md:pl-8 md:pr-0"><div class="flex items-center gap-1"><div class="md:ml-[-38px]" style="transform:rotate(-90deg)"><svg width="28" height="28" viewBox="0 0 28 28" class="block"><circle cx="14" cy="14" r="14" fill="currentColor" class="opacity-10"></circle><path d="M8 12L14 18L20 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></div><p class="text-20/24 md:text-25/30 font-500 tracking-tight">Ticketing</p></div></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><button class="block absolute inset-0"></button></div><div class="overflow-hidden" style="height:0px"><div><div class="lg:pb-12"><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Custom ticket statuses</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Ticket routing</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Flexible configuration</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Ticket SLAs</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Ticket analytics</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Customer portal</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div></div></div></div></div></div></div></div></div><div class="px-container-mobile md:px-container-desktop text-violet-900"><div class="mx-auto max-w-grid"><div class="-mx-2 md:-mx-8"><div class="overflow-hidden border-b border-solid border-violet-200"><div><div class="relative grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-3 px-2 md:pl-8 md:pr-0"><div class="flex items-center gap-1"><div class="md:ml-[-38px]" style="transform:rotate(-90deg)"><svg width="28" height="28" viewBox="0 0 28 28" class="block"><circle cx="14" cy="14" r="14" fill="currentColor" class="opacity-10"></circle><path d="M8 12L14 18L20 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></div><p class="text-20/24 md:text-25/30 font-500 tracking-tight">Automation & workflow rules</p></div></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><button class="block absolute inset-0"></button></div><div class="overflow-hidden" style="height:0px"><div><div class="lg:pb-12"><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Rule limits</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">10</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">20</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">200</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">1,000</div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Individual rules</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Ready-to-use templates</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Round-robin assignment</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">AI Tagging</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Macros</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Load balancing</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Response time SLA rules</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Required tagging rules</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Rules using customer data</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Webhooks</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Company rules</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Smart rules</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div></div></div></div></div></div></div></div></div><div class="px-container-mobile md:px-container-desktop text-violet-900"><div class="mx-auto max-w-grid"><div class="-mx-2 md:-mx-8"><div class="overflow-hidden border-b border-solid border-violet-200"><div><div class="relative grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-3 px-2 md:pl-8 md:pr-0"><div class="flex items-center gap-1"><div class="md:ml-[-38px]" style="transform:rotate(-90deg)"><svg width="28" height="28" viewBox="0 0 28 28" class="block"><circle cx="14" cy="14" r="14" fill="currentColor" class="opacity-10"></circle><path d="M8 12L14 18L20 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></div><p class="text-20/24 md:text-25/30 font-500 tracking-tight">Live chat & chatbots</p></div></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><button class="block absolute inset-0"></button></div><div class="overflow-hidden" style="height:0px"><div><div class="lg:pb-12"><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Customizable chat widget for web and mobile</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Capture the website URL that chat visitors are on</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">End user identification</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Set offline hours</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Email transcript summaries</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Customizable pre-chat form</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Advanced message routing</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">CSAT integration</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Hide teammate name/avatar from chat visitors</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Chatbots</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div></div></div></div></div></div></div></div></div><div class="px-container-mobile md:px-container-desktop text-violet-900"><div class="mx-auto max-w-grid"><div class="-mx-2 md:-mx-8"><div class="overflow-hidden border-b border-solid border-violet-200"><div><div class="relative grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-3 px-2 md:pl-8 md:pr-0"><div class="flex items-center gap-1"><div class="md:ml-[-38px]" style="transform:rotate(-90deg)"><svg width="28" height="28" viewBox="0 0 28 28" class="block"><circle cx="14" cy="14" r="14" fill="currentColor" class="opacity-10"></circle><path d="M8 12L14 18L20 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></div><p class="text-20/24 md:text-25/30 font-500 tracking-tight">Knowledge base</p></div></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><button class="block absolute inset-0"></button></div><div class="overflow-hidden" style="height:0px"><div><div class="lg:pb-12"><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Import tools</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Published articles</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">Up to 1,000</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Up to 5,000</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Up to 10,000</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Unlimited</div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Category nesting levels</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">Up to 1</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Up to 2</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Up to 5</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Up to 5</div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Custom branding</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">Limited</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Multiple knowledge bases</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Up to 2</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Up to 50</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Up to 100</div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Custom domain</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Front Chat integration</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Google Analytics integration</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Draft articles with AI</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Multi-language support</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Translate articles with AI</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div></div></div></div></div></div></div></div></div><div class="px-container-mobile md:px-container-desktop text-violet-900"><div class="mx-auto max-w-grid"><div class="-mx-2 md:-mx-8"><div class="overflow-hidden border-b border-solid border-violet-200"><div><div class="relative grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-3 px-2 md:pl-8 md:pr-0"><div class="flex items-center gap-1"><div class="md:ml-[-38px]" style="transform:rotate(-90deg)"><svg width="28" height="28" viewBox="0 0 28 28" class="block"><circle cx="14" cy="14" r="14" fill="currentColor" class="opacity-10"></circle><path d="M8 12L14 18L20 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></div><p class="text-20/24 md:text-25/30 font-500 tracking-tight">AI</p></div></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><button class="block absolute inset-0"></button></div><div class="overflow-hidden" style="height:0px"><div><div class="lg:pb-12"><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">AI Summarize</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">AI Compose</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Suggested replies</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Similar conversations</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">AI Tagging</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">AI Translations</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Ask AI</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Beta</div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">AI Answers</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><span class="bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800">add-on</span></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><span class="bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800">add-on</span></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><span class="bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800">add-on</span></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Smart QA</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><span class="bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800">Coming soon</span></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><span class="bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800">Coming soon</span></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><span class="bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800">Coming soon</span></div></div></div></div></div></div></div></div></div></div></div><div class="px-container-mobile md:px-container-desktop text-violet-900"><div class="mx-auto max-w-grid"><div class="-mx-2 md:-mx-8"><div class="overflow-hidden border-b border-solid border-violet-200"><div><div class="relative grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-3 px-2 md:pl-8 md:pr-0"><div class="flex items-center gap-1"><div class="md:ml-[-38px]" style="transform:rotate(-90deg)"><svg width="28" height="28" viewBox="0 0 28 28" class="block"><circle cx="14" cy="14" r="14" fill="currentColor" class="opacity-10"></circle><path d="M8 12L14 18L20 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></div><p class="text-20/24 md:text-25/30 font-500 tracking-tight">Integrations</p></div></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><button class="block absolute inset-0"></button></div><div class="overflow-hidden" style="height:0px"><div><div class="lg:pb-12"><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Voice</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Ecommerce</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Project management</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Knowledge base</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Payments</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Analytics and data</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Storage</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Conferencing</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Developer</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Custom integrations via plugins</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Automation</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">CRM</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Pre-built Connectors</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Custom Connectors</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">API rate limits</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">50/min</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">100/min</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">200/min</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">500/min</div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Close to 100 out-of-the-box integrations</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div></div></div></div></div></div></div></div></div><div class="px-container-mobile md:px-container-desktop text-violet-900"><div class="mx-auto max-w-grid"><div class="-mx-2 md:-mx-8"><div class="overflow-hidden border-b border-solid border-violet-200"><div><div class="relative grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-3 px-2 md:pl-8 md:pr-0"><div class="flex items-center gap-1"><div class="md:ml-[-38px]" style="transform:rotate(-90deg)"><svg width="28" height="28" viewBox="0 0 28 28" class="block"><circle cx="14" cy="14" r="14" fill="currentColor" class="opacity-10"></circle><path d="M8 12L14 18L20 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></div><p class="text-20/24 md:text-25/30 font-500 tracking-tight">Analytics</p></div></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><button class="block absolute inset-0"></button></div><div class="overflow-hidden" style="height:0px"><div><div class="lg:pb-12"><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Team performance reports</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Tags reports</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">SLA reports</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">CSAT reports</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Report scheduling</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Filter reports by inbox, tag or channel</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Support Report</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Analytics exports (in-app and API)</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Data retention window</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">6 months</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">24 months</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Unlimited</div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Account-based analytics</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Company-wide analytics</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div></div></div></div></div></div></div></div></div><div class="px-container-mobile md:px-container-desktop text-violet-900"><div class="mx-auto max-w-grid"><div class="-mx-2 md:-mx-8"><div class="overflow-hidden border-b border-solid border-violet-200"><div><div class="relative grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-3 px-2 md:pl-8 md:pr-0"><div class="flex items-center gap-1"><div class="md:ml-[-38px]" style="transform:rotate(-90deg)"><svg width="28" height="28" viewBox="0 0 28 28" class="block"><circle cx="14" cy="14" r="14" fill="currentColor" class="opacity-10"></circle><path d="M8 12L14 18L20 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></div><p class="text-20/24 md:text-25/30 font-500 tracking-tight">CRM</p></div></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><button class="block absolute inset-0"></button></div><div class="overflow-hidden" style="height:0px"><div><div class="lg:pb-12"><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Manage contacts and accounts</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Contact and account conversation history</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Custom contact / account / teammate / inbox fields</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">CSV upload contacts/accounts</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Salesforce accounts and contacts sync</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">HubSpot accounts and contacts sync</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Microsoft Dynamics 365 accounts sync</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div></div></div></div></div></div></div></div></div><div class="px-container-mobile md:px-container-desktop text-violet-900"><div class="mx-auto max-w-grid"><div class="-mx-2 md:-mx-8"><div class="overflow-hidden border-b border-solid border-violet-200"><div><div class="relative grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-3 px-2 md:pl-8 md:pr-0"><div class="flex items-center gap-1"><div class="md:ml-[-38px]" style="transform:rotate(-90deg)"><svg width="28" height="28" viewBox="0 0 28 28" class="block"><circle cx="14" cy="14" r="14" fill="currentColor" class="opacity-10"></circle><path d="M8 12L14 18L20 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></div><p class="text-20/24 md:text-25/30 font-500 tracking-tight">Security & team management</p></div></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><button class="block absolute inset-0"></button></div><div class="overflow-hidden" style="height:0px"><div><div class="lg:pb-12"><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">GDPR ready</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">SOC 2 Type II Certified</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">OAuth-based SSO</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">SAML based SSO</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">SCIM/User provisioning</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Teammate groups</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Teammate groups sync</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Teammate activity export</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Workspaces</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">E-discovery extracts</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">IP restrictions</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Teammate templates</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Shifts</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Custom roles and permissions</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div></div></div></div></div></div></div></div></div><div class="px-container-mobile md:px-container-desktop text-violet-900"><div class="mx-auto max-w-grid"><div class="-mx-2 md:-mx-8"><div class="overflow-hidden"><div><div class="relative grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-3 px-2 md:pl-8 md:pr-0"><div class="flex items-center gap-1"><div class="md:ml-[-38px]" style="transform:rotate(-90deg)"><svg width="28" height="28" viewBox="0 0 28 28" class="block"><circle cx="14" cy="14" r="14" fill="currentColor" class="opacity-10"></circle><path d="M8 12L14 18L20 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg></div><p class="text-20/24 md:text-25/30 font-500 tracking-tight">Support and services</p></div></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center"><div class="flex gap-[3px] md:gap-[6px]"><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div><div class="w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current"></div></div></div></div><button class="block absolute inset-0"></button></div><div class="overflow-hidden" style="height:0px"><div><div class="lg:pb-12"><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Award-winning Front support</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">Email</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Email</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Email, live chat</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">Email, live chat, video</div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Tailored onboarding</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Solution design</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Dedicated account team</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Advanced Success Services</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Custom Build Hours</p><div class="relative group hidden lg:block"><svg width="18" height="18" viewBox="0 0 18 18" class="block"><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 12V9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9 6H9.0075" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Participation in pre-release and beta features</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div><div class="border-t border-solid border-violet-200 group lg:hover:bg-citron-100 lg:hover:text-citron-900 grid items-center grid-cols-4 lg:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-3 lg:col-span-4 py-2 px-2 md:px-8"><div class="flex items-center gap-half"><p class="text-14/20 md:text-20/24 font-500 tracking-tight lg:group-hover:text-citron-900">Executive sponsorship</p></div><p class="text-13/18 md:text-17/24 text-violet-800 lg:group-hover:text-citron-900"></p></div><div class="col-span-1 lg:col-span-2 py-3"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28">-</div></div><div class="col-span-1 lg:col-span-2 py-3 hidden lg:block"><div class="flex justify-center items-center text-14/20 md:text-20/28"><img alt="Checkmark Icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent" src="/images/pricing-grid-check.svg"/></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="my-8 md:my-22 px-container-mobile md:px-container-desktop"><div class="mx-auto max-w-grid"><div class="md:-mx-8 3xl:-mx-12"><div class="rounded-20 md:rounded-40 overflow-hidden"><div class="bg-blue-200 text-blue-900 px-2 py-6 md:px-8 lg:pt-15 3xl:px-12 flex flex-col gap-6"><div class="flex flex-col gap-3 text-center"><p class="text-14/14 uppercase tracking-wide">Premium Add-ons</p><h3 class="text-30/35 md:text-56/65 font-500 tracking-tight">Power up your plan</h3><p class="text-17/24 md:text-20/28">Premium Add-ons are currently only available on the Growth plan or higher.</p><div class="flex justify-center items-center"><button class="block button button-size-medium button-secondary-blue">Connect with sales</button></div></div><div class="grid grid-cols-1 md:grid-cols-3 gap-x-gutter-mobile md:gap-x-gutter-desktop gap-y-4"><div class="md:col-span-3"><p class="text-20/28 md:text-25/30 font-500">Premium Add-ons</p></div><div class="flex flex-col gap-3"><img alt="Addon Image AI Answers" loading="lazy" width="418" height="284" decoding="async" data-nimg="1" class="w-full aspect-[470/320] bg-blue-300 rounded-30" style="color:transparent" src="/images/pricing-addon-ai-answers.svg"/><div class="flex flex-col gap-1"><p class="text-20/28 md:text-25/30 font-500">AI Answers</p><p class="text-17/24">Instantly resolve Front Chat inquiries with AI responses based on your help content.</p></div><p class="text-20/28 flex gap-half"><span class="font-500">$0.70</span><span>/ resolution</span></p></div><div class="flex flex-col gap-3"><img alt="Addon Image WhatsApp" loading="lazy" width="418" height="284" decoding="async" data-nimg="1" class="w-full aspect-[470/320] bg-blue-300 rounded-30" style="color:transparent" src="/images/pricing-addon-whatsapp.svg"/><div class="flex flex-col gap-1"><p class="text-20/28 md:text-25/30 font-500">Premium channel: WhatsApp</p><p class="text-17/24">Integrate WhatsApp as an additional premium Front channel.</p></div><p class="text-20/28 flex gap-half"><span class="font-500">$70</span><span>/ 1,000 conversations</span></p></div><div class="flex flex-col gap-3"><img alt="Addon Image Dialpad" loading="lazy" width="418" height="284" decoding="async" data-nimg="1" class="w-full aspect-[470/320] bg-blue-300 rounded-30" style="color:transparent" src="/images/pricing-addon-dialpad.svg"/><div class="flex flex-col gap-1"><p class="text-20/28 md:text-25/30 font-500">Premium channel: Dialpad SMS</p><p class="text-17/24">Integrate Dialpad SMS as an additional premium Front channel.</p></div><p class="text-20/28 flex gap-half"><span class="font-500">$100</span><span>/ month</span></p></div></div></div><div class="bg-blue-900 text-white px-2 py-6 pb-10 md:px-8 md:py-8 3xl:px-12"><div class="grid md:grid-cols-2 gap-y-6 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="flex flex-col gap-2"><p class="text-25/30 md:text-25/30 font-500">Front for Startups</p><p class="text-blue-200 text-17/24">Qualifying startups can use Front free for up to 6 months.</p></div><div class="flex flex-col justify-center items-center md:flex-row md:justify-end"><a class="block button button-size-medium md:button-size-large button-primary-blue-light min-w-[240px]" href="https://front.com/startups">Apply now</a></div></div></div></div></div></div></div><div class="flex my-8 md:my-22 px-container-mobile md:px-container-desktop"><div class="mx-auto max-w-grid"><div class="flex flex-col gap-6"><div class="flex flex-col gap-3 text-center"><p class="text-14/14 uppercase tracking-wide">Best-in-class Service</p><h3 class="text-30/35 md:text-56/65 font-500 tracking-tight">Trusted by 9,000 businesses</h3><p class="text-17/24 md:text-20/28">Our customers power their business with Front to increase ROI and operational efficiency.</p><div class="flex justify-center items-center"><a class="block button button-size-medium button-secondary-gray" href="https://front.com/customer-stories">Explore customer stories</a></div></div><div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-x-gutter-mobile md:gap-x-gutter-desktop gap-y-3"><div class="h-full px-4 py-6 bg-gray-100 rounded-20 flex flex-col gap-6 justify-center items-center relative hover:bg-citron-100 transition-colors duration-200 ease-in-out-quad"><img alt="Company Logo Branch Small" loading="lazy" width="128" height="40" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-logo-branch.svg"/><div class="flex flex-col gap-2 text-center items-center justify-center"><p class="text-84/84 font-500 tracking-tight"><a class="link-cover" href="https://front.com/customer-stories/branch">428%</a></p><p class="text-20/28">average ROI using Front</p></div></div><div class="h-full px-4 py-6 bg-gray-100 rounded-20 flex flex-col gap-6 justify-center items-center relative hover:bg-citron-100 transition-colors duration-200 ease-in-out-quad"><img alt="Company Logo Shield Small" loading="lazy" width="78" height="40" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-logo-founder-shield.svg"/><div class="flex flex-col gap-2 text-center items-center justify-center"><p class="text-84/84 font-500 tracking-tight"><a class="link-cover" href="https://front.com/customer-stories/founder-shield">300</a></p><p class="text-20/28">hours saved per month</p></div></div><div class="h-full px-4 py-6 bg-gray-100 rounded-20 flex flex-col gap-6 justify-center items-center relative hover:bg-citron-100 transition-colors duration-200 ease-in-out-quad"><img alt="Company Logo MongoDB Small" loading="lazy" width="160" height="40" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-logo-mongodb.svg"/><div class="flex flex-col gap-2 text-center items-center justify-center"><p class="text-84/84 font-500 tracking-tight"><a class="link-cover" href="https://front.com/customer-stories/mongodb">60%</a></p><p class="text-20/28">reduction in email volume</p></div></div><div class="h-full px-4 py-6 bg-gray-100 rounded-20 flex flex-col gap-6 justify-center items-center relative hover:bg-citron-100 transition-colors duration-200 ease-in-out-quad"><img alt="Company Logo YCombinator Small" loading="lazy" width="200" height="40" decoding="async" data-nimg="1" style="color:transparent" src="/images/icon-logo-ycombinator.svg"/><div class="flex flex-col gap-2 text-center items-center justify-center"><p class="text-84/84 font-500 tracking-tight"><a class="link-cover" href="https://front.com/customer-stories/y-combinator">7x</a></p><p class="text-20/28">faster response time</p></div></div></div></div></div></div><div class="my-8 md:my-22 px-container-mobile md:px-container-desktop flex flex-col gap-3 md:gap-8 null"><div class="mx-auto max-w-grid flex flex-col gap-2 md:gap-8 null rounded-[16px]"><div class="flex flex-col items-center justify-center gap-2 md:gap-4 text-center md:text-left px-[16px] md:px-0"><h2 class="text-h2 md:text-56/65 font-500 tracking-tight text-black">Frequently asked questions</h2></div><div class="grid grid-cols-1 md:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="md:col-span-10 md:col-start-2 lg:col-span-8 lg:col-start-3"><div class="-mx-2 md:-mx-3"><div class="border-none border-gray-100"><div><button class="w-full flex justify-between items-center gap-2 py-4 px-2 md:px-3"><div class="text-p1 md:text-h2 font-500 text-left text-black">How does Front's free trial work? Do I need a credit card?</div><div class="flex"><svg width="32" height="32" viewBox="0 0 32 32" class="block"><path d="M16.0003 29.3333C23.3641 29.3333 29.3337 23.3638 29.3337 16C29.3337 8.6362 23.3641 2.66666 16.0003 2.66666C8.63653 2.66666 2.66699 8.6362 2.66699 16C2.66699 23.3638 8.63653 29.3333 16.0003 29.3333Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16 10.6667V21.3333" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.667 16H21.3337" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></button><div class="overflow-hidden" style="height:0px"><div><div class="px-2 md:px-3 pb-4"><p class="text-14/20 md:text-20/28 text-gray-600">Our free 14-day trial offers all the features available in our Growth plan. You can get started without a credit card and can upgrade at any time during your trial. You do not need a credit card to start, continue, or complete your Front trial.</p></div></div></div></div></div><div class="border-t-2 border-solid border-gray-100"><div><button class="w-full flex justify-between items-center gap-2 py-4 px-2 md:px-3"><div class="text-p1 md:text-h2 font-500 text-left text-black">Does Front offer monthly plans?</div><div class="flex"><svg width="32" height="32" viewBox="0 0 32 32" class="block"><path d="M16.0003 29.3333C23.3641 29.3333 29.3337 23.3638 29.3337 16C29.3337 8.6362 23.3641 2.66666 16.0003 2.66666C8.63653 2.66666 2.66699 8.6362 2.66699 16C2.66699 23.3638 8.63653 29.3333 16.0003 29.3333Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16 10.6667V21.3333" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.667 16H21.3337" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></button><div class="overflow-hidden" style="height:0px"><div><div class="px-2 md:px-3 pb-4"><p class="text-14/20 md:text-20/28 text-gray-600">Yes, both Starter and Growth plans can be purchased month-to-month without a yearly contract.</p></div></div></div></div></div><div class="border-t-2 border-solid border-gray-100"><div><button class="w-full flex justify-between items-center gap-2 py-4 px-2 md:px-3"><div class="text-p1 md:text-h2 font-500 text-left text-black">What is a seat?</div><div class="flex"><svg width="32" height="32" viewBox="0 0 32 32" class="block"><path d="M16.0003 29.3333C23.3641 29.3333 29.3337 23.3638 29.3337 16C29.3337 8.6362 23.3641 2.66666 16.0003 2.66666C8.63653 2.66666 2.66699 8.6362 2.66699 16C2.66699 23.3638 8.63653 29.3333 16.0003 29.3333Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16 10.6667V21.3333" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.667 16H21.3337" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></button><div class="overflow-hidden" style="height:0px"><div><div class="px-2 md:px-3 pb-4"><p class="text-14/20 md:text-20/28 text-gray-600">A seat is a paid Front license that can be granted to a unique user in your organization.</p></div></div></div></div></div><div class="border-t-2 border-solid border-gray-100"><div><button class="w-full flex justify-between items-center gap-2 py-4 px-2 md:px-3"><div class="text-p1 md:text-h2 font-500 text-left text-black">Do you offer any discounts for startups or non-profits?</div><div class="flex"><svg width="32" height="32" viewBox="0 0 32 32" class="block"><path d="M16.0003 29.3333C23.3641 29.3333 29.3337 23.3638 29.3337 16C29.3337 8.6362 23.3641 2.66666 16.0003 2.66666C8.63653 2.66666 2.66699 8.6362 2.66699 16C2.66699 23.3638 8.63653 29.3333 16.0003 29.3333Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16 10.6667V21.3333" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.667 16H21.3337" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></button><div class="overflow-hidden" style="height:0px"><div><div class="px-2 md:px-3 pb-4"><p class="text-14/20 md:text-20/28 text-gray-600">Yes, we have discount programs for both of these groups. Eligible startups can <a href="https://front.com/startups" style="text-decoration:underline">apply through our Front for Startups program</a>. <a href="https://help.front.com/en/articles/2538" style="text-decoration:underline">Eligible non-profits, including educational institutions</a>, receive 50% off their annual Front plan.</p></div></div></div></div></div><div class="border-t-2 border-solid border-gray-100"><div><button class="w-full flex justify-between items-center gap-2 py-4 px-2 md:px-3"><div class="text-p1 md:text-h2 font-500 text-left text-black">Can I import my existing customer data from other help desks?</div><div class="flex"><svg width="32" height="32" viewBox="0 0 32 32" class="block"><path d="M16.0003 29.3333C23.3641 29.3333 29.3337 23.3638 29.3337 16C29.3337 8.6362 23.3641 2.66666 16.0003 2.66666C8.63653 2.66666 2.66699 8.6362 2.66699 16C2.66699 23.3638 8.63653 29.3333 16.0003 29.3333Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16 10.6667V21.3333" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.667 16H21.3337" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></button><div class="overflow-hidden" style="height:0px"><div><div class="px-2 md:px-3 pb-4"><p class="text-14/20 md:text-20/28 text-gray-600">Yes, we have a <a href="https://help.front.com/en/articles/2203" style="text-decoration:underline">Zendesk import tool</a> available at no additional cost. We also recommend <a href="https://app.help-desk-migration.com/platforms/front" style="text-decoration:underline">Help Desk Migration</a> (a partner that specializes in migrations) to import your history into Front from tools like Help Scout, Freshdesk, Intercom, or Kustomer.</p></div></div></div></div></div><div class="border-t-2 border-solid border-gray-100"><div><button class="w-full flex justify-between items-center gap-2 py-4 px-2 md:px-3"><div class="text-p1 md:text-h2 font-500 text-left text-black">Is my data safe and secure?</div><div class="flex"><svg width="32" height="32" viewBox="0 0 32 32" class="block"><path d="M16.0003 29.3333C23.3641 29.3333 29.3337 23.3638 29.3337 16C29.3337 8.6362 23.3641 2.66666 16.0003 2.66666C8.63653 2.66666 2.66699 8.6362 2.66699 16C2.66699 23.3638 8.63653 29.3333 16.0003 29.3333Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16 10.6667V21.3333" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.667 16H21.3337" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></button><div class="overflow-hidden" style="height:0px"><div><div class="px-2 md:px-3 pb-4"><p class="text-14/20 md:text-20/28 text-gray-600">Ensuring your data’s confidentiality, integrity, and availability is core to our mission and platform. <a href="https://front.com/security" style="text-decoration:underline">Read more here</a> about Front’s security, privacy and compliance practices.</p></div></div></div></div></div><div class="border-t-2 border-solid border-gray-100"><div><button class="w-full flex justify-between items-center gap-2 py-4 px-2 md:px-3"><div class="text-p1 md:text-h2 font-500 text-left text-black">What is the maximum amount of channels per plan?</div><div class="flex"><svg width="32" height="32" viewBox="0 0 32 32" class="block"><path d="M16.0003 29.3333C23.3641 29.3333 29.3337 23.3638 29.3337 16C29.3337 8.6362 23.3641 2.66666 16.0003 2.66666C8.63653 2.66666 2.66699 8.6362 2.66699 16C2.66699 23.3638 8.63653 29.3333 16.0003 29.3333Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16 10.6667V21.3333" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.667 16H21.3337" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></button><div class="overflow-hidden" style="height:0px"><div><div class="px-2 md:px-3 pb-4"><p class="text-14/20 md:text-20/28 text-gray-600">Your channel maximum depends on both your plan and number of licenses. On Starter, you can connect up to 10 channels per license, with Growth up to 30 per license, and with Scale up to 50 per license. For example, a team of 5 users on Growth would have a maximum of 150 channels. <a href="https://help.front.com/en/articles/808896" style="text-decoration:underline">Please see our help article for more details</a>.</p></div></div></div></div></div><div class="border-t-2 border-solid border-gray-100"><div><button class="w-full flex justify-between items-center gap-2 py-4 px-2 md:px-3"><div class="text-p1 md:text-h2 font-500 text-left text-black">Can I combine seats across multiple plans?</div><div class="flex"><svg width="32" height="32" viewBox="0 0 32 32" class="block"><path d="M16.0003 29.3333C23.3641 29.3333 29.3337 23.3638 29.3337 16C29.3337 8.6362 23.3641 2.66666 16.0003 2.66666C8.63653 2.66666 2.66699 8.6362 2.66699 16C2.66699 23.3638 8.63653 29.3333 16.0003 29.3333Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16 10.6667V21.3333" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.667 16H21.3337" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></button><div class="overflow-hidden" style="height:0px"><div><div class="px-2 md:px-3 pb-4"><p class="text-14/20 md:text-20/28 text-gray-600">No, plans are assigned at the organization level. You can add or remove seats as needed within a single plan.</p></div></div></div></div></div><div class="border-t-2 border-solid border-gray-100"><div><button class="w-full flex justify-between items-center gap-2 py-4 px-2 md:px-3"><div class="text-p1 md:text-h2 font-500 text-left text-black">Can I pay with my bank instead of credit card?</div><div class="flex"><svg width="32" height="32" viewBox="0 0 32 32" class="block"><path d="M16.0003 29.3333C23.3641 29.3333 29.3337 23.3638 29.3337 16C29.3337 8.6362 23.3641 2.66666 16.0003 2.66666C8.63653 2.66666 2.66699 8.6362 2.66699 16C2.66699 23.3638 8.63653 29.3333 16.0003 29.3333Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M16 10.6667V21.3333" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.667 16H21.3337" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></button><div class="overflow-hidden" style="height:0px"><div><div class="px-2 md:px-3 pb-4"><p class="text-14/20 md:text-20/28 text-gray-600">You can pay by wire transfer or ACH if you purchase annually and the total contract value is over $15K.</p></div></div></div></div></div></div></div></div></div></div><div class="py-4 md:py-12 bg-white px-[16px]"><div class="mx-auto max-w-grid"><div class="grid grid-cols-1 xl:grid-cols-12 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="xl:col-span-7"><div class="bg-citron-500 rounded-[12px]"><div class="px-3 pt-3 lg:px-10 lg:py-7"><div class="flex flex-wrap flex-col gap-3 md:gap-2"><p class="font-500 text-30/35 md:text-36/42 tracking-tight">Ready to deliver exceptional service with Front?</p><ul class="flex md:flex-row items-start md:items-center"><li><button class="block button button-size-medium button-primary-blue-900">Request a demo</button></li><li><button class="block button button-size-medium button-secondary-blue-900 !ml-[12px]">Try for free</button></li></ul></div></div><div class="px-[8px] pb-[8px]"><div class="relative mt-[40px]"><div class="inset-0 flex md:hidden overflow-hidden rounded-10 mt-3"><img alt="" loading="lazy" width="585" height="322" decoding="async" data-nimg="1" class="w-full" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fbumper-image.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Fbumper-image.jpg&w=1200&q=75 2x" src="/_next/image?url=%2Fimages%2Fbumper-image.jpg&w=1200&q=75"/></div><div class="absolute inset-0 flex md:hidden flex-col justify-end items-center pb-[5%]"></div></div></div></div></div><div class="relative hidden xl:block col-span-5 pointer-events-none ml-[-8px]"><div class="inset-0 overflow-hidden rounded-[12px]"><img alt="" loading="lazy" width="585" height="322" decoding="async" data-nimg="1" class="min-h-[300px] w-full" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fbumper-image.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Fbumper-image.jpg&w=1200&q=75 2x" src="/_next/image?url=%2Fimages%2Fbumper-image.jpg&w=1200&q=75"/></div><div class="absolute inset-0 flex flex-col justify-end items-center pb-[15%]"></div></div></div></div></div><footer class="undefined overflow-hidden"><div class="h-30 md:h-[21vw] relative w-full overflow-hidden"><svg width="1511" height="307" viewBox="0 0 1511 307" class="absolute left-[-100vw] right-[-100vw] bottom-[-1px] w-[300vw] md:left-0 md:right-0 md:w-full h-auto text-violet-800"><rect x="1511" y="306.383" width="190.25" height="129.282" transform="rotate(-180 1511 306.383)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="1320.75" y="177.104" width="190.25" height="38.571" transform="rotate(-180 1320.75 177.104)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="1320.75" y="306.383" width="190.25" height="107.45" transform="rotate(-180 1320.75 306.383)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="1511" y="157.819" width="190.25" height="42.902" transform="rotate(-180 1511 157.819)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="1320.75" y="114.918" width="190.25" height="25.1885" transform="rotate(-180 1320.75 114.918)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="1130.5" y="140.106" width="190.25" height="25.1885" transform="rotate(-180 1130.5 140.106)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="750" y="140.106" width="190.25" height="25.1885" transform="rotate(-180 750 140.106)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="369.5" y="118.854" width="190.25" height="40.1387" transform="rotate(-180 369.5 118.854)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="369.5" y="195.788" width="190.25" height="40.1387" transform="rotate(-180 369.5 195.788)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="369.5" y="306.383" width="190.25" height="100.843" transform="rotate(-180 369.5 306.383)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="179.25" y="306.383" width="190.25" height="118.662" transform="rotate(-180 179.25 306.383)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="179.25" y="166.659" width="190.25" height="69.2685" transform="rotate(-180 179.25 166.659)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="179.25" y="81.4553" width="190.25" height="24.79" transform="rotate(-180 179.25 81.4553)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="179.25" y="17.6958" width="190.25" height="17.6957" transform="rotate(-180 179.25 17.6958)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="369.5" y="46.8284" width="190.25" height="20.0693" transform="rotate(-180 369.5 46.8284)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="750" y="214.096" width="190.25" height="49.5888" transform="rotate(-180 750 214.096)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="750" y="306.383" width="190.25" height="60.9221" transform="rotate(-180 750 306.383)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="559.75" y="306.383" width="190.25" height="69.8619" transform="rotate(-180 559.75 306.383)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="559.75" y="225.309" width="190.25" height="49.5888" transform="rotate(-180 559.75 225.309)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="559.75" y="145.825" width="190.25" height="11.434" transform="rotate(-180 559.75 145.825)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="1130.5" y="214.096" width="190.25" height="48.8006" transform="rotate(-180 1130.5 214.096)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="1130.5" y="306.383" width="190.25" height="81.0745" transform="rotate(-180 1130.5 306.383)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="940.25" y="306.383" width="190.25" height="60.9221" transform="rotate(-180 940.25 306.383)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="940.25" y="236.518" width="190.25" height="48.8006" transform="rotate(-180 940.25 236.518)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="940.25" y="166.659" width="190.25" height="26.5525" transform="rotate(-180 940.25 166.659)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="1511" y="89.7271" width="190.25" height="25.1885" transform="rotate(-180 1511 89.7271)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect><rect x="1511" y="39.356" width="190.25" height="12.5943" transform="rotate(-180 1511 39.356)" fill="currentColor" stroke="currentColor" stroke-width="0.5"></rect></svg></div><div class="px-container-mobile md:px-container-desktop py-4 md:py-10 bg-violet-800 text-violet-200"><div class="mx-auto max-w-grid"><div class="grid grid-cols-12 gap-y-8 gap-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-12 xl:col-span-4 flex flex-col gap-2"><svg width="283" height="65" viewBox="0 0 283 65" class="w-[282px] h-[65px] block text-violet-100"><g class="icon-logo-mark"><path d="M0 63.6152H21.3918V21.3008H64.0428V-0.00341797H0V63.6152Z" fill="#A857F1"></path><path d="M45.5945 64.8878C56.2523 64.8878 64.8922 56.2479 64.8922 45.5901C64.8922 34.9323 56.2523 26.2925 45.5945 26.2925C34.9367 26.2925 26.2969 34.9323 26.2969 45.5901C26.2969 56.2479 34.9367 64.8878 45.5945 64.8878Z" fill="#A857F1"></path></g><g class="icon-logo-type"><path d="M259.657 62.7285C255.717 62.7285 252.686 61.6893 250.564 59.6108C248.485 57.5323 247.446 54.5012 247.446 50.5174V31.6812H239.457V20.7041H247.446V6.41455H260.762V20.7041H272.128V31.6812H260.762V47.7245C260.762 49.0668 261.108 50.0844 261.801 50.7773C262.494 51.4701 263.511 51.8165 264.854 51.8165H272.128V62.7285H259.657Z" fill="currentColor"></path><path d="M195.352 20.7035H207.433V24.211C208.818 22.6954 210.507 21.5263 212.499 20.7035C214.534 19.8375 216.786 19.3828 219.254 19.3395C221.679 19.2962 223.952 19.7076 226.074 20.5736C228.196 21.4397 230.036 22.6521 231.595 24.211C233.154 25.8131 234.345 27.7834 235.168 30.1217C236.034 32.4167 236.467 35.2313 236.467 38.5655V62.7279H223.086V39.9295C223.086 38.1975 222.913 36.8551 222.567 35.9025C222.264 34.9065 221.766 34.0621 221.073 33.3693C219.817 32.1569 218.107 31.5506 215.942 31.5506C213.776 31.5506 212.066 32.1569 210.81 33.3693C210.074 34.0621 209.533 34.9065 209.186 35.9025C208.883 36.8551 208.732 38.1975 208.732 39.9295V62.7279H195.352V20.7035Z" fill="currentColor"></path><path d="M167.21 63.8325C162.836 63.8325 158.852 62.8582 155.258 60.9096C151.708 59.0043 148.893 56.3412 146.814 52.9204C144.779 49.5429 143.762 45.7972 143.762 41.6836C143.762 37.5699 144.779 33.8026 146.814 30.3818C148.893 26.961 151.708 24.2762 155.258 22.3277C158.852 20.3358 162.836 19.3398 167.21 19.3398C171.583 19.3398 175.545 20.3358 179.096 22.3277C182.69 24.2762 185.505 26.961 187.54 30.3818C189.575 33.8026 190.593 37.5699 190.593 41.6836C190.593 45.7972 189.575 49.5429 187.54 52.9204C185.505 56.3412 182.69 59.0043 179.096 60.9096C175.545 62.8582 171.583 63.8325 167.21 63.8325ZM167.21 52.0111C169.028 52.0111 170.652 51.5564 172.081 50.6471C173.553 49.7377 174.701 48.5036 175.524 46.9447C176.346 45.3859 176.758 43.6322 176.758 41.6836C176.758 39.735 176.346 37.9813 175.524 36.4224C174.701 34.8635 173.553 33.6511 172.081 32.7851C170.652 31.8757 169.028 31.421 167.21 31.421C165.348 31.421 163.681 31.8757 162.208 32.7851C160.779 33.6511 159.653 34.8635 158.831 36.4224C158.008 37.9813 157.597 39.735 157.597 41.6836C157.597 43.6322 158.008 45.3859 158.831 46.9447C159.653 48.5036 160.801 49.7377 162.273 50.6471C163.746 51.5564 165.391 52.0111 167.21 52.0111Z" fill="currentColor"></path><path d="M114.129 20.7037H126.145V25.7051C127.574 23.9297 129.285 22.5657 131.276 21.613C133.312 20.6604 135.498 20.1841 137.837 20.1841C139.352 20.1841 140.824 20.314 142.253 20.5738V33.1746C141.214 32.7849 139.785 32.59 137.967 32.59C134.762 32.59 132.229 33.5643 130.367 35.5129C129.371 36.5089 128.613 37.7213 128.094 39.1503C127.617 40.5792 127.379 42.4196 127.379 44.6713V62.7281H114.129V20.7037Z" fill="currentColor"></path><path d="M75.8164 -0.665527H109.852V12.0002H89.5214V24.4062H109.462V36.6173H89.5214V62.7283H75.8164V-0.665527Z" fill="currentColor"></path></g></svg><p class="text-30/36 max-w-44">The modern customer service platform.</p><div class="flex gap-2"><img alt="g2-badge-best-usability" loading="lazy" width="83" height="107" decoding="async" data-nimg="1" class="block" style="color:transparent" src="https://front.com/webassets/awards/front-g2-award-best-usability-winter-2025.svg"/><img alt="g2-badge-leader" loading="lazy" width="83" height="107" decoding="async" data-nimg="1" class="block" style="color:transparent" src="https://front.com/webassets/awards/front-g2-award-overall-leader-winter-2025.svg"/><img alt="g2-momentum-leader" loading="lazy" width="83" height="107" decoding="async" data-nimg="1" class="block" style="color:transparent" src="https://front.com/webassets/awards/front-g2-award-momentum-leader-winter-2025.svg"/></div><ul class="flex gap-2"><li><a title="Linked In" target="_blank" class="flex flex-col justify-center items-center w-6 h-6 rounded-full duration-200 transition-colors ease-in-quad bg-violet-700 hover:bg-opacity-50" href="https://www.linkedin.com/company/fronthq"><img alt="Linked In" loading="lazy" width="27" height="27" decoding="async" data-nimg="1" class="block" style="color:transparent" src="/images/icon-social-linkedin.svg"/></a></li><li><a title="Facebook" target="_blank" class="flex flex-col justify-center items-center w-6 h-6 rounded-full duration-200 transition-colors ease-in-quad bg-violet-700 hover:bg-opacity-50" href="https://www.facebook.com/FrontHQ"><img alt="Facebook" loading="lazy" width="27" height="27" decoding="async" data-nimg="1" class="block" style="color:transparent" src="/images/icon-social-facebook.svg"/></a></li><li><a title="Instagram" target="_blank" class="flex flex-col justify-center items-center w-6 h-6 rounded-full duration-200 transition-colors ease-in-quad bg-violet-700 hover:bg-opacity-50" href="https://www.instagram.com/FrontHQ/"><img alt="Instagram" loading="lazy" width="27" height="27" decoding="async" data-nimg="1" class="block" style="color:transparent" src="/images/icon-social-instagram.svg"/></a></li></ul></div><div class="col-span-12 xl:col-span-8"><div class="grid grid-cols-2 md:grid-cols-4 gap-y-5 gap-x-gutter-mobile md:gap-x-gutter-desktop"><div class="flex flex-col gap-2"><div class="flex flex-col gap-8"><div class="flex flex-col gap-3"><p class="text-10/14 uppercase text-white">Product</p><ul class="flex flex-col gap-2"><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/product"><span class="block">Front Overview</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/teams/customer-service-support"><span class="block">Help Desk</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/product/omnichannel-inbox"><span class="block">Shared Inbox</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/product/ticketing-system"><span class="block">Ticketing</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/product/knowledge-base"><span class="block">Knowledge Base</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/product/live-chat"><span class="block">Live Chat</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/product/collaboration"><span class="block">Team Collaboration</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/product/ai"><span class="block">AI & Automation</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/product/analytics"><span class="block">Insights</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/product/support-report"><span class="block">Support Report</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/product/integrations-api"><span class="block">Integrations</span></a></li></ul></div></div></div><div class="flex flex-col gap-2"><div class="flex flex-col gap-8"><div class="flex flex-col gap-3"><p class="text-10/14 uppercase text-white">Use Cases</p><ul class="flex flex-col gap-2"><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/customer-service"><span class="block">Customer Service</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/email-management"><span class="block">Email Management</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/client-communication"><span class="block">Client Communication</span></a></li></ul></div><div class="flex flex-col gap-3"><p class="text-10/14 uppercase text-white">Explore</p><ul class="flex flex-col gap-2"><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/pricing"><span class="block">Pricing</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="https://community.front.com/product-updates"><span class="block">Product Updates</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/download"><span class="block">Download App</span></a></li></ul></div></div></div><div class="flex flex-col gap-2"><div class="flex flex-col gap-8"><div class="flex flex-col gap-3"><p class="text-10/14 uppercase text-white">Compare</p><ul class="flex flex-col gap-2"><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/compare/front-vs-email"><span class="block">Front vs. Email</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/blog/front-versus-zendesk"><span class="block">Front vs. Zendesk</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/blog/front-versus-freshdesk"><span class="block">Front vs. Freshdesk</span></a></li></ul></div><div class="flex flex-col gap-3"><p class="text-10/14 uppercase text-white">Resources</p><ul class="flex flex-col gap-2"><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/blog"><span class="block">Blog</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/customer-stories"><span class="block">Customer Stories</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="https://help.front.com/"><span class="block">Help</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="https://academy.front.com/app"><span class="block">Academy</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="https://dev.frontapp.com/docs/welcome"><span class="block">Developers</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/product/integrations-api"><span class="block">API</span></a></li></ul></div></div></div><div class="flex flex-col gap-2"><div class="flex flex-col gap-8"><div class="flex flex-col gap-3"><p class="text-10/14 uppercase text-white">Company</p><ul class="flex flex-col gap-2"><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/about"><span class="block">About</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/jobs"><span class="block">Careers</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/press"><span class="block">Press</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/support-report"><span class="block">Real-Time Metrics</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/partners/integration"><span class="block">Become a Partner</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/customer-referral"><span class="block">Customer Referral</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="https://help.front.com/en/contact-us"><span class="block">Contact Support</span></a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad flex gap-2 text-violet-200" href="/legal"><span class="block">Legal</span></a></li></ul></div></div></div></div></div></div></div></div><div class="px-container-mobile md:px-container-desktop py-5 bg-violet-900 text-violet-200"><div class="mx-auto max-w-grid"><div class="pb-5"><div class="grid grid-cols-12 gap-y-5 gap-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-12 xl:col-span-4"><p class="text-10/14 uppercase">Additional Resources</p></div><div class="col-span-12 xl:col-span-8"><div class="grid grid-cols-2 xl:grid-cols-4 gap-y-5 gap-gutter-mobile md:gap-x-gutter-desktop"><div class="flex flex-col gap-3"><p class="text-10/14 uppercase">Customer Support and Service</p><ul class="flex flex-col gap-2"><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-200" href="/guides/top-customer-service-metrics">Customer Support Metrics Library</a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-200" href="/blog/improve-csat">Guide to 100% CSAT</a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-200" href="/resources/how-to-build-a-customer-service-qa-scorecard">Building a Customer Service QA Scorecard</a></li></ul></div><div class="flex flex-col gap-3"><p class="text-10/14 uppercase">AI and Automation</p><ul class="flex flex-col gap-2"><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-200" href="/blog/customer-service-automation-ai">Boost Agent Support Productivity</a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-200" href="/blog/customer-service-agent-assistance-ai">Front's New AI Capabilities</a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-200" href="/resources/ai-vs-human-why-you-dont-have-to-choose">AI vs. Human Support Strategy</a></li></ul></div><div class="flex flex-col gap-3"><p class="text-10/14 uppercase">Knowledge Base</p><ul class="flex flex-col gap-2"><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-200" href="/resources/how-to-scale-delightful-customer-experiences-with-self-service-support">5 Best Practices for Self-Service Support</a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-200" href="/resources/creating-ai-friendly-help-center-articles">Create AI-Friendly Help Center Articles</a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-200" href="/blog/how-to-write-knowledge-base-articles">Top Tips for Knowledge Base Articles</a></li></ul></div><div class="flex flex-col gap-3"><p class="text-10/14 uppercase">More</p><ul class="flex flex-col gap-2"><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-200" href="/resources/5-tried-and-true-message-templates-to-improve-your-support-teams-csat">Support Message Templates</a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-200" href="/guides/shared-inbox-management">Shared Inbox Management Tips</a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-200" href="/blog/introducing-front-for-startups">Front for Startups</a></li></ul></div></div></div></div></div><div class="border-t border-solid pt-4 text-12/16 border-violet-500"><div class="grid grid-cols-12 gap-y-4 gap-gutter-mobile md:gap-x-gutter-desktop"><div class="col-span-12 xl:col-span-4"><p class="text-violet-300">2025 FrontApp, Inc. All Rights Reserved.</p></div><div class="col-span-12 xl:col-span-8"><ul class="flex flex-col gap-2 xl:flex-row xl:gap-1 xl:justify-between"><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-300" href="/legal/saas-services-agreement">SaaS Service Agreement</a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-300" href="/legal/privacy-notice">Privacy Notice</a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-300" href="/legal/cookie-policy">Cookie Policy</a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-300" href="/legal/front-products-and-services-privacy-notice#google_user_data_privacy_notice">Google User Data Privacy Notice</a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-300" href="https://www.frontstatus.com/">Status</a></li><li><a class="hover:text-white duration-200 transition-colors ease-in-quad text-violet-300">Your Privacy Choices <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" width="28" style="display:inline-block"><path fill="#fff" fill-rule="evenodd" d="M7.4 12.8h6.8l3.1-11.6H7.4a5.8 5.8 0 000 11.6z" clip-rule="evenodd"></path><path fill="#06f" fill-rule="evenodd" d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4A5.8 5.8 0 011.6 7z" clip-rule="evenodd"></path><path fill="#fff" d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0a.6.6 0 010-.8L20.8 7l-2.2-2.2a.6.6 0 010-.8c.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z"></path><path fill="#06f" d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7a.6.6 0 010-.8c.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z"></path></svg></a></li></ul></div></div></div></div></div></footer><span></span><script src="/_next/static/chunks/webpack-31e8c34883db0fb8.js" crossorigin="" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"0:\"$L1\"\n"])</script><script>self.__next_f.push([1,"2:HL[\"/_next/static/css/9dbff2e13711323a.css\",\"style\",{\"crossOrigin\":\"\"}]\n3:HL[\"/_next/static/css/a719dbfe74382252.css\",\"style\",{\"crossOrigin\":\"\"}]\n"])</script><script>self.__next_f.push([1,"4:I[47690,[],\"\"]\n7:I[5613,[],\"\"]\n8:I[31778,[],\"\"]\nc:I[48955,[],\"\"]\nd:[]\n"])</script><script>self.__next_f.push([1,"1:[null,[\"$\",\"$L4\",null,{\"buildId\":\"vX2dbK6H7QnyuWLMIeiLA\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/pricing\",\"initialTree\":[\"\",{\"children\":[\"(web)\",{\"children\":[\"(regular-header)\",{\"children\":[\"pricing\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true]}],\"initialSeedData\":[\"\",{\"children\":[\"(web)\",{\"children\":[\"(regular-header)\",{\"children\":[\"pricing\",{\"children\":[\"__PAGE__\",{},[\"$L5\",\"$L6\",null]]},[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(web)\",\"children\",\"(regular-header)\",\"children\",\"pricing\",\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}]]},[null,\"$L9\",null]]},[null,\"$La\",null]]},[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/9dbff2e13711323a.css\",\"precedence\":\"next\",\"crossOrigin\":\"\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a719dbfe74382252.css\",\"precedence\":\"next\",\"crossOrigin\":\"\"}]]}]],\"initialHead\":[false,\"$Lb\"],\"globalErrorComponent\":\"$c\",\"missingSlots\":\"$Wd\"}]]\n"])</script><script>self.__next_f.push([1,"e:I[5641,[\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"6439\",\"static/chunks/6439-c070a55be8548f51.js\",\"1912\",\"static/chunks/1912-1d864db6e8fa6251.js\",\"3437\",\"static/chunks/app/(web)/(regular-header)/pricing/page-21ff97b7bafa785b.js\"],\"\"]\nf:I[81749,[\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"6439\",\"static/chunks/6439-c070a55be8548f51.js\",\"1912\",\"static/chunks/1912-1d864db6e8fa6251.js\",\"3437\",\"static/chunks/app/(web)/(regular-header)/pricing/page-21ff97b7bafa785b.js\"],\"Image\"]\n10:I[34074,[\"5156\",\"st"])</script><script>self.__next_f.push([1,"atic/chunks/5156-f45bebd6840c04c0.js\",\"6439\",\"static/chunks/6439-c070a55be8548f51.js\",\"9592\",\"static/chunks/9592-d7956d361ef74449.js\",\"5721\",\"static/chunks/5721-0db88628024e7afd.js\",\"9506\",\"static/chunks/app/(web)/(regular-header)/layout-268960942c5ef855.js\"],\"\"]\n11:I[90988,[\"8851\",\"static/chunks/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"static/chunks/5686-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d9"])</script><script>self.__next_f.push([1,"9b7.js\",\"3523\",\"static/chunks/app/(web)/layout-11aa740a1408bf96.js\"],\"\"]\n12:I[84283,[\"8851\",\"static/chunks/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"static/chunks/5686-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d99b7.js\",\"3523\",\"static/chunks/app/(web)/layout-11aa740a1408bf96.js\"],\"OneTrustHideBannerStyles\"]\n13:I[71203,[\"8851\",\"static/chunks/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45"])</script><script>self.__next_f.push([1,"bebd6840c04c0.js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"static/chunks/5686-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d99b7.js\",\"3523\",\"static/chunks/app/(web)/layout-11aa740a1408bf96.js\"],\"\"]\n14:I[71203,[\"8851\",\"static/chunks/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"static/chunks/5686-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d99b7.js\",\"3523\",\"static/chunks/app/(we"])</script><script>self.__next_f.push([1,"b)/layout-11aa740a1408bf96.js\"],\"PerfomanceConsentWrapper\"]\n15:I[23446,[\"8851\",\"static/chunks/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"static/chunks/5686-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d99b7.js\",\"3523\",\"static/chunks/app/(web)/layout-11aa740a1408bf96.js\"],\"GoogleTagManagerNoScript\"]\n16:I[44015,[\"8851\",\"static/chunks/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45bebd6840c04c0"])</script><script>self.__next_f.push([1,".js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"static/chunks/5686-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d99b7.js\",\"3523\",\"static/chunks/app/(web)/layout-11aa740a1408bf96.js\"],\"\"]\n1b:I[44224,[\"8851\",\"static/chunks/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"static/chunks/5686-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d99b7.js\",\"3523\",\"static/chunks/app/(web)/layout-11a"])</script><script>self.__next_f.push([1,"a740a1408bf96.js\"],\"\"]\n1c:I[2971,[\"8851\",\"static/chunks/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"static/chunks/5686-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d99b7.js\",\"3523\",\"static/chunks/app/(web)/layout-11aa740a1408bf96.js\"],\"\"]\n1d:I[53504,[\"8851\",\"static/chunks/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"s"])</script><script>self.__next_f.push([1,"tatic/chunks/5686-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d99b7.js\",\"3523\",\"static/chunks/app/(web)/layout-11aa740a1408bf96.js\"],\"\"]\n1e:I[58413,[\"8851\",\"static/chunks/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"static/chunks/5686-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d99b7.js\",\"3523\",\"static/chunks/app/(web)/layout-11aa740a1408bf96.js\"],\"AppRouterFrontChatScript\"]\n1f:I[84283,[\"88"])</script><script>self.__next_f.push([1,"51\",\"static/chunks/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"static/chunks/5686-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d99b7.js\",\"3523\",\"static/chunks/app/(web)/layout-11aa740a1408bf96.js\"],\"OneTrustConsentWrapper\"]\n20:I[47816,[\"8851\",\"static/chunks/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"static/chunks/56"])</script><script>self.__next_f.push([1,"86-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d99b7.js\",\"3523\",\"static/chunks/app/(web)/layout-11aa740a1408bf96.js\"],\"\"]\n21:I[23446,[\"8851\",\"static/chunks/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"static/chunks/5686-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d99b7.js\",\"3523\",\"static/chunks/app/(web)/layout-11aa740a1408bf96.js\"],\"GoogleTagManagerScript\"]\n22:I[28138,[\"8851\",\"static/chunk"])</script><script>self.__next_f.push([1,"s/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"static/chunks/5686-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d99b7.js\",\"3523\",\"static/chunks/app/(web)/layout-11aa740a1408bf96.js\"],\"HubspotTrackingScript\"]\n23:\"$Sreact.suspense\"\n24:I[21624,[\"8851\",\"static/chunks/97b211c4-acb5cb961b9d87ea.js\",\"5156\",\"static/chunks/5156-f45bebd6840c04c0.js\",\"3325\",\"static/chunks/3325-6b0baa8e01c22a7f.js\",\"5686\",\"static/chunk"])</script><script>self.__next_f.push([1,"s/5686-98846c1ce44c1bfa.js\",\"4858\",\"static/chunks/4858-c0c7ee74fd9d99b7.js\",\"3523\",\"static/chunks/app/(web)/layout-11aa740a1408bf96.js\"],\"\"]\n"])</script><script>self.__next_f.push([1,"6:[\"$\",\"$Le\",null,{\"heroProps\":{\"title\":\"Plans for customer-first businesses of all sizes\",\"annualBillingTitle\":\"Billed Annually\",\"annualBillingSubtitle\":\"Save 34%\",\"plans\":[{\"title\":\"Starter\",\"description\":\"Real-time collaboration to resolve customer service inquiries\",\"cta\":{\"title\":\"Try for free\",\"href\":\"\",\"action\":\"trial\"},\"monthlyPrice\":\"$$29\",\"monthlyPriceSubtitle\":\"/seat/mo\",\"monthlyPriceDescription\":\"Billed monthly, up to 10 seats\",\"yearlyPrice\":\"$$19\",\"yearlyPriceSubtitle\":\"/seat/mo\",\"yearlyPriceDescription\":\"Billed annually, up to 10 seats\"},{\"title\":\"Growth\",\"description\":\"No-code automation and reporting to streamline support processes\",\"cta\":{\"title\":\"Request a demo\",\"href\":\"\",\"action\":\"demo\"},\"monthlyPrice\":\"$$79\",\"monthlyPriceSubtitle\":\"/seat/mo\",\"monthlyPriceDescription\":\"Billed monthly, up to 35 seats\",\"yearlyPrice\":\"$$59\",\"yearlyPriceSubtitle\":\"/seat/mo\",\"yearlyPriceDescription\":\"Billed annually, no seat minimum\"},{\"title\":\"Scale\",\"description\":\"Total workflow flexibility and advanced user management\",\"cta\":{\"title\":\"Request a demo\",\"href\":\"\",\"action\":\"demo\"},\"tag\":\"Most Popular\",\"featured\":true,\"disableMonthlyPricing\":true,\"yearlyPrice\":\"$$99\",\"yearlyPriceSubtitle\":\"/seat/mo\",\"yearlyPriceDescription\":\"Billed annually, 2 seat minimum\"},{\"title\":\"Premier\",\"description\":\"Professional services to meet enterprise needs\",\"cta\":{\"title\":\"Request a demo\",\"href\":\"\",\"action\":\"demo\"},\"disableMonthlyPricing\":true,\"yearlyPrice\":\"Contact Us\",\"yearlyPriceSubtitle\":\"\",\"yearlyPriceDescription\":\"\"}],\"logosTitle\":\"\",\"companyLogos\":[[\"$\",\"div\",\"customer-logo-branch\",{\"className\":\"flex justify-center items-center\",\"children\":[\"$\",\"$Lf\",null,{\"src\":\"/images/customer-logo-branch-dark.svg\",\"width\":133,\"height\":21,\"alt\":\"Customer Logo Branch\"}]}],[\"$\",\"div\",\"customer-logo-echo\",{\"className\":\"flex justify-center items-center\",\"children\":[\"$\",\"$Lf\",null,{\"src\":\"/images/customer-logo-echo-dark.svg\",\"width\":133,\"height\":21,\"alt\":\"Customer Logo Echo\"}]}],[\"$\",\"div\",\"customer-logo-godaddy\",{\"className\":\"flex justify-center items-center\",\"children\":[\"$\",\"$Lf\",null,{\"src\":\"/images/customer-logo-godaddy-dark.svg\",\"width\":133,\"height\":21,\"alt\":\"Customer Logo GoDaddy\"}]}],[\"$\",\"div\",\"customer-logo-clickup\",{\"className\":\"flex justify-center items-center\",\"children\":[\"$\",\"$Lf\",null,{\"src\":\"/images/customer-logo-clickup-dark.svg\",\"width\":133,\"height\":21,\"alt\":\"Customer Logo Clickup\"}]}],[\"$\",\"div\",\"customer-logo-baggu\",{\"className\":\"flex justify-center items-center\",\"children\":[\"$\",\"$Lf\",null,{\"src\":\"/images/customer-logo-baggu-dark.svg\",\"width\":133,\"height\":21,\"alt\":\"Customer Logo Baggu\"}]}]]},\"tableProps\":{\"plansTitle\":\"Compare plans\",\"plans\":[{\"title\":\"Starter\",\"cta\":{\"title\":\"Try for free\",\"href\":\"\",\"action\":\"trial\"},\"monthlyPrice\":\"\",\"monthlyPriceSubtitle\":\"\",\"yearlyPrice\":\"\",\"yearlyPriceSubtitle\":\"\"},{\"title\":\"Growth\",\"cta\":{\"title\":\"Get a demo\",\"href\":\"\",\"action\":\"demo\"},\"monthlyPrice\":\"\",\"monthlyPriceSubtitle\":\"\",\"yearlyPrice\":\"\",\"yearlyPriceSubtitle\":\"\"},{\"title\":\"Scale\",\"cta\":{\"title\":\"Get a demo\",\"href\":\"\",\"action\":\"demo\"},\"monthlyPrice\":\"\",\"yearlyPrice\":\"\",\"yearlyPriceSubtitle\":\"\"},{\"title\":\"Premier\",\"cta\":{\"title\":\"Get a demo\",\"href\":\"\",\"action\":\"demo\"},\"monthlyPrice\":\"\",\"yearlyPrice\":\"\",\"yearlyPriceSubtitle\":\"\"}],\"featureRows\":[{\"title\":\"Key Features\",\"expanded\":true,\"headerColumns\":[[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}]],\"rows\":[{\"title\":\"Shared inboxes\",\"description\":\"Collaborate on email, chat, and more\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Live chat \u0026 chatbots\",\"description\":\"Triage and resolve live chat inquiries\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Ticketing\",\"description\":\"Track, organize, and resolve requests\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Knowledge Base\",\"description\":\"Host a help center or internal docs\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Analytics\",\"description\":\"Report on performance, CSAT, \u0026 SLAs\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Rules\",\"description\":\"Tag, route, and more automatically\",\"tooltip\":\"The total number of rules per workspace. Does not include individual or company rules.\",\"columns\":[\"Up to 10\",\"Up to 20\",\"Up to 200\",\"Up to 1000\"]},{\"title\":\"AI Summarize \u0026 AI Compose\",\"description\":\"AI assistance for faster reply time\",\"tooltip\":\"Up to 200 total AI actions per teammate per day.\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Advanced team controls\",\"description\":\"SSO/SCIM, custom roles, and more\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Onboarding and solution design\",\"description\":\"Custom implementation services\",\"columns\":[\"-\",\"-\",\"20+ seats\",[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]}]},{\"title\":\"Omnichannel communications\",\"headerColumns\":[[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}]],\"rows\":[{\"title\":\"Email\",\"tooltip\":\"Office 365, Outlook, Gmail, Custom.\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Front Chat\",\"tooltip\":\"Front's native live chat solution for your website or app\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"WhatsApp and SMS\",\"tooltip\":\"via third-party integrations\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Social channels\",\"tooltip\":\"e.g. Facebook, Instagram\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Third-party chat\",\"tooltip\":\"e.g. Slack, Drift, Intercom, Google Play\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Website forms\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Voice communication and telephony\",\"tooltip\":\"e.g. Aircall, Dialpad\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Premium channel add-ons\",\"tooltip\":\"WhatsApp and Dialpad SMS are available as add-ons\",\"columns\":[\"-\",[\"$\",\"span\",\"2\",{\"className\":\"bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800\",\"children\":\"add-on\"}],[\"$\",\"span\",\"3\",{\"className\":\"bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800\",\"children\":\"add-on\"}],[\"$\",\"span\",\"4\",{\"className\":\"bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800\",\"children\":\"add-on\"}]]},{\"title\":\"Connect any messaging platform via API\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]}]},{\"title\":\"Collaborative, easy-to-use inbox\",\"headerColumns\":[[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}]],\"rows\":[{\"title\":\"Shared inbox\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Assignments\",\"tooltip\":\"Gain clear ownership over messages by assigning messages directly to individual teammates\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Tags\",\"tooltip\":\"Categorize, organize, and prioritize messages with tags like \\\"product bug\\\" or \\\"upsell opportunity\\\" — as an individual or a team\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Internal comments\",\"tooltip\":\"Collaborate behind the scenes with teammates using internal comments\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Shared drafts\",\"tooltip\":\"Work together on a response by sharing a draft with teammates\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Scheduling messages\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Snoozing messages\",\"tooltip\":\"Set a time for a low priority message to reopen in your inbox, or for a sent message to reappear so you don’t forget to follow up\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Message templates\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Calendar\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Meeting scheduling\",\"tooltip\":\"Quickly add suggested meeting times to your messages, and allow recipients to book with a click\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Views\",\"tooltip\":\"Track and manage important conversations, customized across specific inboxes, tags, and assignees\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Guest accounts\",\"tooltip\":\"Invite colleagues to comment on a conversation in Front without needing a license\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]}]},{\"title\":\"Ticketing\",\"headerColumns\":[[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}]],\"rows\":[{\"title\":\"Custom ticket statuses\",\"tooltip\":\"Create ticket statuses that align with your processes\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Ticket routing\",\"tooltip\":\"Set up rules to route tickets to the right team automatically. See \\\"Automation \u0026 workflow rules\\\" for details\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Flexible configuration\",\"tooltip\":\"Optional to enable or disable on a per inbox basis\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Ticket SLAs\",\"tooltip\":\"Ensure you respond to tickets on time with SLA rules to notify you of breaches. See \\\"Automation \u0026 workflow rules\\\" for details.\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Ticket analytics\",\"tooltip\":\"Get insight into current ticket statuses, resolution time, reply time, historical trends, and more\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Customer portal\",\"tooltip\":\"Let customers submit and track tickets\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]}]},{\"title\":\"Automation \u0026 workflow rules\",\"headerColumns\":[[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}]],\"rows\":[{\"title\":\"Rule limits\",\"tooltip\":\"The total number of rules per workspace. Does not include individual or company rules.\",\"columns\":[\"10\",\"20\",\"200\",\"1,000\"]},{\"title\":\"Individual rules\",\"tooltip\":\"Set up rules to effectively manage your individual inbox\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Ready-to-use templates\",\"tooltip\":\"Automate your most common business processes for your team with quick-start templates\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Round-robin assignment\",\"tooltip\":\"Evenly distribute messages among a group of teammates with round-robin assignment rules\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"AI Tagging\",\"tooltip\":\"Automatically tag messages based on the topic or sentiment of the message. Free to use during open beta, but may be moved into a paid add-on in the future.\",\"columns\":[\"-\",\"Beta\",\"Beta\",\"Beta\"]},{\"title\":\"Macros\",\"tooltip\":\"Create 1-click shortcuts for common processes to boost team productivity\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Load balancing\",\"tooltip\":\"Automatically assign conversations to the teammate who has the fewest open assigned conversations\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Response time SLA rules\",\"tooltip\":\"Ensure you respond to customers on time with SLA rules that will warn or notify you of breaches\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Required tagging rules\",\"tooltip\":\"Guarantee correct classification by requiring teammates to tag conversations\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Rules using customer data\",\"tooltip\":\"Route and assign conversations based on CRM data\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Webhooks\",\"tooltip\":\"Receive automatic notifications when something happens in Front without having to constantly poll the API\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Company rules\",\"tooltip\":\"Set up rules that work across all Workspaces and individual inboxes\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Smart rules\",\"tooltip\":\"Build workflows with dynamic variables based on the unique conversation\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]}]},{\"title\":\"Live chat \u0026 chatbots\",\"headerColumns\":[[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}]],\"rows\":[{\"title\":\"Customizable chat widget for web and mobile\",\"tooltip\":\"Personalize with custom colors, logos, header greetings, and more. Customers on our Starter plan may have non-removable Front branding on their chat widget.\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Capture the website URL that chat visitors are on\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"End user identification\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Set offline hours\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Email transcript summaries\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Customizable pre-chat form\",\"tooltip\":\"Collect custom contact/account information from chat visitors\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Advanced message routing\",\"tooltip\":\"Automatically route and tag chat messages based on the visitor page URL or contact/account properties\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"CSAT integration\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Hide teammate name/avatar from chat visitors\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Chatbots\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]}]},{\"title\":\"Knowledge base\",\"headerColumns\":[[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}]],\"rows\":[{\"title\":\"Import tools\",\"tooltip\":\"Import content from a CSV or Zendesk, Intercom, and Help Scout\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Published articles\",\"tooltip\":\"Per knowledge base\",\"columns\":[\"Up to 1,000\",\"Up to 5,000\",\"Up to 10,000\",\"Unlimited\"]},{\"title\":\"Category nesting levels\",\"columns\":[\"Up to 1\",\"Up to 2\",\"Up to 5\",\"Up to 5\"]},{\"title\":\"Custom branding\",\"tooltip\":\"Personalize your knowledge base with your logo, custom colors, and custom fonts. Starter plan customers will have non-removable Front branding on their knowledge base footer and cannot use custom fonts.\",\"columns\":[\"Limited\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Multiple knowledge bases\",\"columns\":[\"-\",\"Up to 2\",\"Up to 50\",\"Up to 100\"]},{\"title\":\"Custom domain\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Front Chat integration\",\"tooltip\":\"Give users access to your knowledge base directly in your live chat widget\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Google Analytics integration\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Draft articles with AI\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Multi-language support\",\"tooltip\":\"Host translated content to support customers in their preferred language\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Translate articles with AI\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]}]},{\"title\":\"AI\",\"headerColumns\":[[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}]],\"rows\":[{\"title\":\"AI Summarize\",\"tooltip\":\"Generate a conversation summary in one click. Up to 200 total AI actions per teammate per day.\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"AI Compose\",\"tooltip\":\"Instantly draft replies or new messages with AI. Up to 200 total AI actions per teammate per day.\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Suggested replies\",\"tooltip\":\"Auto-draft replies to customer emails with AI, based on your knowledge base content. Free to use during open beta, but may be moved into a paid add-on in the future.\",\"columns\":[\"-\",\"Beta\",\"Beta\",\"Beta\"]},{\"title\":\"Similar conversations\",\"tooltip\":\"View related conversations to quickly get historical context and jumpstart the solution. Free to use during open beta, but may be moved into a paid add-on in the future.\",\"columns\":[\"-\",\"Beta\",\"Beta\",\"Beta\"]},{\"title\":\"AI Tagging\",\"tooltip\":\"Automatically tag messages based on the topic or sentiment of the message. Free to use during open beta, but may be moved into a paid add-on in the future.\",\"columns\":[\"-\",\"Beta\",\"Beta\",\"Beta\"]},{\"title\":\"AI Translations\",\"tooltip\":\"Let AI translate customer messages to your preferred language. Free to use during open beta, but may be moved into a paid add-on in the future.\",\"columns\":[\"-\",\"Beta\",\"Beta\",\"Beta\"]},{\"title\":\"Ask AI\",\"tooltip\":\"Help agents easily search their knowledge base with AI. Free to use during open beta, but may be moved into a paid add-on in the future.\",\"columns\":[\"-\",\"Beta\",\"Beta\",\"Beta\"]},{\"title\":\"AI Answers\",\"tooltip\":\"Instantly resolve inquiries on live chat with answers sourced from your Front Knowledge Base\",\"columns\":[\"-\",[\"$\",\"span\",\"2\",{\"className\":\"bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800\",\"children\":\"add-on\"}],[\"$\",\"span\",\"2\",{\"className\":\"bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800\",\"children\":\"add-on\"}],[\"$\",\"span\",\"2\",{\"className\":\"bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800\",\"children\":\"add-on\"}]]},{\"title\":\"Smart QA\",\"tooltip\":\"Get a complete view of agent performance with AI-powered scorecards and comprehensive reporting, built right into Front.\",\"columns\":[\"-\",[\"$\",\"span\",\"2\",{\"className\":\"bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800\",\"children\":\"Coming soon\"}],[\"$\",\"span\",\"2\",{\"className\":\"bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800\",\"children\":\"Coming soon\"}],[\"$\",\"span\",\"2\",{\"className\":\"bg-citron-500 text-citron-900 block rounded-4 px-half text-10/20 h-[20px] uppercase font-mono font-800\",\"children\":\"Coming soon\"}]]}]},{\"title\":\"Integrations\",\"headerColumns\":[[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}]],\"rows\":[{\"title\":\"Voice\",\"tooltip\":\"e.g. Aircall, Dialpad\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Ecommerce\",\"tooltip\":\"e.g. Shopify\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Project management\",\"tooltip\":\"e.g. Jira, Asana, Monday, ClickUp\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Knowledge base\",\"tooltip\":\"e.g. Guru, Forumbee\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Payments\",\"tooltip\":\"e.g. Pagato\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Analytics and data\",\"tooltip\":\"e.g. Fivetran\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Storage\",\"tooltip\":\"e.g. Google Drive, Dropbox\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Conferencing\",\"tooltip\":\"Connect your video conferencing accounts to the Front Calendar to automatically generate links to your meetings (e.g. Zoom, Google Meet)\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Developer\",\"tooltip\":\"e.g. Jira, Github\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Custom integrations via plugins\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Automation\",\"tooltip\":\"e.g. Zapier\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"CRM\",\"tooltip\":\"e.g. Salesforce, HubSpot\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Pre-built Connectors\",\"tooltip\":\"Seamlessly pull in data and take action in your third-party systems right in Front with out-of-the-box integrations with popular applications (e.g. Jira)\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Custom Connectors\",\"tooltip\":\"Seamlessly pull in data and take action in your third-party systems right in Front with low-code, custom integrations\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"API rate limits\",\"columns\":[\"50/min\",\"100/min\",\"200/min\",\"500/min\"]},{\"title\":\"Close to 100 out-of-the-box integrations\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]}]},{\"title\":\"Analytics\",\"headerColumns\":[[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}]],\"rows\":[{\"title\":\"Team performance reports\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Tags reports\",\"tooltip\":\"Explore the types of conversations your team is having and monitor trends in the topics that arise based on the associated tags\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"SLA reports\",\"tooltip\":\"Measure and report on SLA rules to help guide the team to improve response time\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"CSAT reports\",\"tooltip\":\"Measure customer satisfaction with built-in tools and reporting\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Report scheduling\",\"tooltip\":\"Schedule analytics reports to be delivered to you or your team on a daily, weekly, or monthly basis\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Filter reports by inbox, tag or channel\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Support Report\",\"tooltip\":\"Publish your real-time support metrics publicly.\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Analytics exports (in-app and API)\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Data retention window\",\"columns\":[\"-\",\"6 months\",\"24 months\",\"Unlimited\"]},{\"title\":\"Account-based analytics\",\"tooltip\":\"Drill deeper into how your team communicates with a specific account or group of accounts, to identify trends or bottlenecks in service\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Company-wide analytics\",\"tooltip\":\"Analyze your company’s performance across all of your different Workspaces\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]}]},{\"title\":\"CRM\",\"headerColumns\":[[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}]],\"rows\":[{\"title\":\"Manage contacts and accounts\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Contact and account conversation history\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Custom contact / account / teammate / inbox fields\",\"tooltip\":\"Analyze your company’s performance across all of your different Workspaces\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"CSV upload contacts/accounts\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Salesforce accounts and contacts sync\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"HubSpot accounts and contacts sync\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Microsoft Dynamics 365 accounts sync\",\"columns\":[\"-\",[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]}]},{\"title\":\"Security \u0026 team management\",\"headerColumns\":[[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}]],\"rows\":[{\"title\":\"GDPR ready\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"SOC 2 Type II Certified\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"OAuth-based SSO\",\"tooltip\":\"Google \u0026 Office 365\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"SAML based SSO\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"SCIM/User provisioning\",\"tooltip\":\"Azure, Okta, etc.\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Teammate groups\",\"tooltip\":\"Create centralized lists of users that can be easily referenced in any of your rules and used to manage access to inboxes or Workspaces\",\"columns\":[[\"$\",\"$Lf\",\"1\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"2\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Teammate groups sync\",\"tooltip\":\"Sync groups from your identity provider into a centralized, automatically updated list in Front\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Teammate activity export\",\"tooltip\":\"See time spent by teammates on Front\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Workspaces\",\"tooltip\":\"Create distinct Workspaces (channels, templates, tags, etc.) with separate permissions\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"E-discovery extracts\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"IP restrictions\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Teammate templates\",\"tooltip\":\"Set up new users easily with templates for common roles in your company, with all of the settings they need to get work done in Front\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Shifts\",\"tooltip\":\"Shifts automatically specify when teammates are available and can be assigned conversations\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Custom roles and permissions\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]}]},{\"title\":\"Support and services\",\"headerColumns\":[[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current opacity-10\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-[3px] md:gap-[6px]\",\"children\":[[\"$\",\"div\",\"rating-star-0\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-1\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-2\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-3\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}],[\"$\",\"div\",\"rating-star-4\",{\"className\":\"w-[6px] h-[6px] md:w-[8px] md:h-[8px] rounded-full bg-current\"}]]}]],\"rows\":[{\"title\":\"Award-winning Front support\",\"tooltip\":\"Customers on our Starter plan may experience response times of up to one business day\",\"columns\":[\"Email\",\"Email\",\"Email, live chat\",\"Email, live chat, video\"]},{\"title\":\"Tailored onboarding\",\"tooltip\":\"Included for 20+ seats\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Solution design\",\"tooltip\":\"Included for 20+ seats\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Dedicated account team\",\"tooltip\":\"Requires annual contract value of $25k or more\",\"columns\":[\"-\",\"-\",[\"$\",\"$Lf\",\"3\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}],[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Advanced Success Services\",\"tooltip\":\"Change management, end user training, and more\",\"columns\":[\"-\",\"-\",\"-\",[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Custom Build Hours\",\"tooltip\":\"Including Custom API and Integrations development\",\"columns\":[\"-\",\"-\",\"-\",[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Participation in pre-release and beta features\",\"columns\":[\"-\",\"-\",\"-\",[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]},{\"title\":\"Executive sponsorship\",\"columns\":[\"-\",\"-\",\"-\",[\"$\",\"$Lf\",\"4\",{\"src\":\"/images/pricing-grid-check.svg\",\"width\":24,\"height\":24,\"alt\":\"Checkmark Icon\"}]]}]}]},\"addonsProps\":{\"title\":\"Power up your plan\",\"subtitle\":\"Premium Add-ons\",\"description\":\"Premium Add-ons are currently only available on the Growth plan or higher.\",\"cta\":{\"href\":\"\",\"title\":\"Connect with sales\",\"action\":\"demo\"},\"gridTitle\":\"Premium Add-ons\",\"gridItems\":[{\"image\":[\"$\",\"$Lf\",null,{\"src\":\"/images/pricing-addon-ai-answers.svg\",\"alt\":\"Addon Image AI Answers\",\"width\":418,\"height\":284,\"className\":\"w-full aspect-[470/320] bg-blue-300 rounded-30\"}],\"title\":\"AI Answers\",\"description\":\"Instantly resolve Front Chat inquiries with AI responses based on your help content.\",\"price\":\"$$0.70\",\"priceSubtitle\":\"/ resolution\"},{\"image\":[\"$\",\"$Lf\",null,{\"src\":\"/images/pricing-addon-whatsapp.svg\",\"alt\":\"Addon Image WhatsApp\",\"width\":418,\"height\":284,\"className\":\"w-full aspect-[470/320] bg-blue-300 rounded-30\"}],\"title\":\"Premium channel: WhatsApp\",\"description\":\"Integrate WhatsApp as an additional premium Front channel.\",\"price\":\"$$70\",\"priceSubtitle\":\"/ 1,000 conversations\"},{\"image\":[\"$\",\"$Lf\",null,{\"src\":\"/images/pricing-addon-dialpad.svg\",\"alt\":\"Addon Image Dialpad\",\"width\":418,\"height\":284,\"className\":\"w-full aspect-[470/320] bg-blue-300 rounded-30\"}],\"title\":\"Premium channel: Dialpad SMS\",\"description\":\"Integrate Dialpad SMS as an additional premium Front channel.\",\"price\":\"$$100\",\"priceSubtitle\":\"/ month\"}],\"footerTitle\":\"Front for Startups\",\"footerDescription\":\"Qualifying startups can use Front free for up to 6 months.\",\"footerCta\":{\"title\":\"Apply now\",\"href\":\"https://front.com/startups\"}},\"customerStoriesProps\":{\"title\":\"Trusted by 9,000 businesses\",\"subtitle\":\"Best-in-class Service\",\"description\":\"Our customers power their business with Front to increase ROI and operational efficiency.\",\"cta\":{\"href\":\"https://front.com/customer-stories\",\"title\":\"Explore customer stories\"},\"gridItems\":[{\"image\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-logo-branch.svg\",\"width\":128,\"height\":40,\"alt\":\"Company Logo Branch Small\"}],\"title\":\"428%\",\"description\":\"average ROI using Front\",\"href\":\"https://front.com/customer-stories/branch\"},{\"image\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-logo-founder-shield.svg\",\"width\":78,\"height\":40,\"alt\":\"Company Logo Shield Small\"}],\"title\":\"300\",\"description\":\"hours saved per month\",\"href\":\"https://front.com/customer-stories/founder-shield\"},{\"image\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-logo-mongodb.svg\",\"width\":160,\"height\":40,\"alt\":\"Company Logo MongoDB Small\"}],\"title\":\"60%\",\"description\":\"reduction in email volume\",\"href\":\"https://front.com/customer-stories/mongodb\"},{\"image\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-logo-ycombinator.svg\",\"width\":200,\"height\":40,\"alt\":\"Company Logo YCombinator Small\"}],\"title\":\"7x\",\"description\":\"faster response time\",\"href\":\"https://front.com/customer-stories/y-combinator\"}]},\"faqProps\":{\"title\":\"Frequently asked questions\",\"drawers\":[{\"question\":\"How does Front's free trial work? Do I need a credit card?\",\"answer\":[\"$\",\"p\",null,{\"className\":\"text-14/20 md:text-20/28 text-gray-600\",\"children\":\"Our free 14-day trial offers all the features available in our Growth plan. You can get started without a credit card and can upgrade at any time during your trial. You do not need a credit card to start, continue, or complete your Front trial.\"}]},{\"question\":\"Does Front offer monthly plans?\",\"answer\":[\"$\",\"p\",null,{\"className\":\"text-14/20 md:text-20/28 text-gray-600\",\"children\":\"Yes, both Starter and Growth plans can be purchased month-to-month without a yearly contract.\"}]},{\"question\":\"What is a seat?\",\"answer\":[\"$\",\"p\",null,{\"className\":\"text-14/20 md:text-20/28 text-gray-600\",\"children\":\"A seat is a paid Front license that can be granted to a unique user in your organization.\"}]},{\"question\":\"Do you offer any discounts for startups or non-profits?\",\"answer\":[\"$\",\"p\",null,{\"className\":\"text-14/20 md:text-20/28 text-gray-600\",\"children\":[\"Yes, we have discount programs for both of these groups. Eligible startups can\",\" \",[\"$\",\"a\",null,{\"href\":\"https://front.com/startups\",\"style\":{\"textDecoration\":\"underline\"},\"children\":\"apply through our Front for Startups program\"}],\".\",\" \",[\"$\",\"a\",null,{\"href\":\"https://help.front.com/en/articles/2538\",\"style\":{\"textDecoration\":\"underline\"},\"children\":\"Eligible non-profits, including educational institutions\"}],\", receive 50% off their annual Front plan.\"]}]},{\"question\":\"Can I import my existing customer data from other help desks?\",\"answer\":[\"$\",\"p\",null,{\"className\":\"text-14/20 md:text-20/28 text-gray-600\",\"children\":[\"Yes, we have a \",[\"$\",\"a\",null,{\"href\":\"https://help.front.com/en/articles/2203\",\"style\":{\"textDecoration\":\"underline\"},\"children\":\"Zendesk import tool\"}],\" available at no additional cost. We also recommend\",\" \",[\"$\",\"a\",null,{\"href\":\"https://app.help-desk-migration.com/platforms/front\",\"style\":{\"textDecoration\":\"underline\"},\"children\":\"Help Desk Migration\"}],\" (a partner that specializes in migrations) to import your history into Front from tools like Help Scout, Freshdesk, Intercom, or Kustomer.\"]}]},{\"question\":\"Is my data safe and secure?\",\"answer\":[\"$\",\"p\",null,{\"className\":\"text-14/20 md:text-20/28 text-gray-600\",\"children\":[\"Ensuring your data’s confidentiality, integrity, and availability is core to our mission and platform.\",\" \",[\"$\",\"a\",null,{\"href\":\"https://front.com/security\",\"style\":{\"textDecoration\":\"underline\"},\"children\":\"Read more here\"}],\" about Front’s security, privacy and compliance practices.\"]}]},{\"question\":\"What is the maximum amount of channels per plan?\",\"answer\":[\"$\",\"p\",null,{\"className\":\"text-14/20 md:text-20/28 text-gray-600\",\"children\":[\"Your channel maximum depends on both your plan and number of licenses. On Starter, you can connect up to 10 channels per license, with Growth up to 30 per license, and with Scale up to 50 per license. For example, a team of 5 users on Growth would have a maximum of 150 channels. \",[\"$\",\"a\",null,{\"href\":\"https://help.front.com/en/articles/808896\",\"style\":{\"textDecoration\":\"underline\"},\"children\":\"Please see our help article for more details\"}],\".\"]}]},{\"question\":\"Can I combine seats across multiple plans?\",\"answer\":[\"$\",\"p\",null,{\"className\":\"text-14/20 md:text-20/28 text-gray-600\",\"children\":\"No, plans are assigned at the organization level. You can add or remove seats as needed within a single plan.\"}]},{\"question\":\"Can I pay with my bank instead of credit card?\",\"answer\":[\"$\",\"p\",null,{\"className\":\"text-14/20 md:text-20/28 text-gray-600\",\"children\":\"You can pay by wire transfer or ACH if you purchase annually and the total contract value is over $15K.\"}]}]},\"bumperProps\":{\"title\":\"Ready to deliver exceptional service with Front?\",\"links\":[{\"type\":\"primary\",\"title\":\"Request a demo\",\"href\":\"\",\"action\":\"demo\"},{\"type\":\"secondary\",\"title\":\"Try for free\",\"href\":\"\",\"action\":\"trial\"}]}}]\n"])</script><script>self.__next_f.push([1,"9:[[\"$\",\"$L10\",null,{\"desktopMenu\":[{\"type\":\"drawer\",\"title\":\"Product\",\"sections\":[{\"image\":[\"$\",\"a\",null,{\"href\":\"https://front.com/product\",\"className\":\"w-full block\",\"children\":[\"$\",\"$Lf\",null,{\"src\":\"/images/front-product-overview-nav-v2.png\",\"width\":330,\"height\":195,\"alt\":\"Front Product Interface Screenshot\"}]}],\"featuredLinks\":[{\"title\":\"Front Overview\",\"href\":\"/product\"},{\"title\":\"Product Tour\",\"href\":\"/product-tour\"}]},{\"title\":\"Use Cases\",\"linkColumns\":1,\"links\":[{\"title\":\"Customer Service\",\"subtitle\":\"All-in-one support platform\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-teams-cutomer-service.svg\",\"width\":14,\"height\":14,\"alt\":\"Customer Service Icon\"}],\"href\":\"/customer-service\"},{\"title\":\"Email Management\",\"subtitle\":\"Collaborative shared inboxes\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-usecase-email-management.svg\",\"width\":14,\"height\":14,\"alt\":\"Email Management Icon\"}],\"href\":\"/email-management\"},{\"title\":\"Client Communication\",\"subtitle\":\"Personalized service at scale\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-usecase-client-communication.svg\",\"width\":14,\"height\":14,\"alt\":\"Client Communication Icon\"}],\"href\":\"/client-communication\"}]},{\"title\":\"Key Features\",\"linkColumns\":2,\"links\":[{\"title\":\"Omnichannel\",\"subtitle\":\"Every channel in one inbox\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-feature-omnichannel.svg\",\"width\":14,\"height\":14,\"alt\":\"Feature Icon Omnichannel\"}],\"href\":\"/product/omnichannel-inbox\"},{\"title\":\"AI\",\"subtitle\":\"Resolve faster than ever\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-feature-ai-front-intelligence.svg\",\"width\":14,\"height\":14,\"alt\":\"Feature Icon AI\"}],\"href\":\"/product/ai\"},{\"title\":\"Collaboration\",\"subtitle\":\"Work faster, together\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-feature-collaboration.svg\",\"width\":14,\"height\":14,\"alt\":\"Feature Icon Collaboration\"}],\"href\":\"/product/collaboration\"},{\"title\":\"Live chat\",\"subtitle\":\"Real-time support and bots\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-feature-livechat.svg\",\"width\":14,\"height\":14,\"alt\":\"Feature Icon Live Chat Bots\"}],\"href\":\"/product/live-chat\"},{\"title\":\"Ticketing\",\"subtitle\":\"Track support requests\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-feature-ticketing.svg\",\"width\":14,\"height\":14,\"alt\":\"Feature Icon Ticketing\"}],\"href\":\"/product/ticketing-system\"},{\"title\":\"Knowledge base\",\"subtitle\":\"Deflect support questions\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-feature-knowledgebase.svg\",\"width\":14,\"height\":14,\"alt\":\"Feature Icon Knowledge Base\"}],\"href\":\"/product/knowledge-base\"},{\"title\":\"Analytics\",\"subtitle\":\"Surface key customer insights\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-feature-analytics.svg\",\"width\":14,\"height\":14,\"alt\":\"Feature Icon Analytics\"}],\"href\":\"/product/analytics\"},{\"title\":\"Workflow automation\",\"subtitle\":\"Organize, route, and resolve\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-feature-workflow-automation.svg\",\"width\":14,\"height\":14,\"alt\":\"Feature Icon Workflow Automation\"}],\"href\":\"/product/workflows\"},{\"title\":\"Support Report\",\"subtitle\":\"Real-time service metrics\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-feature-support-report.svg\",\"width\":14,\"height\":14,\"alt\":\"Feature Icon Support Report\"}],\"href\":\"/product/support-report\"},{\"title\":\"Integrations \u0026 API\",\"subtitle\":\"Connect to other systems\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-feature-integrations-api.svg\",\"width\":14,\"height\":14,\"alt\":\"Feature Icon Integrations\"}],\"href\":\"/product/integrations-api\"}]}]},{\"type\":\"drawer\",\"title\":\"Solutions\",\"sections\":[{\"title\":\"Industries\",\"linkColumns\":2,\"links\":[{\"title\":\"Technology\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-industry-technology.svg\",\"width\":14,\"height\":14,\"alt\":\"Industry Icon Technology\"}],\"href\":\"/industries/b2b-tech\"},{\"title\":\"Financial Services\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-industry-financial.svg\",\"width\":14,\"height\":14,\"alt\":\"Industry Icon Financial Services\"}],\"href\":\"/industries/financial-services\"},{\"title\":\"Logistics\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-industry-logistics.svg\",\"width\":14,\"height\":14,\"alt\":\"Industry Icon Logistics\"}],\"href\":\"/industries/logistics\"},{\"title\":\"Manufacturing\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-industry-manufacturing.svg\",\"width\":14,\"height\":14,\"alt\":\"Industry Icon Manufacturing\"}],\"href\":\"/industries/manufacturing\"},{\"title\":\"Professional Services\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-industry-professional-services.svg\",\"width\":14,\"height\":14,\"alt\":\"Industry Icon Professional Services\"}],\"href\":\"/industries/professional-services\"},{\"title\":\"Travel\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-industry-travel.svg\",\"width\":14,\"height\":14,\"alt\":\"Industry Icon Travel\"}],\"href\":\"/industries/travel\"}]},{\"title\":\"Teams\",\"linkColumns\":2,\"links\":[{\"title\":\"Customer Support\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-teams-cutomer-service.svg\",\"width\":14,\"height\":14,\"alt\":\"Teams Icon Customer Support\"}],\"href\":\"/teams/customer-service-support\"},{\"title\":\"Operations\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-teams-operations.svg\",\"width\":14,\"height\":14,\"alt\":\"Teams Icon Operations\"}],\"href\":\"/teams/operations\"},{\"title\":\"Inbound Sales\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-industry-financial.svg\",\"width\":14,\"height\":14,\"alt\":\"Teams Icon Inbound Sales\"}],\"href\":\"/teams/inbound-sales\"},{\"title\":\"Account Management\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-industry-professional-services.svg\",\"width\":14,\"height\":14,\"alt\":\"Teams Icon Account Management\"}],\"href\":\"/teams/account-management\"},{\"title\":\"Success\",\"icon\":[\"$\",\"$Lf\",null,{\"src\":\"/images/icon-teams-success.svg\",\"width\":14,\"height\":14,\"alt\":\"Teams Icon Customer Success\"}],\"href\":\"/teams/customer-success\"}]}],\"promoBanner\":[\"$\",\"div\",null,{\"className\":\"px-2 py-[12px] rounded-10 bg-blue-100 hover:bg-blue-200 transition-colors duration-200 ease-in-out-quad relative\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://front.com/startups\",\"className\":\"link-cover\",\"children\":\"Front for Startups: Stand out with exceptional support from day 1 →\"}]}]},{\"type\":\"drawer\",\"title\":\"Resources\",\"sections\":[{\"title\":\"Using Front\",\"links\":[{\"title\":\"Academy\",\"href\":\"https://academy.front.com/app\"},{\"title\":\"Community\",\"href\":\"https://community.front.com/\"},{\"title\":\"Help Center\",\"href\":\"https://help.front.com/\"},{\"title\":\"Developer Portal\",\"href\":\"https://dev.frontapp.com/docs/welcome\"}]},{\"title\":\"Explore\",\"linkColumns\":2,\"links\":[{\"title\":\"Blog\",\"href\":\"/blog\"},{\"title\":\"Integrations\",\"href\":\"/integrations\"},{\"title\":\"Guides \u0026 Webinars\",\"href\":\"/resources\"},{\"title\":\"Security\",\"href\":\"/security\"},{\"title\":\"Customer Stories\",\"href\":\"/customer-stories\"},{\"title\":\"Download App\",\"href\":\"/download\"},{\"title\":\"Front’s Support Report\",\"href\":\"/support-report\"},{\"title\":\"Channel Partnerships\",\"href\":\"/partners/channel\"}]},{\"image\":[\"$\",\"a\",null,{\"href\":\"https://community.front.com/events?tab=upcoming\u0026type=Trial\u0026utm_source=front.com\u0026utm_medium=referral\u0026utm_campaign=frontNavFeaturedPromo\",\"className\":\"w-full block\",\"target\":\"_blank\",\"children\":[\"$\",\"$Lf\",null,{\"src\":\"https://front.com/webassets/rebrand/front-trial-live-qa.png\",\"width\":960,\"height\":427,\"alt\":\"Front Community Trial Live Q\u0026A\"}]}],\"featuredLinks\":[{\"title\":\"Attend a Live Front Product Q\u0026A Session\",\"href\":\"https://community.front.com/events?tab=upcoming\u0026type=Trial\u0026utm_source=front.com\u0026utm_medium=referral\u0026utm_campaign=frontNavFeaturedPromo\"}]}]},{\"type\":\"link\",\"title\":\"Pricing\",\"href\":\"/pricing\"}],\"desktopMenuLinks\":[{\"type\":\"link\",\"title\":\"Sign in\",\"href\":\"https://app.frontapp.com/signin\"},{\"type\":\"primary\",\"title\":\"Request a demo\",\"href\":\"\",\"action\":\"demo\"},{\"type\":\"secondary\",\"title\":\"Try for free\",\"href\":\"\",\"action\":\"trial\"}],\"mobileMenu\":[{\"type\":\"drawer\",\"title\":\"Product\",\"sections\":[{\"title\":\"Use Cases\",\"links\":[{\"title\":\"Customer Service\",\"href\":\"/customer-service\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-teams-cutomer-service.svg\",\"className\":\"block\",\"alt\":\"Customer Service Icon\"}]},{\"title\":\"Email Management\",\"href\":\"/email-management\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-usecase-email-management.svg\",\"className\":\"block\",\"alt\":\"Email Management Icon\"}]},{\"title\":\"Client Communication\",\"href\":\"/client-communication\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-usecase-client-communication.svg\",\"className\":\"block\",\"alt\":\"Client Management Icon\"}]}]},{\"title\":\"Our product\",\"links\":[{\"title\":\"Omnichannel\",\"href\":\"/product/omnichannel-inbox\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-feature-omnichannel.svg\",\"className\":\"block\",\"alt\":\"Product Icon Omnichannel\"}]},{\"title\":\"AI\",\"href\":\"/product/ai\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-feature-ai-front-intelligence.svg\",\"className\":\"block\",\"alt\":\"Product Icon AI\"}]},{\"title\":\"Collaboration\",\"href\":\"/product/collaboration\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-feature-collaboration.svg\",\"className\":\"block\",\"alt\":\"Product Icon Collaboration\"}]},{\"title\":\"Live chat\",\"href\":\"/product/live-chat\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-feature-livechat.svg\",\"className\":\"block\",\"alt\":\"Product Icon Live Chat\"}]},{\"title\":\"Ticketing\",\"href\":\"/product/ticketing-system\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-feature-ticketing.svg\",\"className\":\"block\",\"alt\":\"Product Icon Ticketing\"}],\"tag\":\"New\"},{\"title\":\"Knowledge base\",\"href\":\"/product/knowledge-base\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-feature-knowledgebase.svg\",\"className\":\"block\",\"alt\":\"Product Icon Knowledge Base\"}]},{\"title\":\"Analytics\",\"href\":\"/product/analytics\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-feature-analytics.svg\",\"className\":\"block\",\"alt\":\"Product Icon Analytics\"}]},{\"title\":\"Workflow automation\",\"href\":\"/product/workflows\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-feature-workflow-automation.svg\",\"className\":\"block\",\"alt\":\"Product Icon Workflow Automation\"}]},{\"title\":\"Support Report\",\"href\":\"/product/support-report\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-feature-support-report.svg\",\"className\":\"block\",\"alt\":\"Product Icon Support Report\"}],\"tag\":\"New\"},{\"title\":\"Integrations \u0026 API\",\"href\":\"/product/integrations-api\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-feature-integrations-api.svg\",\"className\":\"block\",\"alt\":\"Product Icon Integrations\"}]}]}]},{\"type\":\"drawer\",\"title\":\"Solutions\",\"sections\":[{\"title\":\"Industries\",\"links\":[{\"title\":\"Technology\",\"href\":\"/industries/b2b-tech\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-industry-technology.svg\",\"className\":\"block\",\"alt\":\"Industry Icon Technology\"}]},{\"title\":\"Financial Services\",\"href\":\"/industries/financial-services\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-industry-financial.svg\",\"className\":\"block\",\"alt\":\"Industry Icon Financial Services\"}]},{\"title\":\"Logistics\",\"href\":\"/industries/logistics\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-industry-logistics.svg\",\"className\":\"block\",\"alt\":\"Industry Icon Logistics\"}]},{\"title\":\"Manufacturing\",\"href\":\"/industries/manufacturing\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-industry-manufacturing.svg\",\"className\":\"block\",\"alt\":\"Industry Icon Manufacturing\"}]},{\"title\":\"Professional Services\",\"href\":\"/industries/professional-services\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-industry-professional-services.svg\",\"className\":\"block\",\"alt\":\"Industry Icon Professional Services\"}]},{\"title\":\"Travel\",\"href\":\"/industries/travel\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-industry-travel.svg\",\"className\":\"block\",\"alt\":\"Industry Icon Travel\"}]}]},{\"title\":\"Teams\",\"links\":[{\"title\":\"Customer Support\",\"href\":\"/teams/customer-service-support\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-teams-cutomer-service.svg\",\"className\":\"block\",\"alt\":\"Teams Icon Customer Support\"}]},{\"title\":\"Operations\",\"href\":\"/teams/operations\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-teams-operations.svg\",\"className\":\"block\",\"alt\":\"Teams Icon Operations\"}]},{\"title\":\"Inbound Sales\",\"href\":\"/teams/inbound-sales\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-industry-financial.svg\",\"className\":\"block\",\"alt\":\"Teams Icon Inbound Sales\"}]},{\"title\":\"Account Management\",\"href\":\"/teams/account-management\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-industry-professional-services.svg\",\"className\":\"block\",\"alt\":\"Teams Icon Account Management\"}]},{\"title\":\"Success\",\"href\":\"/teams/customer-success\",\"icon\":[\"$\",\"$Lf\",\"badge-1\",{\"width\":24,\"height\":24,\"src\":\"/images/icon-teams-success.svg\",\"className\":\"block\",\"alt\":\"Teams Icon Customer Success\"}]}]}]},{\"type\":\"drawer\",\"title\":\"Resources\",\"sections\":[{\"title\":\"Using Front\",\"links\":[{\"title\":\"Academy\",\"href\":\"https://academy.front.com/app\"},{\"title\":\"Community\",\"href\":\"https://community.front.com/\"},{\"title\":\"Help Center\",\"href\":\"https://help.front.com/\"},{\"title\":\"Developer Portal\",\"href\":\"https://dev.frontapp.com/docs/welcome\"}]},{\"title\":\"Explore\",\"links\":[{\"title\":\"Blog\",\"href\":\"/blog\"},{\"title\":\"Integrations\",\"href\":\"/integrations\"},{\"title\":\"Guides \u0026 Webinars\",\"href\":\"/resources\"},{\"title\":\"Security\",\"href\":\"/security\"},{\"title\":\"Customer Stories\",\"href\":\"/customer-stories\"},{\"title\":\"Download App\",\"href\":\"/download\"},{\"title\":\"Front’s Support Report\",\"href\":\"/support-report\"},{\"title\":\"Channel Partnerships\",\"href\":\"/partners/channel\"}]}]},{\"type\":\"link\",\"title\":\"Pricing\",\"href\":\"/pricing\"},{\"type\":\"link\",\"title\":\"Sign in\",\"href\":\"https://app.frontapp.com/signin\"}],\"mobileMenuLinks\":[{\"type\":\"primary\",\"title\":\"Request a demo\",\"href\":\"\",\"action\":\"demo\"},{\"type\":\"secondary\",\"title\":\"Try for free\",\"href\":\"\",\"action\":\"trial\"}]}],[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(web)\",\"children\",\"(regular-header)\",\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}]]\n"])</script><script>self.__next_f.push([1,"17:{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"}\n18:{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"}\n19:{\"display\":\"inline-block\"}\n1a:{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0}\n"])</script><script>self.__next_f.push([1,"a:[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"$L11\",null,{}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L12\",null,{}],[\"$\",\"$L13\",null,{\"children\":[[\"$\",\"$L14\",null,{\"children\":\"$15\"}],[\"$\",\"$L16\",null,{\"children\":[[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(web)\",\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$17\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$18\",\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":\"$19\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$1a\",\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":null}],[\"$\",\"$L1b\",null,{\"tagline\":\"The modern customer service platform.\",\"badgeIcons\":[[\"$\",\"$Lf\",\"badge-1\",{\"width\":83,\"height\":107,\"src\":\"https://front.com/webassets/awards/front-g2-award-best-usability-winter-2025.svg\",\"className\":\"block\",\"alt\":\"g2-badge-best-usability\"}],[\"$\",\"$Lf\",\"badge-2\",{\"width\":83,\"height\":107,\"src\":\"https://front.com/webassets/awards/front-g2-award-overall-leader-winter-2025.svg\",\"className\":\"block\",\"alt\":\"g2-badge-leader\"}],[\"$\",\"$Lf\",\"badge-3\",{\"width\":83,\"height\":107,\"src\":\"https://front.com/webassets/awards/front-g2-award-momentum-leader-winter-2025.svg\",\"className\":\"block\",\"alt\":\"g2-momentum-leader\"}]],\"socialLinks\":[{\"title\":\"Linked In\",\"href\":\"https://www.linkedin.com/company/fronthq\",\"icon\":[\"$\",\"$Lf\",null,{\"width\":27,\"height\":27,\"src\":\"/images/icon-social-linkedin.svg\",\"className\":\"block\",\"alt\":\"Linked In\"}]},{\"title\":\"Facebook\",\"href\":\"https://www.facebook.com/FrontHQ\",\"icon\":[\"$\",\"$Lf\",null,{\"width\":27,\"height\":27,\"src\":\"/images/icon-social-facebook.svg\",\"className\":\"block\",\"alt\":\"Facebook\"}]},{\"title\":\"Instagram\",\"href\":\"https://www.instagram.com/FrontHQ/\",\"icon\":[\"$\",\"$Lf\",null,{\"width\":27,\"height\":27,\"src\":\"/images/icon-social-instagram.svg\",\"className\":\"block\",\"alt\":\"Instagram\"}]}],\"linkColumns\":[{\"sections\":[{\"title\":\"Product\",\"links\":[{\"title\":\"Front Overview\",\"href\":\"/product\"},{\"title\":\"Help Desk\",\"href\":\"/teams/customer-service-support\"},{\"title\":\"Shared Inbox\",\"href\":\"/product/omnichannel-inbox\"},{\"title\":\"Ticketing\",\"href\":\"/product/ticketing-system\"},{\"title\":\"Knowledge Base\",\"href\":\"/product/knowledge-base\"},{\"title\":\"Live Chat\",\"href\":\"/product/live-chat\"},{\"title\":\"Team Collaboration\",\"href\":\"/product/collaboration\"},{\"title\":\"AI \u0026 Automation\",\"href\":\"/product/ai\"},{\"title\":\"Insights\",\"href\":\"/product/analytics\"},{\"title\":\"Support Report\",\"href\":\"/product/support-report\"},{\"title\":\"Integrations\",\"href\":\"/product/integrations-api\"}]}]},{\"sections\":[{\"title\":\"Use Cases\",\"links\":[{\"title\":\"Customer Service\",\"href\":\"/customer-service\"},{\"title\":\"Email Management\",\"href\":\"/email-management\"},{\"title\":\"Client Communication\",\"href\":\"/client-communication\"}]},{\"title\":\"Explore\",\"links\":[{\"title\":\"Pricing\",\"href\":\"/pricing\"},{\"title\":\"Product Updates\",\"href\":\"https://community.front.com/product-updates\"},{\"title\":\"Download App\",\"href\":\"/download\"}]}]},{\"sections\":[{\"title\":\"Compare\",\"links\":[{\"title\":\"Front vs. Email\",\"href\":\"/compare/front-vs-email\"},{\"title\":\"Front vs. Zendesk\",\"href\":\"/blog/front-versus-zendesk\"},{\"title\":\"Front vs. Freshdesk\",\"href\":\"/blog/front-versus-freshdesk\"}]},{\"title\":\"Resources\",\"links\":[{\"title\":\"Blog\",\"href\":\"/blog\"},{\"title\":\"Customer Stories\",\"href\":\"/customer-stories\"},{\"title\":\"Help\",\"href\":\"https://help.front.com/\"},{\"title\":\"Academy\",\"href\":\"https://academy.front.com/app\"},{\"title\":\"Developers\",\"href\":\"https://dev.frontapp.com/docs/welcome\"},{\"title\":\"API\",\"href\":\"/product/integrations-api\"}]}]},{\"sections\":[{\"title\":\"Company\",\"links\":[{\"title\":\"About\",\"href\":\"/about\"},{\"title\":\"Careers\",\"href\":\"/jobs\"},{\"title\":\"Press\",\"href\":\"/press\"},{\"title\":\"Real-Time Metrics\",\"href\":\"/support-report\"},{\"title\":\"Become a Partner\",\"href\":\"/partners/integration\"},{\"title\":\"Customer Referral\",\"href\":\"/customer-referral\"},{\"title\":\"Contact Support\",\"href\":\"https://help.front.com/en/contact-us\"},{\"title\":\"Legal\",\"href\":\"/legal\"}]}]}],\"smallLinksTitle\":\"Additional Resources\",\"smallLinkColumns\":[{\"title\":\"Customer Support and Service\",\"links\":[{\"title\":\"Customer Support Metrics Library\",\"href\":\"/guides/top-customer-service-metrics\"},{\"title\":\"Guide to 100% CSAT\",\"href\":\"/blog/improve-csat\"},{\"title\":\"Building a Customer Service QA Scorecard\",\"href\":\"/resources/how-to-build-a-customer-service-qa-scorecard\"}]},{\"title\":\"AI and Automation\",\"links\":[{\"title\":\"Boost Agent Support Productivity\",\"href\":\"/blog/customer-service-automation-ai\"},{\"title\":\"Front's New AI Capabilities\",\"href\":\"/blog/customer-service-agent-assistance-ai\"},{\"title\":\"AI vs. Human Support Strategy\",\"href\":\"/resources/ai-vs-human-why-you-dont-have-to-choose\"}]},{\"title\":\"Knowledge Base\",\"links\":[{\"title\":\"5 Best Practices for Self-Service Support\",\"href\":\"/resources/how-to-scale-delightful-customer-experiences-with-self-service-support\"},{\"title\":\"Create AI-Friendly Help Center Articles\",\"href\":\"/resources/creating-ai-friendly-help-center-articles\"},{\"title\":\"Top Tips for Knowledge Base Articles\",\"href\":\"/blog/how-to-write-knowledge-base-articles\"}]},{\"title\":\"More\",\"links\":[{\"title\":\"Support Message Templates\",\"href\":\"/resources/5-tried-and-true-message-templates-to-improve-your-support-teams-csat\"},{\"title\":\"Shared Inbox Management Tips\",\"href\":\"/guides/shared-inbox-management\"},{\"title\":\"Front for Startups\",\"href\":\"/blog/introducing-front-for-startups\"}]}],\"legalLinks\":[{\"title\":\"SaaS Service Agreement\",\"href\":\"/legal/saas-services-agreement\"},{\"title\":\"Privacy Notice\",\"href\":\"/legal/privacy-notice\"},{\"title\":\"Cookie Policy\",\"href\":\"/legal/cookie-policy\"},{\"title\":\"Google User Data Privacy Notice\",\"href\":\"/legal/front-products-and-services-privacy-notice#google_user_data_privacy_notice\"},{\"title\":\"Status\",\"href\":\"https://www.frontstatus.com/\"}],\"copyright\":\"2025 FrontApp, Inc. All Rights Reserved.\"}],[\"$\",\"$L1c\",null,{}],[\"$\",\"$L1d\",null,{}],[\"$\",\"$L1e\",null,{}],[\"$\",\"$L1f\",null,{\"children\":[\"$\",\"$L20\",null,{}]}]]}],[\"$\",\"$L14\",null,{\"children\":\"$21\"}],[\"$\",\"$L14\",null,{\"children\":\"$22\"}]]}],[\"$\",\"$23\",null,{\"fallback\":null,\"children\":[\"$\",\"$L24\",null,{}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Front Pricing and Plans | Front\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Front is a best way to route, respond to, and measure all customer conversations. Join 9,000+ businesses who streamline their operations in Front.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"fb:profile_id\",\"content\":\"FrontHQ\"}],[\"$\",\"link\",\"5\",{\"rel\":\"canonical\",\"href\":\"https://front.com/pricing\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:title\",\"content\":\"Front Pricing and Plans | Front\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:description\",\"content\":\"Front is a best way to route, respond to, and measure all customer conversations. Join 9,000+ businesses who streamline their operations in Front.\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:site_name\",\"content\":\"Front\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image\",\"content\":\"https://front.com/webassets/rebrand/front-product-overview-imageMeta.png\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:width\",\"content\":\"627\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:height\",\"content\":\"1200\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:title\",\"content\":\"Front Pricing and Plans | Front\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:description\",\"content\":\"Front is a best way to route, respond to, and measure all customer conversations. Join 9,000+ businesses who streamline their operations in Front.\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"https://front.com/webassets/rebrand/front-product-overview-imageMeta.png\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image:width\",\"content\":\"627\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image:height\",\"content\":\"1200\"}]]\n"])</script><script>self.__next_f.push([1,"5:null\n"])</script><script>self.__next_f.push([1,""])</script></body></html>