CINXE.COM
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width" data-next-head=""/><title data-next-head="">Interactive Product Demo Software That Delights</title><meta name="description" content="Delight your prospects with interactive product demo software. Embed your product on your website, share in the sales cycle, and send in email campaigns." data-next-head=""/><meta property="og:title" content="Interactive Product Demo Software That Delights" data-next-head=""/><meta property="og:description" content="Delight your prospects with interactive product demo software. Embed your product on your website, share in the sales cycle, and send in email campaigns." data-next-head=""/><meta property="og:image" content="https://www.navattic.com/img/opengraph-image.png" data-next-head=""/><meta property="og:url" content="https://www.navattic.com/index" data-next-head=""/><link rel="icon" href="/favicon/favicon.ico" data-next-head=""/><link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-touch-icon.png" data-next-head=""/><link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" data-next-head=""/><link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" data-next-head=""/><link rel="manifest" href="/favicon/site.webmanifest" data-next-head=""/><link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5" data-next-head=""/><meta name="msapplication-TileColor" content="#00aba9" data-next-head=""/><meta name="theme-color" content="#ffffff" data-next-head=""/><script id="schema-org" type="application/ld+json" data-next-head="">{"@context":"https://schema.org","@type":"Organization","name":"Navattic","url":"https://www.navattic.com","logo":"https://www.navattic.com/img/icon.png"}</script><script id="schema-org-webpage" type="application/ld+json" data-next-head="">{"@context":"https://schema.org","@type":"WebPage","url":"https://www.navattic.com","inLanguage":"en","mainEntityOfPage":"https://www.navattic.com","description":"Delight your prospects with interactive product demo software. Embed your product on your website, share in the sales cycle, and send in email campaigns.","name":"Interactive Product Demo Software That Delights","author":{"@type":"Organization","name":"Navattic"},"copyrightHolder":{"@type":"Organization","name":"Navattic"},"copyrightYear":2025,"creator":{"@type":"Organization","name":"Navattic"},"publisher":{"@type":"Organization","name":"Navattic"},"datePublished":"2019-01-18T10:30:00+01:00","image":{"@type":"ImageObject","url":"https://www.navattic.com/img/opengraph-image.png"}}</script><meta property="og:url" content="https://www.navattic.com/index" data-next-head=""/><meta property="og:type" content="website" data-next-head=""/><meta property="og:title" content="Interactive Product Demo Software That Delights" data-next-head=""/><meta property="og:description" content="Delight your prospects with interactive product demo software. Embed your product on your website, share in the sales cycle, and send in email campaigns." data-next-head=""/><meta property="og:image" content="https://www.navattic.com/img/opengraph-image.png" data-next-head=""/><meta property="og:site_name" content="Navattic" data-next-head=""/><meta name="twitter:card" content="summary_large_image" data-next-head=""/><meta name="twitter:creator" content="navattic" data-next-head=""/><meta name="twitter:title" content="Interactive Product Demo Software That Delights" data-next-head=""/><meta name="twitter:description" content="Delight your prospects with interactive product demo software. Embed your product on your website, share in the sales cycle, and send in email campaigns." data-next-head=""/><meta name="twitter:image" content="https://www.navattic.com/img/opengraph-image.png" data-next-head=""/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=640&q=100 640w, /_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=750&q=100 750w, /_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=828&q=100 828w, /_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=1080&q=100 1080w, /_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=1200&q=100 1200w, /_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=1920&q=100 1920w, /_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=2048&q=100 2048w, /_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=3840&q=100 3840w" imageSizes="100vw" data-next-head=""/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimg%2Fscreenshots%2Fpersona-marketing-table.png&w=640&q=75 1x, /_next/image?url=%2Fimg%2Fscreenshots%2Fpersona-marketing-table.png&w=1920&q=75 2x" data-next-head=""/><link rel="preload" href="/_next/static/media/b54308ec8bdab50d-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/59cd631ad8981a60-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/b774e7b62f9109dd-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/5faafd37b1c31fad.css" as="style"/><link rel="stylesheet" href="/_next/static/css/5faafd37b1c31fad.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-fe979eab345905eb.js" defer=""></script><script src="/_next/static/chunks/framework-4fa1e1f04909ca50.js" defer=""></script><script src="/_next/static/chunks/main-30469f3596ddce0d.js" defer=""></script><script src="/_next/static/chunks/pages/_app-a40692b7a843ff58.js" defer=""></script><script src="/_next/static/chunks/6937-8440bdfc6bc17353.js" defer=""></script><script src="/_next/static/chunks/6630-aea1894fc5246cb6.js" defer=""></script><script src="/_next/static/chunks/4050-bb4a261118cec5b2.js" defer=""></script><script src="/_next/static/chunks/9258-27193b111e3fc5db.js" defer=""></script><script src="/_next/static/chunks/1455-7b4e70f9a3eb8cf3.js" defer=""></script><script src="/_next/static/chunks/3253-0aa5d8b203352a02.js" defer=""></script><script src="/_next/static/chunks/7737-fb585fc57e2770b7.js" defer=""></script><script src="/_next/static/chunks/7750-ae944499c3cf6e4d.js" defer=""></script><script src="/_next/static/chunks/5059-99dba371dca17d8d.js" defer=""></script><script src="/_next/static/chunks/6102-e33a78c73dcb515b.js" defer=""></script><script src="/_next/static/chunks/1449-f63b4340395523c1.js" defer=""></script><script src="/_next/static/chunks/6917-d9cac64e6b08bfae.js" defer=""></script><script src="/_next/static/chunks/2678-568f2c4f90f0e7cf.js" defer=""></script><script src="/_next/static/chunks/3651-d98d6963743ad7ff.js" defer=""></script><script src="/_next/static/chunks/pages/index-8147c5b732d4c537.js" defer=""></script><script src="/_next/static/l7gGD9ObudbvEUgAqG1kj/_buildManifest.js" defer=""></script><script src="/_next/static/l7gGD9ObudbvEUgAqG1kj/_ssgManifest.js" defer=""></script><style id="__jsx-1646043261">html{font-family:'Suisse', 'Suisse Fallback'}</style></head><body><div id="__next"><noscript><img height="1" width="1" style="display:none" alt="" src="https://dc.ads.linkedin.com/collect/?pid=6365961&fmt=gif"/></noscript><script src="https://js.navattic.com/embeds.js" async="" class="jsx-1646043261"></script><div class="min-h-screen bg-gray-50"><div class="pb-10"><header class="fixed inset-x-0 top-0 z-[60] py-2 border-b border-gray-200 dark:border-gray-700 bg-white/85 dark:bg-gray-800 backdrop-blur-md" data-headlessui-state=""><div class="px-4 lg:px-8"><div class="relative mx-auto max-w-2xl lg:max-w-[85rem]"><div class="z-10 relative flex items-center justify-between"><div class="relative flex flex-1 items-center gap-6"><a title="Home" data-headlessui-state="" href="/"><svg height="30px" viewBox="0 0 221 41" fill="currentColor" class="h-5 md:h-6"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="currentColor" fill-rule="nonzero"><path d="M68.384 11.293l.148 1.971.03.77.019 1.055h.148c.296-.617.698-1.193 1.207-1.728a8.72 8.72 0 0 1 1.749-1.412A8.67 8.67 0 0 1 73.853 11a8.85 8.85 0 0 1 2.463-.341c1.511 0 2.808.252 3.892.755s1.987 1.176 2.709 2.02 1.256 1.834 1.601 2.969.517 2.353.517 3.651v14.312h-4.631V21.565a15.51 15.51 0 0 0-.222-2.677c-.148-.844-.419-1.59-.813-2.239s-.936-1.168-1.626-1.558-1.576-.584-2.66-.584c-1.839 0-3.342.69-4.508 2.069s-1.749 3.221-1.749 5.525v12.267h-4.631V16.259l-.049-2.385-.148-2.58h4.384zm37.045 8.129c0-1.72-.525-2.994-1.576-3.821s-2.447-1.241-4.187-1.241c-1.314 0-2.553.252-3.719.755s-2.143 1.144-2.931 1.923l-2.463-2.921c1.149-1.071 2.553-1.915 4.212-2.531s3.44-.925 5.345-.925c1.675 0 3.128.235 4.36.706s2.241 1.111 3.03 1.923a7.86 7.86 0 0 1 1.773 2.872c.394 1.103.591 2.288.591 3.554v10.076l.074 2.458c.049.86.14 1.566.271 2.118h-4.187a14.23 14.23 0 0 1-.394-3.31h-.148a8.93 8.93 0 0 1-3.227 2.872c-1.297.682-2.833 1.022-4.606 1.022-.92 0-1.88-.122-2.882-.365s-1.913-.641-2.734-1.193-1.503-1.282-2.044-2.191-.813-2.028-.813-3.359c0-1.752.476-3.14 1.429-4.162s2.2-1.801 3.744-2.337 3.284-.884 5.222-1.047l5.862-.243v-.633zm-1.133 3.943l-3.572.146c-1.232.097-2.348.292-3.35.584s-1.831.73-2.488 1.314-.985 1.363-.985 2.337c0 .682.14 1.249.419 1.704s.649.828 1.108 1.12a4.49 4.49 0 0 0 1.527.608c.558.114 1.133.17 1.724.17 2.168 0 3.834-.641 5-1.923s1.749-2.896 1.749-4.844v-1.217h-1.133zm22.316 11.001h-5.025l-9.508-23.074h5.123l6.848 18.157h.099l6.897-18.157h4.926l-9.36 23.074zm26.405-14.944c0-1.72-.525-2.994-1.576-3.821s-2.447-1.241-4.187-1.241c-1.314 0-2.553.252-3.719.755s-2.143 1.144-2.931 1.923l-2.463-2.921c1.149-1.071 2.553-1.915 4.212-2.531s3.44-.925 5.345-.925c1.675 0 3.128.235 4.36.706s2.241 1.111 3.03 1.923a7.86 7.86 0 0 1 1.773 2.872c.394 1.103.591 2.288.591 3.554v10.076l.074 2.458c.049.86.14 1.566.271 2.118h-4.187a14.23 14.23 0 0 1-.394-3.31h-.148a8.93 8.93 0 0 1-3.227 2.872c-1.297.682-2.833 1.022-4.606 1.022-.92 0-1.88-.122-2.882-.365s-1.913-.641-2.734-1.193-1.503-1.282-2.044-2.191-.813-2.028-.813-3.359c0-1.752.476-3.14 1.429-4.162s2.2-1.801 3.744-2.337 3.284-.884 5.222-1.047l5.862-.243v-.633zm-1.133 3.943l-3.572.146c-1.232.097-2.348.292-3.35.584s-1.831.73-2.488 1.314-.985 1.363-.985 2.337c0 .682.14 1.249.419 1.704s.649.828 1.108 1.12a4.49 4.49 0 0 0 1.527.608c.558.114 1.133.17 1.724.17 2.168 0 3.834-.641 5-1.923s1.749-2.896 1.749-4.844v-1.217h-1.133zm22.267-8.324h-6.207v12.024c0 1.395.263 2.393.788 2.994s1.363.901 2.512.901c.427 0 .887-.049 1.379-.146a5.32 5.32 0 0 0 1.33-.438l.148 3.748a11.25 11.25 0 0 1-1.847.462 12.57 12.57 0 0 1-2.094.17c-2.2 0-3.884-.6-5.049-1.801s-1.749-3.002-1.749-5.403v-12.51h-4.483v-3.748h4.483v-6.62h4.581v6.62h6.207v3.748zm13.498 0h-6.207v12.024c0 1.395.263 2.393.788 2.994s1.363.901 2.512.901c.427 0 .887-.049 1.379-.146a5.32 5.32 0 0 0 1.33-.438l.148 3.748a11.25 11.25 0 0 1-1.847.462 12.57 12.57 0 0 1-2.094.17c-2.2 0-3.884-.6-5.049-1.801s-1.749-3.002-1.749-5.403v-12.51h-4.483v-3.748h4.483v-6.62h4.581v6.62h6.207v3.748zm7.488 19.325h-4.631V11.293h4.631v23.074zm.788-31.398c0 .844-.304 1.541-.911 2.093s-1.338.828-2.192.828-1.576-.284-2.168-.852a2.76 2.76 0 0 1-.887-2.069c0-.844.296-1.55.887-2.118s1.314-.85 2.168-.85 1.585.284 2.192.852a2.78 2.78 0 0 1 .911 2.118zm21.676 14.166c-.493-.746-1.232-1.371-2.217-1.874s-2.036-.755-3.153-.755c-1.215 0-2.291.227-3.227.682s-1.732 1.063-2.389 1.825-1.158 1.647-1.503 2.653a9.69 9.69 0 0 0-.517 3.164 9.69 9.69 0 0 0 .517 3.164c.345 1.006.846 1.89 1.503 2.653s1.461 1.371 2.414 1.825 2.036.682 3.251.682c1.182 0 2.258-.227 3.227-.682s1.765-1.071 2.389-1.85L221 31.398c-.985 1.136-2.217 2.02-3.695 2.653s-3.153.949-5.025.949c-1.806 0-3.473-.292-5-.876s-2.849-1.404-3.966-2.458-1.995-2.328-2.636-3.821-.961-3.164-.961-5.014c0-1.817.312-3.472.936-4.965s1.494-2.775 2.611-3.846 2.438-1.898 3.966-2.483 3.177-.876 4.951-.876c1.642 0 3.276.325 4.902.974s2.915 1.59 3.867 2.823l-3.35 2.677zM14.614 33.38l-.944 1.548a11 11 0 0 1-10.137 5.247l-1.255-.089-2.166-.235c-.078-.111.395-2.16 1.42-6.147 5.227-2.321 9.588-2.43 13.081-.325zm23.478-9.783l-1.842 7.858c.002.062-.031.12-.085.15-10.419 5.766-23.317-6.584-33.741-.992-.111.06-.213.039-.217-.088l1.797-7.296c-.002-.063.031-.12.085-.15 10.419-5.766 23.696 6.777 33.632.367.097-.063.368.024.371.152zm2.454-10.624l-1.842 7.858c.002.062-.031.12-.085.15-10.419 5.766-23.317-6.584-33.741-.992-.111.06-.213.039-.217-.088l1.797-7.296c-.002-.063.031-.12.085-.15 10.419-5.766 23.696 6.777 33.632.367.097-.063.368.024.371.152zm2.035-9.923c.087.104-.483 2.276-1.711 6.518-4.952 2.735-9.26 3.207-12.924 1.415l1.019-1.906a11 11 0 0 1 8.879-5.782l2.665-.186c1.344-.084 2.035-.104 2.072-.059z"></path></g></g></svg></a></div><div class="hidden lg:block flex-1"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative z-10 flex max-w-max flex-1 items-center justify-center"><div style="position:relative"><ul data-orientation="horizontal" class="group flex flex-1 list-none items-center justify-center gap-1" dir="ltr"><li><button id="radix-:Rj6m:-trigger-radix-:Rbj6m:" data-state="closed" aria-expanded="false" aria-controls="radix-:Rj6m:-content-radix-:Rbj6m:" class="group inline-flex dark:text-white w-max items-center justify-center rounded-lg h-8 text-sm font-medium transition-colors hover:bg-gray-100 hover:text-gray-900 focus:bg-gray-100 focus:text-gray-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-gray-100 data-[state=open]:bg-gray-100 px-4 pr-3" data-radix-collection-item=""><span class="leading-none">Product</span><svg aria-hidden="true" class="inline shrink-0 self-center size-4 ml-1.5 h-3.5 w-3.5 transition duration-300 group-data-[state=open]:rotate-180"><use href="/icons/sprite.svg#chevron-down"></use></svg></button></li><li><button id="radix-:Rj6m:-trigger-radix-:Rjj6m:" data-state="closed" aria-expanded="false" aria-controls="radix-:Rj6m:-content-radix-:Rjj6m:" class="group inline-flex dark:text-white w-max items-center justify-center rounded-lg h-8 text-sm font-medium transition-colors hover:bg-gray-100 hover:text-gray-900 focus:bg-gray-100 focus:text-gray-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-gray-100 data-[state=open]:bg-gray-100 px-4 pr-3" data-radix-collection-item=""><span class="leading-none">Customers</span><svg aria-hidden="true" class="inline shrink-0 self-center size-4 ml-1.5 h-3.5 w-3.5 transition duration-300 group-data-[state=open]:rotate-180"><use href="/icons/sprite.svg#chevron-down"></use></svg></button></li><li><a class="group inline-flex dark:text-white w-max items-center justify-center rounded-lg h-8 text-sm font-medium transition-colors hover:bg-gray-100 hover:text-gray-900 focus:bg-gray-100 focus:text-gray-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-gray-100 data-[state=open]:bg-gray-100 px-4" data-radix-collection-item="" data-headlessui-state="" href="/pricing">Pricing</a></li><li><button id="radix-:Rj6m:-trigger-radix-:R13j6m:" data-state="closed" aria-expanded="false" aria-controls="radix-:Rj6m:-content-radix-:R13j6m:" class="group inline-flex dark:text-white w-max items-center justify-center rounded-lg h-8 text-sm font-medium transition-colors hover:bg-gray-100 hover:text-gray-900 focus:bg-gray-100 focus:text-gray-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-gray-100 data-[state=open]:bg-gray-100 px-4 pr-3" data-radix-collection-item=""><span class="leading-none">Resources</span><svg aria-hidden="true" class="inline shrink-0 self-center size-4 ml-1.5 h-3.5 w-3.5 transition duration-300 group-data-[state=open]:rotate-180"><use href="/icons/sprite.svg#chevron-down"></use></svg></button></li><li><button id="radix-:Rj6m:-trigger-radix-:R1bj6m:" data-state="closed" aria-expanded="false" aria-controls="radix-:Rj6m:-content-radix-:R1bj6m:" class="group inline-flex dark:text-white w-max items-center justify-center rounded-lg h-8 text-sm font-medium transition-colors hover:bg-gray-100 hover:text-gray-900 focus:bg-gray-100 focus:text-gray-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-gray-100 data-[state=open]:bg-gray-100 px-4 pr-3" data-radix-collection-item=""><span class="leading-none">Company</span><svg aria-hidden="true" class="inline shrink-0 self-center size-4 ml-1.5 h-3.5 w-3.5 transition duration-300 group-data-[state=open]:rotate-180"><use href="/icons/sprite.svg#chevron-down"></use></svg></button></li></ul></div><div class="absolute left-0 translate-x-[var(--radix-navigation-menu-item-active-left)] top-full flex justify-center"></div></nav></div><div class="flex-1 items-center"><div class="hidden lg:block justify-self-end"><div class="items-center pl-4 space-x-3 lg:flex"><a class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none border-transparent bg-transparent text-gray-600 h-8 rounded-lg text-sm gap-x-1.5 px-3 hover:text-gray-900 hover:border-gray-200 hover:bg-gray-100 active:text-gray-900 data-[active=true]:text-gray-900 active:border-gray-100 data-[active=true]:border-gray-100 active:bg-gray-200 data-[active=true]:bg-gray-200 active:shadow-ghost-button-active data-[active=true]:shadow-ghost-button-active focus-visible:text-gray-900 focus-visible:shadow-gray-focus focus-visible:bg-gray-100 dark:text-white dark:hover:bg-transparent dark:hover:border-transparent" data-headlessui-state="" href="https://app.navattic.com/auth/login">Login</a><a class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none bg-white h-8 rounded-lg text-sm gap-x-1.5 px-3 border-gray-300 shadow-button-elevated text-gray-700 hover:bg-gray-50 hover:text-gray-900 dark:bg-white/10 dark:border-gray-600 dark:text-white active:text-gray-900 data-[active=true]:text-gray-900 active:shadow-button-shallow-inset-indented data-[active=true]:shadow-button-shallow-inset-indented focus-visible:shadow-gray-focus focus-visible:text-gray-900" data-headlessui-state="" href="https://app.navattic.com/auth/sign-up">Try for free</a><a class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none text-white h-8 rounded-lg text-sm gap-x-1.5 px-3 border-gray-900 bg-gray-800 shadow-solid-gray-button-default hover:bg-gray-700 dark:bg-white dark:text-gray-950 dark:border-gray-950 active:shadow-solid-button-active data-[active=true]:shadow-solid-button-active focus-visible:shadow-solid-button-gray-focus" data-headlessui-state="" href="/get-demo">Book a demo</a></div></div><div class="lg:hidden justify-self-end justify-end items-center flex gap-x-3"><a class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none bg-white h-8 rounded-lg text-sm gap-x-1.5 px-3 border-gray-300 shadow-button-elevated text-gray-700 hover:bg-gray-50 hover:text-gray-900 dark:bg-white/10 dark:border-gray-600 dark:text-white active:text-gray-900 data-[active=true]:text-gray-900 active:shadow-button-shallow-inset-indented data-[active=true]:shadow-button-shallow-inset-indented focus-visible:shadow-gray-focus focus-visible:text-gray-900" data-headlessui-state="" href="/get-demo">Book a demo</a><button class="flex p-1.5 items-center justify-center rounded-lg data-[hover]:bg-gray-100 border border-transparent hover:border-gray-200 lg:hidden transition" aria-label="Open navigation" id="headlessui-disclosure-button-:Rar6m:" type="button" aria-expanded="false" data-headlessui-state=""><svg class="inline shrink-0 self-center size-4"><use href="/icons/sprite.svg#menu"></use></svg></button></div></div></div></div></div></header></div><main class="overflow-x-clip relative -mt-[80px] pt-[80px]"><div class="overflow-hidden"><div class="relative py-16 sm:pb-32 sm:pt-24 md:pb-10 md:pt-20 px-4 lg:px-8"><div class="relative mx-auto max-w-2xl lg:max-w-[85rem]"><div class="md:mx-10"><div class="gap-px border bg-gray-200/80 relative grid h-full border-gray-200/80 grid-rows-[repeat(var(--grid-rows),minmax(0,1fr))] sm:grid-rows-[repeat(var(--grid-rows-sm),minmax(0,1fr))] md:grid-rows-[repeat(var(--grid-rows-md),minmax(0,1fr))] lg:grid-rows-[repeat(var(--grid-rows-lg),minmax(0,1fr))] grid-cols-[repeat(var(--grid-cols),minmax(0,1fr))] sm:grid-cols-[repeat(var(--grid-cols-sm),minmax(0,1fr))] md:grid-cols-[repeat(var(--grid-cols-md),minmax(0,1fr))] lg:grid-cols-[repeat(var(--grid-cols-lg),minmax(0,1fr))]" style="--grid-rows:1;--grid-rows-sm:1;--grid-rows-md:1;--grid-rows-lg:1;--grid-cols:1;--grid-cols-sm:1;--grid-cols-md:1;--grid-cols-lg:1"><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !px-4 md:!px-10 !pt-0" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="pb-4 md:pb-0 relative text-center"><div class="z-10 inline-block group cursor-pointer"><div class="relative p-1 md:p-2 translate-y-[-16px] md:translate-y-[-25px]"><div class="absolute inset-0 rounded-full border border-gray-200/80 bg-gray-50" style="opacity:0;transform:scale(0.99) translateZ(0)"></div><a data-headlessui-state="" href="/report/state-of-the-interactive-product-demo-2025"><div class="bg-white truncate flex items-center gap-1 rounded-full border border-gray-200 pl-4 px-3 py-0.5 text-sm md:text-base backdrop-blur-sm font-normal text-gray-700 data-[hover]:text-gray-600 transition-colors shadow-[0px_1px_4px_0px_rgba(0,0,0,0.02)]" style="opacity:0;filter:blur(4px);transform:translateY(-8px) scale(0.8) translateZ(0)"><div class="truncate max-w-[220px] md:max-w-none">2025 State of the Interactive Product Demo</div><svg class="inline shrink-0 self-center size-4 transition-transform group-hover:transform group-hover:translate-x-0.5"><use href="/icons/sprite.svg#chevron-right"></use></svg></div></a></div></div><div class="space-y-6 mt-4"><div class="text-balance max-w-4xl mx-auto text-gray-800 text-5xl" style="opacity:0;filter:blur(7px);transform:translateY(15px) scale(0.98) translateZ(0)"><div>Make buying easier<!-- --> <span class="header-text-gradient">with interactive demos <span class="opacity-0">.</span></span></div></div><p class="text-balance mx-auto max-w-2xl text-lg text-gray-500" style="opacity:0;filter:blur(7px);transform:translateY(15px) scale(0.98) translateZ(0)"><span class="font-medium text-gray-800">Better understand your buyers.<!-- --> </span>Use signals from interactive demo engagement to reveal your buyer interest and intent.</p></div><div class="mx-auto mt-6 md:mt-8 md:mb-6 flex justify-center gap-x-4 gap-y-4 flex-row"><div style="opacity:0;filter:blur(3px);transform:translateY(20px) scale(1) translateZ(0)"><button class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none text-white h-10 rounded-[10px] text-md gap-x-2 px-3.5 border-gray-900 bg-gray-800 shadow-solid-gray-button-default hover:bg-gray-700 dark:bg-white dark:text-gray-950 dark:border-gray-950 active:shadow-solid-button-active data-[active=true]:shadow-solid-button-active focus-visible:shadow-solid-button-gray-focus" type="button" data-headlessui-state="">Try a demo<svg class="inline shrink-0 self-center size-5"><use href="/icons/sprite.svg#mouse-pointer-click"></use></svg></button></div><div style="opacity:0;filter:blur(3px);transform:translateY(20px) scale(1) translateZ(0)"><a class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none bg-white h-10 rounded-[10px] text-md gap-x-2 px-3.5 border-gray-300 shadow-button-elevated text-gray-700 hover:bg-gray-50 hover:text-gray-900 dark:bg-white/10 dark:border-gray-600 dark:text-white active:text-gray-900 data-[active=true]:text-gray-900 active:shadow-button-shallow-inset-indented data-[active=true]:shadow-button-shallow-inset-indented focus-visible:shadow-gray-focus focus-visible:text-gray-900" data-headlessui-state="" href="/get-demo">Book a demo</a></div></div></div></div><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -top-2 -right-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -top-2 -left-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -bottom-2 -left-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -bottom-2 -right-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -left-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -left-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[80px] -left-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[40px] -left-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg></div></div></div></div><div class="pb-16 md:pb-32"><div id="try-demo" class="pt-10 -mt-10 hidden lg:block lg:min-h-[500px]"><div class="relative"><div class="z-2 flex-center relative flex p-4 max-sm:hidden"><div class="mx-auto px-4 lg:px-8"><div class="relative mx-auto max-w-2xl lg:max-w-[85rem]"><div class="relative flex"><div class="absolute inset-0 rounded-[18px] border bg-gray-50" style="opacity:0;transform:scale(0.99) translateZ(0)"></div><div class="relative flex w-full p-3"><div class="relative w-full"><div class="absolute z-10 cursor-pointer shadow-lg shadow-gray-800/10 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col items-center justify-center backdrop-blur-xl bg-white hover:backdrop-brightness-80 transition-all p-4 px-7 pl-6 rounded-full border" style="opacity:0"><div class="flex items-center justify-center text-gray-900"><svg class="inline shrink-0 self-center size-5 mr-4"><use href="/icons/sprite.svg#square-mouse-pointer"></use></svg><div class="text-sm flex flex-col items"><span class="text-gray-900 font-medium text-base">Try a demo now</span><span class="text-gray-600 font-normal text-xs">See how Navattic works</span></div></div></div><div class="origin-bottom rounded-[11px] border overflow-hidden relative" style="opacity:0;filter:blur(6px) grayscale(1);transform:scale(0.98) translateZ(0)"><div class="relative" style="opacity:1"><div class="absolute z-10 inset-x-0 bottom-0 h-[65%] pointer-events-none"><div class="absolute inset-0 z-1 backdrop-blur-[0.5px] mask-gradient-0"></div><div class="absolute inset-0 z-2 backdrop-blur-[1px] mask-gradient-1"></div><div class="absolute inset-0 z-3 backdrop-blur-[2px] mask-gradient-2"></div><div class="absolute inset-0 z-4 backdrop-blur-[4px] mask-gradient-3"></div><div class="absolute inset-0 z-5 backdrop-blur-[8px] mask-gradient-4"></div><div class="absolute inset-0 z-6 backdrop-blur-[16px] mask-gradient-5"></div><div class="absolute inset-0 z-7 backdrop-blur-[32px] mask-gradient-6"></div><div class="absolute inset-0 z-8 backdrop-blur-[64px] mask-gradient-7"></div></div><img alt="Navattic dashboard" width="840" height="572" decoding="async" data-nimg="1" class="relative z-[4]" style="color:transparent;width:100%;height:auto" sizes="100vw" srcSet="/_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=640&q=100 640w, /_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=750&q=100 750w, /_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=828&q=100 828w, /_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=1080&q=100 1080w, /_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=1200&q=100 1200w, /_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=1920&q=100 1920w, /_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=2048&q=100 2048w, /_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=3840&q=100 3840w" src="/_next/image?url=%2Fimg%2Fscreenshots%2Fhome-landing.png&w=3840&q=100"/></div><iframe class="absolute inset-0 z-[0] size-full rounded-10 bg-white" style="pointer-events:none;opacity:0;filter:blur(8px);transform:scale(0.97) translateZ(0)" src="https://capture.navattic.com/cm4u9wy8y000003lf9ygd5yjv"></iframe></div></div></div></div></div></div></div></div></div><div class="md:mt-10 px-4 lg:px-8"><div class="relative mx-auto max-w-2xl lg:max-w-[85rem]"><div class="space-y-32 lg:space-y-40"><section class="my-20"><div class="mt-12 text-center select-text md-max:max-w-[310px] md-max:mx-auto"><h5 class="my-4 md:my-0 text-xl font-medium text-gray-800 max-w-[600px] mx-auto">Powering the best product demos,<!-- --> <span class="text-gray-600 font-normal inline sm:block sm:mt-1">from next-gen startups to global industry leaders.</span></h5></div><div class="relative flex flex-wrap gap-12 md:gap-x-22 md:gap-y-8 max-w-[1000px] justify-center mx-auto px-4 md:px-6 py-6 md:py-8 md:mt-6 group"><div class="w-[100px] md:w-[164px] aspect-[164/60] relative !duration-500 transition-all transform"><div class="w-full h-full relative overflow-hidden"><div class="absolute inset-0 flex items-center justify-center" style="opacity:0;filter:blur(2px);transform:translateY(10px) scale(1.05) translateZ(0)"><svg class="w-32 h-8 text-gray-600" viewBox="0 0 246 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19 32.5L8.09999 21.6C6.29999 19.7 3.29999 19.7 1.39999 21.6C-0.400012 23.5 -0.400012 26.5 1.39999 28.3L15.6 42.6C17.4 44.5 20.4 44.5 22.3 42.6L35.7 29.1L29 22.4L19 32.5Z" fill="#16B8A2"></path><path d="M11.3939 11.3938L11.3939 11.3939C13.3504 9.43739 16.4468 9.43271 18.3076 11.3954L39.1 32.2873L59.8911 11.3968C59.8915 11.3963 59.8919 11.3959 59.8924 11.3955C61.7546 9.43126 64.8491 9.43973 66.9033 11.3912L66.9061 11.3939L66.9061 11.3939C68.7662 13.254 68.7622 16.3469 66.9089 18.3031L66.9063 18.3058L66.9063 18.3058L42.6063 42.7058L42.6061 42.706C40.6496 44.6625 37.5532 44.6672 35.6924 42.7045C35.692 42.704 35.6915 42.7036 35.6911 42.7031L11.3939 18.306L11.3937 18.3058M11.3939 11.3938L11.5 11.5C9.69999 13.4 9.69999 16.4 11.5 18.2L11.3937 18.3058M11.3939 11.3938L11.3911 11.3968C9.5379 13.353 9.53382 16.4457 11.3937 18.3058M11.3939 11.3938L11.3937 18.3058" fill="#FFB41F" stroke="#FFB41F" stroke-width="0.3"></path><path d="M59.1997 32.2872L28.3062 1.29408L28.3061 1.29391C26.3496 -0.662546 23.2534 -0.66727 21.3925 1.29534C19.5338 3.15561 19.5383 6.2474 21.3911 8.20314L21.3911 8.20317L21.3936 8.20573L55.6936 42.7057L55.6939 42.706C57.6504 44.6626 60.7468 44.6672 62.6077 42.7044C62.6081 42.704 62.6085 42.7036 62.6089 42.7031L76.8049 28.4072C78.7651 26.5483 78.765 23.3514 76.8047 21.4925C74.848 19.5374 71.7526 19.5332 69.8922 21.4956C69.8918 21.496 69.8915 21.4964 69.8911 21.4968L59.1997 32.2872Z" fill="#F56358" stroke="#F56358" stroke-width="0.3"></path><path d="M49.7939 1.29391L49.7937 1.29416L28.8937 22.2942L28.7881 22.4002L28.8939 22.506L35.5939 29.206L35.7003 29.3124L35.8063 29.2058L56.7048 8.2073C58.6668 6.34687 58.6625 3.25181 56.7075 1.29534C54.8466 -0.66727 51.7504 -0.662544 49.7939 1.29391Z" fill="#16B8A2" stroke="#16B8A2" stroke-width="0.3"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M102.6 4.7H96.8V39.1H118.1V33.9H102.6V4.7ZM130.7 15C134.2 15 136.6 16.4 137.9 18.2L138.2 15.4H143.2V39H138.2L137.9 36.2C136.6 38 134.2 39.4 130.7 39.4C124.3 39.4 120 34.2 120 27.2C120 20.2 124.4 15 130.7 15ZM132 20C128.4 20 125.8 22.9 125.8 27.3C125.8 31.7 128.4 34.6 132 34.6C134.8 34.6 136.5 33.1 137.7 32.1V23.5C136.4 21.5 134.8 20 132 20ZM157.4 7.6H151.8V15.5H147.4V20.3H151.8V30.8C151.8 36.5 155.2 39.6 160.6 39.6C162.9 39.6 164.7 38.9 165.8 38.2L164.3 33.8C163.6 34.2 162.6 34.5 161.1 34.5C158.9 34.5 157.4 33.1 157.4 30.7V20.3H164.5V15.5H157.4V7.6ZM176.6 7.6H171V15.5H166.6V20.3H171V30.8C171 36.5 174.4 39.6 179.8 39.6C182.1 39.6 183.9 38.9 185 38.2L183.5 33.8C182.8 34.2 181.8 34.5 180.3 34.5C178.1 34.5 176.6 33.1 176.6 30.7V20.3H183.7V15.5H176.6V7.6ZM194.4 15.5H188.8V39.1H194.4V15.5ZM191.6 4.5C189.6 4.5 188.2 5.9 188.2 8C188.2 10.1 189.7 11.5 191.6 11.5C193.6 11.5 195.1 10.1 195.1 8C195.1 5.9 193.6 4.5 191.6 4.5ZM211.3 15C204.1 15 199.3 20.1 199.3 27.2C199.3 34.3 204.1 39.4 211.4 39.4C215.6 39.4 218.9 37.5 221 34.2L217 31.1C215.9 33 214.1 34.5 211.5 34.5C207.4 34.5 205.1 31.3 205.1 27.2C205.1 23 207.3 19.9 211.5 19.9C214.1 19.9 215.8 21.4 216.9 23.3L221 20.2C218.7 16.9 215.5 15 211.3 15ZM234.5 15C241.7 15 245.3 20.4 245.3 27V29H228.7C228.8 32.7 231.1 34.8 235 34.8C237.7 34.8 239.8 33.6 240.8 32.1L244.7 35.3C242.4 38.1 239.3 39.6 235 39.6C227.7 39.6 223.1 34.5 223.1 27.4C223 20.2 227.8 15 234.5 15ZM234.4 19.5C231.1 19.5 228.9 21.7 228.7 25H239.8C239.7 21.8 237.8 19.5 234.4 19.5Z" fill="#0E0E29"></path></svg></div></div></div><div class="w-[100px] md:w-[164px] aspect-[164/60] relative !duration-500 transition-all transform"><div class="w-full h-full relative overflow-hidden"><div class="absolute inset-0 flex items-center justify-center" style="opacity:0;filter:blur(2px);transform:translateY(10px) scale(1.05) translateZ(0)"><svg class="w-32 h-8 text-gray-600" viewBox="0 0 600 229" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M532.7 34.1C495.6 34.1 465.4 64.3 465.4 101.6C465.4 138.8 495.6 169.1 532.7 169.1C569.7 169.1 599.9 138.8 599.9 101.6C599.9 64.3 569.7 34.1 532.7 34.1ZM532.7 137.1C513.2 137.1 497.3 121.2 497.3 101.6C497.3 82 513.2 66.1 532.7 66.1C552.2 66.1 568.1 82 568.1 101.6C568 121.2 552.1 137.1 532.7 137.1ZM334.7 87.9L323 82C317.9 79.5 314.7 77.5 313.4 76C312.2 74.7 311.5 73 311.5 71.2C311.5 68.9 312.5 67 314.5 65.5C316.5 64 319.3 63.2 323 63.2C329.6 63.2 336.9 67.2 345 75.2L364.8 55.3C359.9 48.6 353.5 43.3 346.2 39.5C339 35.9 330.9 34 322.8 34C310.7 34 300.7 37.6 292.9 44.8C285.1 52 281.2 60.7 281.2 70.8C281.2 86.5 291.5 99.6 312.2 110.1L323 115.5C332.3 120.2 336.9 125 336.9 130C336.9 132.7 335.6 135 333.1 137.1C330.5 139.1 327.1 140.1 322.9 140.1C319 140.1 314.5 138.7 309.5 136C304.5 133.3 300 129.7 296.3 125.3L276.6 146.9C287.7 161.5 302.6 168.9 321.2 168.9C335.2 168.9 346.4 165.1 354.7 157.4C363 149.8 367.2 140.3 367.2 128.9C367.2 120.3 364.9 112.9 360.3 106.5C355.5 100.3 347 94.1 334.7 87.9ZM135.1 154.4V36.7H103.2V44.6C92.5 37.7 79.9 34 67.2 34C30.2 34 0 64.2 0 101.5C0 138.7 30.2 169 67.2 169C79.8 169 92.2 165.5 102.9 158.7C102.9 159.7 102.9 160.6 102.9 161.3C102.9 180.9 87 196.8 67.5 196.8C60.9 196.8 54.4 194.9 48.8 191.4L33 219.2C43.4 225.5 55.4 228.9 67.6 228.9C104.7 228.9 135.3 198.6 135.3 161.4C135.1 160 135.2 155.8 135.1 154.4ZM67.1 137.1C47.6 137.1 31.7 121.2 31.7 101.6C31.7 82 47.6 66.1 67.1 66.1C86.6 66.1 102.5 82 102.5 101.6C102.5 121.2 86.6 137.1 67.1 137.1ZM262.2 36.7H230.1V100.9C230.1 110 230.1 125.8 223.4 132.5C220.2 135.7 216.7 138.6 209.3 138.6C201.9 138.6 198.4 135.7 195.2 132.5C188.5 125.8 188.5 110 188.6 100.9V36.7H156.6V100.7C156.5 113.9 156.4 138.4 172.4 154.7C181.8 164.2 193 169.1 209.3 169.1C225.6 169.1 236.8 164.3 246.2 154.7C262.3 138.4 262.1 113.9 262 100.7L262.2 36.7ZM443.9 131.4C441.3 133.4 435.1 137.7 428.1 136.7C422.3 135.9 417.6 131.7 416.9 117.5V64.2H454.6V36.6H416.9V0.700012H384.9V7.80002V113.3C384.9 130.1 389.1 169.1 428.1 169.1C447.8 168.8 459.7 158.1 464.7 153.9L465.4 153.4L446.2 129.7C446.1 129.7 444.8 130.8 443.9 131.4Z" fill="#F45D48"></path></svg></div></div></div><div class="w-[100px] md:w-[164px] aspect-[164/60] relative !duration-500 transition-all transform"><div class="w-full h-full relative overflow-hidden"><div class="absolute inset-0 flex items-center justify-center" style="opacity:0;filter:blur(2px);transform:translateY(10px) scale(1.05) translateZ(0)"><svg class="w-32 h-8 text-gray-600" viewBox="0 0 299 81" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#6ADDB2" d="M 68.128906 35.308594 L 35.503906 35.308594 C 34.261719 35.308594 33.242188 34.289062 33.242188 33.085938 L 33.242188 29.242188 C 33.242188 28.019531 34.28125 27.019531 35.503906 27.019531 L 68.335938 27.019531 C 69.578125 27.019531 70.597656 28.039062 70.597656 29.242188 L 70.597656 33.085938 C 70.390625 34.308594 69.351562 35.308594 68.128906 35.308594 Z M 68.128906 35.308594 "></path><path fill="#6ADDB2" d="M 10.589844 51.921875 C 9.34375 51.921875 8.304688 50.882812 8.304688 49.640625 L 8.304688 45.691406 C 8.304688 44.652344 9.34375 43.617188 10.589844 43.617188 L 43.523438 43.617188 C 44.769531 43.617188 45.804688 44.652344 45.804688 45.898438 L 45.804688 49.847656 C 45.597656 50.882812 44.5625 51.921875 43.3125 51.921875 Z M 10.589844 51.921875 "></path><path fill="#6ADDB2" d="M 20.660156 66.460938 C 22.945312 66.460938 24.8125 64.589844 24.8125 62.308594 C 24.8125 60.023438 22.945312 58.152344 20.660156 58.152344 C 18.375 58.152344 16.503906 60.023438 16.503906 62.308594 C 16.503906 64.589844 18.375 66.460938 20.660156 66.460938 Z M 20.660156 66.460938 "></path><path fill="#6ADDB2" d="M 58.035156 20.769531 C 60.320312 20.769531 62.1875 18.898438 62.1875 16.617188 C 62.1875 14.332031 60.320312 12.460938 58.035156 12.460938 C 55.75 12.460938 53.878906 14.332031 53.878906 16.617188 C 53.878906 18.898438 55.75 20.769531 58.035156 20.769531 Z M 58.035156 20.769531 "></path><path fill="#6ADDB2" d="M 39.347656 64.382812 C 37.0625 64.382812 34.78125 63.972656 32.703125 63.347656 C 31.664062 63.140625 30.625 63.554688 30.214844 64.589844 L 28.757812 68.539062 C 28.34375 69.578125 28.964844 70.824219 30.214844 71.238281 C 33.117188 72.277344 36.230469 72.691406 39.347656 72.691406 C 52.84375 72.691406 64.472656 64.589844 69.664062 52.960938 C 70.078125 51.921875 69.664062 50.472656 68.414062 50.054688 L 64.472656 48.601562 C 63.433594 48.183594 62.398438 48.601562 61.980469 49.640625 C 58.035156 58.359375 49.519531 64.382812 39.347656 64.382812 Z M 39.347656 64.382812 "></path><path fill="#6ADDB2" d="M 39.347656 14.539062 C 41.632812 14.539062 43.917969 14.953125 45.992188 15.578125 C 47.03125 15.785156 48.070312 15.371094 48.484375 14.332031 L 49.9375 10.382812 C 50.351562 9.347656 49.726562 8.101562 48.484375 7.683594 C 45.574219 6.644531 42.460938 6.230469 39.347656 6.230469 C 25.847656 6.230469 14.222656 14.332031 9.03125 25.960938 C 8.617188 27 9.03125 28.453125 10.277344 28.871094 L 14.222656 30.324219 C 15.261719 30.738281 16.300781 30.324219 16.714844 29.285156 C 20.660156 20.5625 29.175781 14.539062 39.347656 14.539062 Z M 39.347656 14.539062 "></path><path fill="#121C2D" d="M 96.574219 66.480469 L 96.574219 62.058594 C 99.980469 65.421875 103.902344 67.1875 108.097656 67.1875 C 111.644531 67.1875 113.683594 65.484375 113.683594 62.808594 C 113.683594 59.441406 110.441406 59.066406 106.726562 58.652344 C 101.929688 58.09375 96.160156 57.363281 96.160156 51.089844 C 96.160156 45.839844 100.457031 42.785156 106.121094 42.785156 C 111.792969 42.785156 115.113281 44.675781 117.375 46.417969 L 117.375 50.804688 C 114.472656 47.75 110.648438 46.230469 106.269531 46.191406 C 102.300781 46.191406 100.371094 48.042969 100.371094 50.71875 C 100.371094 53.8125 103.738281 54.273438 107.472656 54.683594 C 112.3125 55.246094 118 56.078125 118 62.472656 C 118 67.417969 114.222656 70.675781 108.304688 70.675781 C 102.386719 70.675781 99.3125 68.832031 96.59375 66.480469 Z M 96.574219 66.480469 "></path><path fill="#121C2D" d="M 121.53125 56.429688 C 121.53125 47.976562 126.785156 42.761719 134.074219 42.761719 C 140.945312 42.761719 145.886719 46.957031 145.886719 55.722656 L 145.886719 57.800781 L 125.867188 57.800781 C 126.246094 64.445312 130.707031 67.085938 136.816406 67.085938 C 140.882812 67.085938 143.496094 65.609375 145.347656 64.09375 L 145.347656 67.980469 C 143.871094 69.140625 141.152344 70.695312 136.0625 70.695312 C 127.03125 70.695312 121.53125 65.714844 121.53125 57.09375 Z M 125.914062 54.582031 L 141.546875 54.582031 C 141.277344 48.953125 138.492188 46.191406 134.03125 46.191406 C 129.566406 46.191406 126.515625 48.914062 125.914062 54.582031 Z M 125.914062 54.582031 "></path><path fill="#121C2D" d="M 148.480469 75.164062 C 148.480469 72.171875 150.785156 69.992188 156.1875 69.617188 C 156.226562 69.617188 156.269531 69.578125 156.269531 69.535156 C 156.269531 69.496094 156.226562 69.449219 156.1875 69.449219 C 151.429688 69.449219 149.6875 68.292969 149.6875 65.984375 C 149.6875 63.867188 151.910156 61.871094 157.308594 61.828125 C 157.347656 61.828125 157.390625 61.789062 157.390625 61.746094 C 157.390625 61.707031 157.347656 61.664062 157.308594 61.664062 C 152.59375 60.976562 149.832031 57.65625 149.832031 52.628906 C 149.832031 46.730469 154.359375 42.804688 161 42.804688 C 164.09375 42.804688 165.570312 43.261719 167.542969 43.261719 L 174.6875 43.261719 L 174.6875 46.769531 L 169.207031 46.769531 C 170.949219 48.015625 172.070312 50.40625 172.070312 53.042969 C 172.070312 58.214844 168.0625 62.367188 161.230469 62.367188 L 159.570312 62.367188 C 155.875 62.367188 153.945312 63.160156 153.945312 64.53125 C 153.945312 66.003906 155.230469 66.234375 160.128906 66.234375 L 165.074219 66.234375 C 171.382812 66.234375 174.582031 67.851562 174.582031 72.464844 C 174.582031 77.074219 170.617188 80.726562 160.648438 80.726562 L 160.007812 80.726562 C 151.203125 80.726562 148.523438 78.507812 148.523438 75.183594 Z M 170.34375 73.085938 C 170.34375 70.59375 168.3125 69.949219 164.160156 69.949219 L 159.777344 69.949219 C 154.523438 69.949219 152.71875 71.839844 152.71875 74.023438 C 152.71875 76.015625 154.710938 77.386719 160.378906 77.386719 L 160.878906 77.386719 C 167.792969 77.386719 170.324219 75.726562 170.324219 73.085938 Z M 167.894531 52.734375 C 167.894531 48.847656 165.445312 45.816406 160.980469 45.816406 C 156.519531 45.816406 154.027344 48.496094 154.027344 52.734375 C 154.027344 56.429688 156.476562 59.234375 160.980469 59.234375 C 165.488281 59.234375 167.894531 56.429688 167.894531 52.734375 Z M 167.894531 52.734375 "></path><path fill="#121C2D" d="M 178.296875 43.242188 L 182.535156 43.242188 L 182.535156 52.382812 C 183.324219 45.734375 186.316406 42.785156 191.527344 42.785156 C 197.382812 42.785156 200.433594 46.191406 200.929688 52.050781 C 201.722656 45.859375 204.75 42.785156 209.960938 42.785156 C 216.335938 42.785156 219.515625 47.023438 219.515625 54.125 L 219.515625 70.222656 L 215.21875 70.222656 L 215.21875 54.957031 C 215.21875 49.785156 213.183594 46.316406 208.304688 46.316406 C 204.109375 46.316406 201.015625 49.554688 201.058594 55.308594 L 201.058594 70.222656 L 196.757812 70.222656 L 196.757812 54.625 C 196.757812 49.679688 194.683594 46.316406 189.84375 46.316406 C 185.730469 46.316406 182.554688 49.554688 182.554688 55.828125 L 182.554688 70.222656 L 178.257812 70.222656 L 178.257812 43.222656 Z M 178.296875 43.242188 "></path><path fill="#121C2D" d="M 223.917969 56.429688 C 223.917969 47.976562 229.167969 42.761719 236.460938 42.761719 C 243.332031 42.761719 248.273438 46.957031 248.273438 55.722656 L 248.273438 57.800781 L 228.257812 57.800781 C 228.628906 64.445312 233.09375 67.085938 239.199219 67.085938 C 243.269531 67.085938 245.886719 65.609375 247.734375 64.09375 L 247.734375 67.980469 C 246.257812 69.140625 243.539062 70.695312 238.453125 70.695312 C 229.421875 70.695312 223.917969 65.714844 223.917969 57.09375 Z M 228.296875 54.582031 L 243.933594 54.582031 C 243.664062 48.953125 240.882812 46.191406 236.417969 46.191406 C 231.957031 46.191406 228.902344 48.914062 228.296875 54.582031 Z M 228.296875 54.582031 "></path><path fill="#121C2D" d="M 257.058594 43.242188 L 257.058594 52.335938 C 257.972656 45.503906 261.4375 42.785156 266.570312 42.785156 C 273.484375 42.785156 276.804688 47.082031 276.804688 54.414062 L 276.804688 70.242188 L 272.503906 70.242188 L 272.503906 55.285156 C 272.503906 49.804688 270.34375 46.335938 264.988281 46.335938 C 260.503906 46.335938 257.097656 49.742188 257.097656 56.304688 L 257.097656 70.242188 L 252.800781 70.242188 L 252.800781 43.242188 Z M 257.058594 43.242188 "></path><path fill="#121C2D" d="M 284.050781 62.058594 L 284.050781 46.730469 L 279.167969 46.730469 L 279.167969 43.636719 L 280.644531 43.59375 C 283.449219 43.449219 284.339844 42.390625 284.570312 38.984375 L 284.710938 36.992188 L 288.347656 36.992188 L 288.347656 43.222656 L 297.523438 43.222656 L 297.523438 46.730469 L 288.347656 46.730469 L 288.347656 61.914062 C 288.347656 65.421875 289.96875 66.980469 293.144531 66.980469 C 294.808594 66.980469 296.464844 66.609375 297.523438 65.921875 L 297.523438 69.285156 C 296.464844 69.96875 294.574219 70.574219 291.941406 70.574219 C 286.5 70.574219 284.050781 67.9375 284.050781 62.035156 Z M 284.050781 62.058594 "></path><path fill="#121C2D" d="M 118.980469 30.613281 L 113.164062 9.992188 L 113.164062 15.449219 C 113.164062 15.742188 112.976562 15.929688 112.683594 15.929688 L 108.863281 15.929688 L 108.863281 21.683594 C 108.863281 23.738281 109.382812 24.34375 111.027344 24.34375 C 111.644531 24.34375 112.25 24.296875 112.789062 24.050781 C 113.203125 23.84375 113.515625 24.011719 113.515625 24.34375 L 113.515625 30.136719 C 113.515625 30.46875 113.390625 30.675781 113.082031 30.820312 C 112.019531 31.320312 110.007812 31.632812 107.558594 31.632812 C 101.222656 31.632812 99.148438 28.640625 99.148438 23.367188 L 99.148438 15.910156 L 96.011719 15.910156 C 95.722656 15.910156 95.515625 15.703125 95.515625 15.410156 L 95.515625 9.285156 C 95.515625 8.992188 95.722656 8.785156 96.011719 8.785156 L 98.109375 8.785156 C 98.960938 8.785156 99.417969 8.414062 99.417969 7.5625 L 99.417969 4.113281 C 99.417969 3.820312 99.585938 3.574219 99.875 3.488281 L 107.992188 0.871094 C 108.410156 0.746094 108.65625 0.914062 108.65625 1.285156 L 108.65625 8.578125 L 121.574219 8.578125 C 121.863281 8.578125 122.027344 8.699219 122.113281 9.035156 L 124.003906 18.941406 L 125.894531 9.035156 C 125.933594 8.746094 126.140625 8.578125 126.433594 8.578125 L 135.089844 8.578125 C 135.378906 8.578125 135.589844 8.746094 135.628906 9.035156 L 137.582031 18.941406 L 139.511719 9.035156 C 139.597656 8.699219 139.761719 8.578125 140.050781 8.578125 L 157.101562 8.578125 C 157.390625 8.578125 157.597656 8.785156 157.597656 9.074219 L 157.597656 30.507812 C 157.597656 30.800781 157.390625 31.007812 157.101562 31.007812 L 148.335938 31.007812 C 148.046875 31.007812 147.835938 30.800781 147.835938 30.507812 L 147.835938 9.992188 L 142.273438 30.613281 C 142.191406 30.90625 141.984375 31.027344 141.652344 31.027344 L 133.699219 31.027344 C 133.40625 31.027344 133.28125 30.90625 133.199219 30.613281 L 130.644531 20.875 L 128.011719 30.613281 C 127.925781 30.90625 127.804688 31.027344 127.511719 31.027344 L 119.558594 31.027344 C 119.226562 31.027344 119.019531 30.90625 118.933594 30.613281 Z M 147.835938 6.167969 C 147.835938 6.457031 148.046875 6.667969 148.335938 6.667969 L 157.101562 6.667969 C 157.390625 6.667969 157.597656 6.457031 157.597656 6.167969 L 157.597656 1.332031 C 157.597656 1.039062 157.390625 0.832031 157.101562 0.832031 L 148.335938 0.832031 C 148.046875 0.832031 147.835938 1.039062 147.835938 1.332031 L 147.835938 6.191406 Z M 159.527344 30.527344 C 159.527344 30.820312 159.734375 31.027344 160.027344 31.027344 L 168.789062 31.027344 C 169.078125 31.027344 169.285156 30.820312 169.285156 30.527344 L 169.285156 1.332031 C 169.285156 1.039062 169.078125 0.832031 168.789062 0.832031 L 160.027344 0.832031 C 159.734375 0.832031 159.527344 1.039062 159.527344 1.332031 L 159.527344 30.554688 Z M 171.222656 30.527344 C 171.222656 30.820312 171.429688 31.027344 171.714844 31.027344 L 180.460938 31.027344 C 180.75 31.027344 180.957031 30.820312 180.957031 30.527344 L 180.957031 9.117188 C 180.957031 8.828125 180.75 8.621094 180.460938 8.621094 L 171.714844 8.621094 C 171.429688 8.621094 171.222656 8.828125 171.222656 9.117188 L 171.222656 30.554688 Z M 171.222656 6.167969 C 171.222656 6.457031 171.429688 6.667969 171.714844 6.667969 L 180.460938 6.667969 C 180.75 6.667969 180.957031 6.457031 180.957031 6.167969 L 180.957031 1.332031 C 180.957031 1.039062 180.75 0.832031 180.460938 0.832031 L 171.714844 0.832031 C 171.429688 0.832031 171.222656 1.039062 171.222656 1.332031 L 171.222656 6.191406 Z M 207.640625 19.484375 L 207.640625 20.023438 C 207.640625 26.6875 202.574219 31.714844 195.074219 31.714844 C 187.582031 31.714844 182.476562 26.6875 182.476562 20.023438 L 182.476562 19.484375 C 182.476562 12.816406 187.601562 7.933594 195.074219 7.933594 C 202.554688 7.933594 207.640625 12.816406 207.640625 19.484375 Z M 198.296875 19.625 C 198.296875 16.554688 196.882812 15.351562 195.074219 15.351562 C 193.269531 15.351562 191.859375 16.554688 191.859375 19.625 L 191.859375 20.023438 C 191.859375 23.054688 193.269531 24.324219 195.074219 24.324219 C 196.882812 24.324219 198.296875 23.054688 198.296875 20.023438 Z M 198.296875 19.625 "></path></svg></div></div></div><div class="w-[100px] md:w-[164px] aspect-[164/60] relative !duration-500 transition-all transform"><div class="w-full h-full relative overflow-hidden"><div class="absolute inset-0 flex items-center justify-center" style="opacity:0;filter:blur(2px);transform:translateY(10px) scale(1.05) translateZ(0)"><svg class="w-32 h-8 text-gray-600" viewBox="0 0 120 32" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_2_22" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="120" height="32"><path d="M120 0H0V32H120V0Z" fill="#1F1F1F"></path></mask><g mask="url(#mask0_2_22)"><path d="M8.30322 10.8158C5.44118 10.8158 4.03622 13.3381 4.03622 16.706V25.1462H0V7.33545H3.96552V11.9562H4.03437C4.88107 9.11523 6.56888 6.81958 9.17224 6.81958C11.0033 6.81958 11.7756 7.45889 11.7756 7.45889L9.95381 11.1271C9.95381 11.1253 9.37322 10.8158 8.30322 10.8158ZM57.0971 13.2607V25.1443H53.1651V14.707C53.1651 11.7112 52.2254 10.1249 49.8248 10.1249C47.3387 10.1249 46.1366 12.1313 46.1366 15.9801V25.1423H42.24V14.707C42.24 11.8273 41.3114 10.1249 38.935 10.1249C36.2219 10.1249 35.1779 12.5016 35.1779 15.9801V25.1423H31.2125V7.33545H35.1779V11.3685H35.2133C35.831 8.57724 37.5171 6.85459 40.3622 6.85459C43.1834 6.85459 45.0219 8.37089 45.7198 11.059C46.3842 8.47222 48.152 6.85459 50.8688 6.85459C54.6594 6.85459 57.0971 9.23131 57.0971 13.2607ZM19.7085 6.81958C16.0594 6.81958 13.6718 8.53302 12.5832 11.6264L15.9421 12.848C16.5542 10.9816 17.8309 9.91852 19.7792 9.91852C21.9714 9.91852 23.259 10.8839 23.259 12.3653C23.259 13.8797 22.2338 14.1966 19.9187 14.5706C17.3434 14.9852 11.2192 15.1215 11.2192 20.2876C11.2192 23.3147 13.75 25.5919 17.5517 25.5919C20.4101 25.5919 22.3565 24.4239 23.2571 22.2499H23.2925V25.1443H27.2245V14.1911C27.2227 9.39896 24.811 6.81958 19.7085 6.81958ZM23.3614 16.7612C23.3614 20.4958 21.5136 22.8947 18.5603 22.8947C16.4725 22.8947 15.2201 21.7228 15.2201 20.0334C15.2201 18.4489 16.5078 17.3491 18.9771 16.8958C21.5042 16.4315 22.7771 15.8585 23.3614 14.484V16.7612ZM71.0835 6.85459C68.0763 6.85459 66.0888 8.50723 65.2384 10.9908V7.33545H61.0627V31.9999H65.203V21.4908H65.2384C66.1595 24.1807 68.0781 25.6601 71.0835 25.6601C75.8491 25.6601 79.2602 21.734 79.2602 16.1865C79.2582 10.6776 75.8491 6.85459 71.0835 6.85459ZM70.0563 22.3548C66.755 22.3548 64.924 19.9596 64.924 16.2398C64.924 12.52 66.9728 10.1249 70.0563 10.1249C73.1379 10.1249 75.1885 12.6361 75.1885 16.2398C75.1885 19.8455 73.1397 22.3548 70.0563 22.3548Z" fill="#1F1F1F"></path><path d="M120.276 25.0635V25.1747L104.115 25.1803V25.0635C106.446 23.7475 108.054 22.407 109.502 21.0062H116.137L120.276 25.0635ZM116.272 4.01786L112.175 0H112.056C112.056 0 112.126 7.48782 105.248 14.2978C98.5183 20.9629 90.6042 20.9779 90.6042 20.9779V21.0947L94.7772 25.1822C94.7772 25.1822 102.576 25.2594 109.465 18.5021C116.329 11.7674 116.272 4.01786 116.272 4.01786Z" fill="#1F1F1F"></path></g></svg></div></div></div><div class="w-[100px] md:w-[164px] aspect-[164/60] relative !duration-500 transition-all transform"><div class="w-full h-full relative overflow-hidden"><div class="absolute inset-0 flex items-center justify-center" style="opacity:0;filter:blur(2px);transform:translateY(10px) scale(1.05) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 936.7 220" class="w-32 h-8 text-gray-600" fill="none"><g fill="#03D47C"><polygon points="0,168.2 103.9,168.2 103.9,137.6 38.2,137.6 38.2,109.1 91.1,109.1 91.1,77.7 38.2,77.7 38.2,50.8 103.9,50.8 103.9,20.1 0,20.1 "></polygon><polygon points="233.4,52.8 187.6,52.8 172.4,80.6 156.4,52.8 109.3,52.8 147.7,108.6 106.8,168.2 152.6,168.2 170.8,137.2 188.9,168.2 235.9,168.2 195,108.6 "></polygon><path d="M305.4,50L305.4,50c-12.6,0-23.6,5.1-31.8,15V52.8h-35.1v164.5H276v-57.7c6.8,7,17.1,11.4,29.2,11.4 c30.6,0,51.9-23.6,51.9-60.5S337,50,305.4,50z M297.2,140.4c-14,0-22.4-11-22.4-29.9s8.4-29.9,22.4-29.9s22.4,10.8,22.4,29.9 C319.7,129.7,311.3,140.4,297.2,140.4z"></path><path d="M423,141.8c-11.4,0-20.1-6.6-22.2-23.4h79.7v-4.9c0-36-20.1-63.6-59.1-63.6c-27.6,0-59.4,15-59.4,60.5 c0,36.9,23.8,60.5,60.8,60.5c22,0,49.3-7.9,58-42.1h-37.9C441.2,135.3,436.3,141.8,423,141.8z M421.4,77.5c10.8,0,18,6.1,19.2,19.4 h-39C404.3,82.2,412.5,77.5,421.4,77.5z"></path><path d="M553.4,50c-12.9,0-24.3,5.6-31.8,16.4V52.8h-35.1v115.5H524V104c0-15.4,7.9-22.4,18.2-22.4 c11,0,17.5,4.7,17.5,22.2v64.5h37.4V101C597.1,64.5,582.4,50,553.4,50z"></path><path d="M733.6,0.3c-11.4,0-19.6,8.4-19.6,19.1s8.2,19.4,19.6,19.4c11.4,0,19.8-8.6,19.8-19.4 C753.4,8.7,745.3,0.3,733.6,0.3z"></path><rect x="715.3" y="53" width="37.3" height="115.2"></rect><path d="M666.1,96.3L666.1,96.3l-9.3-2.1c-9.8-2.1-13.3-6.4-13.3-10.9c0-6.4,5.4-10.5,14-10.5c11,0,16.8,3.6,16.8,14.2 h32.2c-0.7-24.3-14.9-38.6-50.7-38.6c-30.9,0-49.3,11.5-49.3,37.2c0,20.3,13.7,29.5,45,36.6l9.3,2.1c9.8,2.1,13.3,6.7,13.3,11.2 c0,6.4-5.6,9.2-15.4,9.2c-12.9,0-18.7-4.7-20.3-15.3H602c2.1,27.8,21.5,41.7,55.4,41.7s53.8-12.5,53.8-38.2 C711.1,112.5,697.5,103.4,666.1,96.3z"></path><path d="M898.6,53L898.6,53l-21,70.5L857.1,53h-48.4v-3.6c0-9.4,7-18.9,17.9-18.9h5.3V0h-7.7c-32,0.7-53,23.2-53,51.5 V53h-14v34h14v81.2h37.3V87h21l28,78.2l-4.7,12.1c-3.5,8.9-7.5,11.4-15.2,11.4c-4,0-7.9,0-13.5-1.6l-2.3,30.6 c5.6,1.6,12.6,2.3,21.5,2.3c22.4,0,34.1-9.6,45.3-39.2l48-127.8H898.6z"></path></g></svg></div></div></div><div class="w-[100px] md:w-[164px] aspect-[164/60] relative !duration-500 transition-all transform"><div class="w-full h-full relative overflow-hidden"><div class="absolute inset-0 flex items-center justify-center" style="opacity:0;filter:blur(2px);transform:translateY(10px) scale(1.05) translateZ(0)"><svg class="w-32 h-8 text-gray-600" viewBox="0 0 117 30" fill="#2D3142" xmlns="http://www.w3.org/2000/svg"><path d="M36.9922 8.07396C34.5826 8.07396 32.9841 9.07813 32.1235 10.9534L32.0622 8.36334H28.3312V29.1152H32.4473V21.2989C33.3545 22.8211 34.8598 23.6603 36.9922 23.6603C41.0616 23.6603 43.6724 20.5668 43.6724 15.844C43.6724 11.153 41.0616 8.07396 36.9922 8.07396ZM36.0237 20.0488C33.795 20.0488 32.3073 18.3124 32.3073 15.844C32.3073 13.3755 33.7834 11.7318 36.0237 11.7318C38.2641 11.7318 39.5243 13.3147 39.5243 15.844C39.5243 18.3732 38.2495 20.0488 36.0237 20.0488Z" fill="#2D3142"></path><path d="M52.7181 8.07396C47.8173 8.07396 44.9615 11.3035 44.9615 15.8584C44.9615 20.4134 47.8319 23.6603 52.7181 23.6603C57.6043 23.6603 60.4602 20.4163 60.4602 15.8584C60.4602 11.3006 57.6189 8.07396 52.7181 8.07396ZM52.7181 20.0343C50.4748 20.0343 49.0338 18.4195 49.0338 15.8584C49.0338 13.2974 50.4924 11.7144 52.7181 11.7144C54.9439 11.7144 56.3733 13.3003 56.3733 15.8584C56.3733 18.4166 54.9614 20.0343 52.7181 20.0343Z" fill="#2D3142"></path><path d="M65.8572 2.39028H61.7411V23.6602H65.8572V2.39028Z" fill="#2D3142"></path><path d="M71.3178 2.39028H67.2018V23.6602H71.3178V2.39028Z" fill="#2D3142"></path><path d="M80.3785 8.07396C75.4777 8.07396 72.6219 11.3035 72.6219 15.8584C72.6219 20.4134 75.4923 23.6603 80.3785 23.6603C85.2647 23.6603 88.1177 20.4163 88.1177 15.8584C88.1177 11.3006 85.2764 8.07396 80.3785 8.07396ZM80.3785 20.0343C78.1353 20.0343 76.6913 18.4195 76.6913 15.8584C76.6913 13.2974 78.1498 11.7144 80.3785 11.7144C82.6072 11.7144 84.0337 13.3003 84.0337 15.8584C84.0337 18.4166 82.6218 20.0343 80.3785 20.0343Z" fill="#2D3142"></path><path d="M91.5105 19.2122C90.3028 19.2122 89.2614 20.2048 89.2614 21.4289C89.2614 22.653 90.2999 23.6572 91.5105 23.6572C92.7211 23.6572 93.7596 22.653 93.7596 21.4289C93.7596 20.2048 92.7211 19.2122 91.5105 19.2122Z" fill="#2D3142"></path><path d="M97.4213 2.25476C96.0707 2.25476 94.9009 3.33707 94.9009 4.67692C94.9009 6.01678 96.0357 7.11356 97.4213 7.11356C98.807 7.11356 99.9709 6.01678 99.9709 4.67692C99.9709 3.33707 98.7719 2.25476 97.4213 2.25476Z" fill="#2D3142"></path><path d="M99.4951 8.65268H95.379V23.6602H99.4951V8.65268Z" fill="currentColor/"></path><path d="M108.722 8.07396C103.821 8.07396 100.965 11.3035 100.965 15.8584C100.965 20.4134 103.835 23.6603 108.722 23.6603C113.608 23.6603 116.461 20.4163 116.461 15.8584C116.461 11.3006 113.619 8.07396 108.722 8.07396ZM108.722 20.0343C106.481 20.0343 105.034 18.4195 105.034 15.8584C105.034 13.2974 106.493 11.7144 108.722 11.7144C110.95 11.7144 112.377 13.3003 112.377 15.8584C112.377 18.4166 110.965 20.0343 108.722 20.0343Z" fill="#2D3142"></path><path d="M23.051 3.568H19.0049L21.1053 7.13324L23.051 3.568Z" fill="#2D3142"></path><path d="M14.3144 0L0 23.6515H7.66622C8.69013 23.6515 9.69654 23.394 10.5834 22.9107C11.5431 22.3869 12.2695 21.6258 12.8354 20.7027C13.4976 19.6233 14.1423 18.5323 14.7928 17.4471L16.4614 14.669L14.3085 11.0922L13.3546 12.6143C12.2665 14.4172 11.2368 16.2635 10.1108 18.0432C9.54485 18.9345 8.8039 19.7796 7.71289 19.9966C7.54953 20.0284 7.38034 20.0458 7.21115 20.0516C6.98653 20.0603 6.76191 20.0545 6.53729 20.0545L14.3144 6.92791L24.2939 23.7036H27.1818V21.2381L27.1147 21.1281L14.3144 0Z" fill="#2D3142"></path></svg></div></div></div><div class="w-[100px] md:w-[164px] aspect-[164/60] relative !duration-500 transition-all transform"><div class="w-full h-full relative overflow-hidden"><div class="absolute inset-0 flex items-center justify-center" style="opacity:0;filter:blur(2px);transform:translateY(10px) scale(1.05) translateZ(0)"><svg fill="none" class="w-32 h-8 text-gray-600" viewBox="0 0 162 38" xmlns="http://www.w3.org/2000/svg" aria-label="Back to homepage"><path d="m12.8359 20.4556v4.485c3.4221-.004 6.7029-1.3235 9.1227-3.6691s3.781-5.5257 3.7852-8.8428h-4.627c-.0027 2.128-.8761 4.1682-2.4284 5.6729-1.5524 1.5048-3.6571 2.3513-5.8525 2.354z" fill="#3be081"></path><path d="m12.8346 32.8099c-2.1796 0-4.26989-.8393-5.81108-2.3332-1.5412-1.4939-2.40703-3.5201-2.40703-5.6328 0-2.1128.86583-4.1389 2.40703-5.6329 1.54119-1.4939 3.63148-2.3332 5.81108-2.3332v-4.452c-1.6831-.0023-3.35011.3167-4.90597.9389-1.55586.6221-2.97007 1.5353-4.16187 2.6872s-2.13786 2.5202-2.784159 4.0265c-.6463 1.5064-.98018355 3.1214-.98258792 4.7528s.32671792 3.2473.96857492 4.7555c.641862 1.5081 1.583882 2.8789 2.772282 4.0342 1.1884 1.1552 2.59991 2.0723 4.15393 2.6987 1.55402.6265 3.2201.9502 4.9032.9525h.0366z" fill="#0037FF"></path><path d="m12.8359 32.81v4.452c3.3991 0 6.659-1.3088 9.0625-3.6386s3.7538-5.4897 3.7538-8.7845h-4.5981c-.0014 2.1127-.8675 4.1387-2.4083 5.6331-1.5407 1.4944-3.6302 2.3353-5.8099 2.338z" fill="#00CCFF"></path><path d="m12.8359 7.9711v4.452c3.3991 0 6.659-1.3088 9.0625-3.63861 2.4035-2.32979 3.7538-5.48967 3.7538-8.78449h-4.5981c-.0014 2.11278-.8675 4.13871-2.4083 5.63314-1.5407 1.49444-3.6302 2.33527-5.8099 2.33796z" fill="#861DFF"></path><path d="m25.7266 7.9711v4.452c3.3991 0 6.6589-1.3088 9.0624-3.63861 2.4036-2.32979 3.7538-5.48967 3.7538-8.78449h-4.5955c-.0014 2.11321-.8679 4.13953-2.4092 5.63404-1.5413 1.4945-3.6314 2.33504-5.8115 2.33706z" fill="#FF8110"></path><g fill="#080736"><path d="m59.9453 18.6016h2.3671l.5571 1.2119c.2958-.2624.6234-.4888.9756-.6744.367-.1821.7483-.3355 1.1404-.4589.4864-.1487.994-.2215 1.504-.2155.7879-.0044 1.5675.1556 2.286.469.7207.3117 1.3692.7609 1.9067 1.3209.5589.5872 1.0021 1.2686 1.3078 2.0106.6472 1.632.6472 3.4386 0 5.0706-.305.7423-.7483 1.4238-1.3078 2.0106-.5376.5605-1.1861 1.0106-1.9067 1.3234-.7179.3127-1.4964.4735-2.2834.4716-.4763.0087-.951-.0546-1.4072-.1876-.3583-.1107-.708-.2463-1.0462-.4057-.3215-.1723-.6209-.3808-.8919-.6211v5.3977h-3.2015zm6.1257 9.581c.4255.0097.8485-.0669 1.2417-.225.3932-.158.748-.394 1.0417-.6928.6155-.6118.9224-1.4307.9206-2.4567.0222-.4482-.0477-.8962-.2058-1.318-.158-.4218-.401-.8088-.7148-1.1387-.2995-.2904-.6551-.5208-1.0464-.6779-.3914-.1572-.8108-.2381-1.2344-.2381s-.8431.0809-1.2344.2381c-.3913.1571-.7469.3875-1.0464.6779-.612.6135-.9181 1.4324-.9181 2.4567s.3061 1.8432.9181 2.4567c.2936.2988.6485.5348 1.0417.6928.3932.1581.8161.2347 1.2417.225z"></path><path d="m80.1341 31.1524c-.5958.0069-1.1874-.0981-1.742-.3093-.5182-.2008-.9843-.5099-1.3653-.9051-.3877-.4079-.6897-.8849-.8893-1.4046-.2229-.5875-.332-1.2098-.3217-1.8356v-5.2634h-1.9486v-2.5632h.8344c1.0218 0 1.5327-.4952 1.5327-1.4857v-1.7468h2.7856v2.9714h2.7829v2.832h-2.7829v5.1289c-.0176.2134.0084.4281.0765.6318s.1769.3924.3202.5553.3183.2969.515.3942c.1967.0974.4113.1562.6314.1732.0871.0073.1746.0073.2616 0 .1202.006.2407.006.361 0 .0881-.0068.1756-.0204.2615-.0406.0768-.0194.1513-.0466.2223-.0811v2.7001c-.1434.0585-.2923.1035-.4446.1344-.3562.0876-.7234.1261-1.0907.1141z"></path><path d="m86.12 17.116c-.4308.0106-.852-.1247-1.1911-.3824-.3391-.2578-.575-.622-.6672-1.0301-.0922-.408-.0349-.8345.1621-1.206.1969-.3716.5212-.665.9172-.83.3959-.1649.8388-.191 1.2524-.0738.4137.1172.7723.3703 1.0143.716s.3522.7622.3117 1.1781c-.0404.4159-.2291.8052-.5335 1.1009-.1626.1671-.3588.3001-.5766.3908-.2177.0907-.4523.1371-.6893.1365zm-1.6713 1.4857h3.2014v12.4232h-3.2014z"></path><path d="m90.7109 18.6018h2.3671l.5571 1.2119c.2625-.2537.5518-.4797.8632-.6745.3022-.1808.6209-.3344.952-.4588.4-.1477.825-.2208 1.2529-.2155.5683-.014 1.1346.0719 1.6713.2535.4011.1415.7839.3278 1.1404.5552.3195.2179.5941.4923.8081.8088.306-.3118.652-.5837 1.031-.8088.381-.22.782-.4058 1.198-.5552.49-.1737 1.008-.2597 1.53-.2535 1.394 0 2.505.4335 3.342 1.2955s1.253 2.1424 1.253 3.8334v7.4235h-3.206v-7.1522c.035-.6479-.19-1.2839-.628-1.7747-.166-.1864-.368-.3392-.595-.4497-.226-.1106-.473-.1767-.727-.1946-.253-.0179-.507.0128-.748.0903s-.464.2002-.656.3613c-.07.0604-.136.1247-.198.1927-.438.4905-.663 1.1269-.625 1.7747v7.1522h-3.2045v-7.1522c.0371-.6478-.1871-1.2842-.6252-1.7747-.1659-.1864-.3682-.3393-.5952-.4499s-.4742-.1767-.7276-.1946c-.2533-.0179-.5079.0128-.749.0903s-.4641.2004-.6562.3615c-.0699.0597-.1355.1241-.1962.1927-.4378.4908-.6627 1.1268-.6277 1.7747v7.1522h-3.2015z"></path><path d="m113.268 17.1154c-.432.011-.855-.1242-1.195-.3826-.341-.2583-.578-.6235-.67-1.0329-.093-.4093-.036-.8371.162-1.21.197-.3728.523-.6672.92-.8327s.841-.1916 1.256-.0739.775.3718 1.017.7187c.243.3469.353.7649.312 1.1821s-.23.8076-.536 1.1039c-.163.1671-.359.3001-.577.3908-.217.0907-.452.1372-.689.1366zm-1.671 1.4857h3.209v12.4231h-3.209z"></path><path d="m117.16 28.4513 5.569-6.8809h-5.569v-2.9688h9.607v2.5632l-5.563 6.8961h5.846v2.9689h-9.89z"></path><path d="m135.131 31.1517c-.849.0031-1.689-.1698-2.464-.507-.761-.3248-1.451-.7878-2.032-1.3641-.589-.5809-1.062-1.2626-1.394-2.0105-.34-.7817-.514-1.6213-.514-2.4694s.174-1.6877.514-2.4694c.332-.7479.805-1.4296 1.394-2.0105.582-.5755 1.271-1.0384 2.032-1.364.761-.322 1.581-.4916 2.411-.4986.83-.0069 1.653.1488 2.42.458.732.3014 1.395.7419 1.948 1.2956.572.5808 1.021 1.2636 1.324 2.0105.332.8211.497 1.6966.486 2.5784.001.1399-.008.2796-.026.4183-.021.1344-.039.2663-.057.393-.019.1268-.037.2789-.055.4031h-8.911c.138.5976.47 1.1366.946 1.539.557.4387 1.262.6602 1.978.6211.362.0074.724-.0379 1.072-.1343.259-.0784.507-.1874.738-.3246.21-.1339.398-.2981.557-.4867h3.343c-.186.5008-.444.9737-.767 1.4045-.35.4804-.773.9076-1.253 1.2677-.509.3775-1.072.6823-1.671.9051-.645.2344-1.33.3513-2.019.3448zm3.063-7.2865c-.133-.6934-.512-1.3199-1.072-1.7708-.559-.4509-1.264-.6978-1.991-.6978-.728 0-1.432.2469-1.992.6978-.559.4509-.938 1.0774-1.071 1.7708z"></path><path d="m143.621 14.0122h3.202v17.0045h-3.202z"></path><path d="m151.686 35.4717c-.147 0-.291-.0051-.432-.0152-.117-.006-.233-.0196-.348-.0406-.113-.0132-.225-.0405-.332-.0811v-2.5632c.581.0371 1.157-.1254 1.627-.4589.387-.3115.688-.7103.879-1.1612l.277-.6744-4.873-11.8755h3.343l3.202 8.0953 2.934-8.0953h3.343c-.91 2.2666-1.737 4.3176-2.48 6.1532-.316.791-.627 1.5669-.933 2.3199-.306.7529-.578 1.4451-.822 2.0663-.243.6211-.444 1.1383-.612 1.5516-.167.4132-.261.6566-.306.7302-.269.6435-.58 1.2694-.934 1.8736-.264.4627-.597.8855-.988 1.255-.326.3084-.714.5476-1.141.7022-.451.1521-.926.2259-1.404.2181z"></path><path d="m48.0864 12.4258c-1.9099 0-3.777.549-5.365 1.5775s-2.8257 2.4904-3.5566 4.2008-.9222 3.5925-.5496 5.4083c.3726 1.8157 1.2924 3.4836 2.6429 4.7927s3.0711 2.2006 4.9443 2.5617c1.8733.3612 3.8149.1759 5.5794-.5326s3.2727-1.9082 4.3338-3.4476c1.0611-1.5393 1.6274-3.349 1.6274-5.2004.0004-1.2293-.2492-2.4466-.7343-3.5824-.4852-1.1359-1.1965-2.1679-2.0933-3.0371-.8967-.8693-1.9614-1.5588-3.1332-2.0291-1.1717-.4703-2.4276-.7122-3.6958-.7118zm0 15.4655c-1.2486.0145-2.4734-.3304-3.5196-.9911-1.0461-.6607-1.8665-1.6075-2.3572-2.7204-.4907-1.113-.6297-2.342-.3993-3.5315.2304-1.1896.8197-2.2861 1.6934-3.1508.8737-.8646 1.9925-1.4585 3.2146-1.7065 1.2221-.2479 2.4927-.1388 3.6508.3136 1.1581.4525 2.1516 1.2278 2.8548 2.228.7032 1.0001 1.0844 2.18 1.0954 3.3903v.0709c.0055 1.6099-.6473 3.1563-1.8155 4.3006s-2.7567 1.7931-4.4174 1.8045z"></path></g></svg></div></div></div></div><a class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none bg-white h-8 rounded-lg text-sm gap-x-1.5 px-3 border-gray-300 shadow-button-elevated text-gray-700 hover:bg-gray-50 hover:text-gray-900 dark:bg-white/10 dark:border-gray-600 dark:text-white active:text-gray-900 data-[active=true]:text-gray-900 active:shadow-button-shallow-inset-indented data-[active=true]:shadow-button-shallow-inset-indented focus-visible:shadow-gray-focus focus-visible:text-gray-900 mx-auto" data-headlessui-state="" href="/customer/showcase">Meet our customers <svg class="inline shrink-0 self-center size-4"><use href="/icons/sprite.svg#arrow-right"></use></svg></a></section><section><h2 class="mb-14 sm:mb-24 text-3xl text-balance max-w-4xl text-gray-800 font-medium mx-auto w-full text-center">Use insights from product demos at<!-- --> <span class="header-text-gradient">every point in the buyer journey.</span></h2><div class="gap-px border bg-gray-200/80 relative grid h-full border-gray-200/80 grid-rows-[repeat(var(--grid-rows),minmax(0,1fr))] sm:grid-rows-[repeat(var(--grid-rows-sm),minmax(0,1fr))] md:grid-rows-[repeat(var(--grid-rows-md),minmax(0,1fr))] lg:grid-rows-[repeat(var(--grid-rows-lg),minmax(0,1fr))] grid-cols-[repeat(var(--grid-cols),minmax(0,1fr))] sm:grid-cols-[repeat(var(--grid-cols-sm),minmax(0,1fr))] md:grid-cols-[repeat(var(--grid-cols-md),minmax(0,1fr))] lg:grid-cols-[repeat(var(--grid-cols-lg),minmax(0,1fr))]" style="--grid-rows:auto;--grid-rows-sm:auto;--grid-rows-md:auto;--grid-rows-lg:auto;--grid-cols:10;--grid-cols-sm:10;--grid-cols-md:10;--grid-cols-lg:10"><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-0" style="--grid-row:1;--grid-row-sm:1;--grid-row-md:1;--grid-row-lg:1;--grid-col:1/-1;--grid-col-sm:1/-1;--grid-col-md:1/-1;--grid-col-lg:1/7"><div class="lg:p-10 p-8 flex flex-col gap-y-4"><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-5 text-[14px] gap-1 px-2 rounded-md bg-green-50 border-green-200 text-green-800 [box-shadow:_0px_-1px_1px_0px_hsla(148,88%,16%,0.14)_inset,0px_1px_2px_0px_hsla(166,57%,95%,0.5)_inset]"><span class="flex items-center truncate">Growth</span></div><div class="flex flex-col gap-y-2"><h3 class="text-2xl text-balance text-gray-900 max-w-[440px]">Turn warmed up website visitors into leads</h3><p class="text-sm text-balance text-gray-600 max-w-[400px]">Uncover and activate high-intent visitors viewing your website demos</p></div><button class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none bg-white h-7 rounded-lg text-sm gap-x-1.5 px-2.5 border-gray-300 shadow-button-elevated text-gray-700 hover:bg-gray-50 hover:text-gray-900 dark:bg-white/10 dark:border-gray-600 dark:text-white active:text-gray-900 data-[active=true]:text-gray-900 active:shadow-button-shallow-inset-indented data-[active=true]:shadow-button-shallow-inset-indented focus-visible:shadow-gray-focus focus-visible:text-gray-900" type="button" data-headlessui-state=""><svg class="inline shrink-0 self-center size-3.5"><use href="/icons/sprite.svg#square-mouse-pointer"></use></svg>Try a demo for growth</button></div><div class="mt-8 sm:mt-0 relative mx-auto w-[90%] sm:w-[85%] h-[350px] sm:h-[300px]"><div class="flex flex-col-reverse sm:flex-row size-full items-end justify-center relative overflow-hidden"><div class="w-full sm:w-[90%] relative size-full"><div class="absolute z-20 border -bottom-[1px] left-1/2 -translate-x-1/2 sm:left-auto sm:right-0 sm:translate-x-0 w-full max-w-[300px] h-full sm:h-[235px] bg-white/90 backdrop-blur-md rounded-t-[16px] shadow-sm "><div class="border-b border-gray-200 w-full text-center text-xs text-gray-700 py-1 px-2">yourwebsite.com</div><div class="w-1/2 mx-auto py-4 flex flex-col items-center justify-center gap-[6px]"><div class="w-[70%] h-[10px] bg-gray-100/90 rounded-full"></div><div class="w-full h-[10px] bg-gray-100/90 rounded-full"></div><div class="w-[60%] h-1 mt-1 bg-gray-100/80 rounded-full"></div><div class="w-[45%] h-1 bg-gray-100/80 rounded-full"></div></div><div class="w-[85%] h-full mx-auto py-4 mt-2 border border-gray-200 bg-gray-50/70 rounded-lg relative"><div class="text-[9px] absolute top-[-9px] left-1/2 -translate-x-1/2 bg-white/90 backdrop-blur-md rounded-md border border-gray-300 px-2 py-[2px] text-gray-700">Your demo</div><div class="whitespace-nowrap absolute z-10 left-1/2 -translate-x-1/2 top-10 inline-flex items-center gap-1 text-xs font-medium text-white bg-[#4D4D4D] rounded-md px-2 py-1 ring-1 ring-[#e4e4e4] ring-offset-4 select-none"><svg class="inline shrink-0 self-center size-3 w-4 h-4"><use href="/icons/sprite.svg#mouse-pointer-click"></use></svg>Try demo</div></div></div></div><div class="w-full sm:w-[45%] h-[40%] sm:h-[90%] pb-0 sm:pb-4 overflow-hidden"><div class="relative size-full z-10"><div class="z-10 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 border border-gray-200 p-1 rounded-lg bg-gray-50 overflow-clip"><div class="relative z-20 inline-flex items-center gap-1 text-xs font-medium text-gray-700 bg-white/90 backdrop-blur-md rounded-md border border-gray-300 px-2 py-1 select-none"><span class="mt-[1px] whitespace-nowrap">New lead</span></div><div class="absolute z-10 inset-0 filter blur-md opacity-40" style="transform:translateY(100%);background-image:linear-gradient(to right, transparent, #266df0)"></div></div><div class="z-[1] absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full w-auto sm:h-auto sm:w-full"><div class="sm:w-full sm:h-[1px] w-[1px] h-full bg-gray-200 relative overflow-clip mx-auto"><div class="absolute inset-0 hidden sm:block" style="transform:translateY(100%);background-image:linear-gradient(to right, transparent, #266df0)"></div></div></div></div></div><div class="w-full sm:w-[35%] h-[40%] sm:h-[90%] sm:pb-4 relative overflow-hidden"><div class="relative w-full h-full"><div class="size-full relative z-10"><div class="absolute left-1/4 top-0 sm:right-0 sm:left-auto sm:top-1/4 transform -translate-x-[calc(50px/2)] sm:-translate-y-[calc(60px/2)] sm:translate-x-0 grid place-items-center sm:w-[72px] w-[50px] h-[50px] sm:h-[60px] rounded-2xl bg-white/90 backdrop-blur-[12px] border shadow-sm"><div class="w-6 h-6 sm:w-8 sm:h-8 relative grid place-items-center"><img src="/img/integrations/logos/hubspot.svg" alt="Hubspot logo" class="object-contain mx-auto"/></div></div><div class="absolute right-1/4 top-0 sm:right-0 sm:left-auto sm:top-auto sm:bottom-1/4 transform translate-x-[calc(50px/2)] sm:translate-x-0 sm:translate-y-[calc(60px/2)] grid place-items-center w-[50px] h-[50px] lg:w-[72px] lg:h-[60px] rounded-2xl bg-white/90 backdrop-blur-[12px] border shadow-sm"><div class="w-7 h-7 md:w-8 md:h-8 relative grid place-items-center"><img src="/img/integrations/logos/segment.png" alt="Segment logo" class="object-contain mx-auto"/></div></div></div><div class="absolute left-1/2 top-0 sm:left-0 sm:top-1/2 -translate-y-0 -translate-x-1/2 sm:translate-x-0 sm:-translate-y-1/2 h-full w-1/2 sm:w-full sm:h-1/2 mx-auto flex flex-row sm:flex-col"><div class="flex-1 w-full border-l border-b border-gray-200 rounded-bl-2xl sm:border-t sm:border-b-0 sm:rounded-tl-2xl sm:rounded-bl-none mask-border"><div class="aspect-square hidden sm:block w-[500px] h-auto left-[-65%] top-[-100%] transform absolute" style="background-image:conic-gradient(from 180deg at 50% 50%, #266df0 0%, transparent 5%);will-change:transform"></div></div><div class="flex-1 w-full border-r border-l-0 sm:border-l sm:border-r-0 border-b border-gray-200 rounded-br-2xl sm:rounded-bl-2xl sm:rounded-br-none z-[2] mask-border"><div class="aspect-square hidden sm:block w-[500px] h-auto left-[-65%] bottom-[-100%] transform absolute" style="background-image:conic-gradient(from 0deg at 50% 50%, transparent 95%, #266df0 100%);will-change:transform"></div></div></div></div></div></div></div><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -left-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -left-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] flex flex-col justify-between !p-0" style="--grid-row:2;--grid-row-sm:2;--grid-row-md:2;--grid-row-lg:1;--grid-col:1/-1;--grid-col-sm:1/-1;--grid-col-md:1/-1;--grid-col-lg:7/11"><div class="lg:p-10 p-8 flex flex-col gap-y-4"><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-5 text-[14px] gap-1 px-2 rounded-md bg-orange-50 border-orange-200 text-orange-800 [box-shadow:0px_-1px_1px_0px_hsla(15,75%,28%,0.14)_inset,0px_1px_2px_0px_hsla(33,100%,96%,0.5)_inset]"><span class="flex items-center truncate">Sales + Presales</span></div><div class="flex flex-col gap-y-2"><h3 class="text-2xl text-balance text-gray-900 max-w-[440px]">Personalize sales rep outreach with intent alerts</h3><p class="text-sm text-balance text-gray-600 max-w-[400px]">Alert reps on highly engaged demo visitors and see what products or use cases they explored</p></div><button class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none bg-white h-7 rounded-lg text-sm gap-x-1.5 px-2.5 border-gray-300 shadow-button-elevated text-gray-700 hover:bg-gray-50 hover:text-gray-900 dark:bg-white/10 dark:border-gray-600 dark:text-white active:text-gray-900 data-[active=true]:text-gray-900 active:shadow-button-shallow-inset-indented data-[active=true]:shadow-button-shallow-inset-indented focus-visible:shadow-gray-focus focus-visible:text-gray-900" type="button" data-headlessui-state=""><svg class="inline shrink-0 self-center size-3.5"><use href="/icons/sprite.svg#square-mouse-pointer"></use></svg>Try a demo for sales</button></div><div class="size-full w-[90%] sm:w-full mx-auto relative flex flex-col items-center justify-start p-10 pb-0"><div class="z-10 flex items-center justify-center gap-1 relative py-1 pl-2 pr-3 rounded-2xl bg-white shadow-[0_4px_8px_-2px_#24245608,0_2px_3px_#24245608,0_.75px_.75px_#18326b0a,0_0_0_1px_#17326b0a] mb-4 select-none"><svg class="inline shrink-0 self-center size-5"><use href="/icons/sprite.svg#slack-color"></use></svg><span class="text-sm transform translate-y-[1px] text-gray-700">Slack alerts</span></div><div class="h-[150px] z-10 relative w-full"><div class="w-[300px] sm:w-[320px] lg:w-[380px] absolute left-1/2 top-0 flex items-start gap-4 sm:gap-5 bg-white/90 py-3 sm:py-4 px-4 sm:px-5 rounded-xl backdrop-blur-xl shadow-gray-200/5 border shadow-xl select-none" style="opacity:0;transform:translate(-50%, 0px) scale(0)"><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0 border border-gray-200 rounded-md p-1" style="color:transparent" srcSet="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=32&q=75 1x, /_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75 2x" src="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75"/><div class="space-y-1.5 sm:space-y-2.5"><div class="flex items-center justify-start gap-2 text-sm"><span class="font-medium text-gray-800">Navattic</span><span class="text-gray-600 text-[9px] uppercase px-1 font-medium rounded bg-gray-100">App</span><span class="text-gray-400 text-[10px] sm:text-xs">12:25 PM</span></div><div class="flex items-center justify-between gap-2 h-10"><p class="text-xs sm:text-sm text-gray-800 tracking-normal text-pretty font-normal max-w-[80%]">Mary from Lattice viewed Website Demo for 1 min</p><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0" style="color:transparent" srcSet="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Flattice.jpeg&w=32&q=100 1x, /_next/image?url=%2Fimg%2Flogos%2Fglyph%2Flattice.jpeg&w=64&q=100 2x" src="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Flattice.jpeg&w=64&q=100"/></div></div></div><div class="w-[300px] sm:w-[320px] lg:w-[380px] absolute left-1/2 top-0 flex items-start gap-4 sm:gap-5 bg-white/90 py-3 sm:py-4 px-4 sm:px-5 rounded-xl backdrop-blur-xl shadow-gray-200/5 border shadow-xl select-none" style="opacity:0;transform:translate(-50%, 0px) scale(0)"><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0 border border-gray-200 rounded-md p-1" style="color:transparent" srcSet="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=32&q=75 1x, /_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75 2x" src="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75"/><div class="space-y-1.5 sm:space-y-2.5"><div class="flex items-center justify-start gap-2 text-sm"><span class="font-medium text-gray-800">Navattic</span><span class="text-gray-600 text-[9px] uppercase px-1 font-medium rounded bg-gray-100">App</span><span class="text-gray-400 text-[10px] sm:text-xs">12:26 PM</span></div><div class="flex items-center justify-between gap-2 h-10"><p class="text-xs sm:text-sm text-gray-800 tracking-normal text-pretty font-normal max-w-[80%]">Ken from Coupa viewed Overview Demo for 3m</p><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0" style="color:transparent" srcSet="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fcoupa.jpeg&w=32&q=100 1x, /_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fcoupa.jpeg&w=64&q=100 2x" src="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fcoupa.jpeg&w=64&q=100"/></div></div></div><div class="w-[300px] sm:w-[320px] lg:w-[380px] absolute left-1/2 top-0 flex items-start gap-4 sm:gap-5 bg-white/90 py-3 sm:py-4 px-4 sm:px-5 rounded-xl backdrop-blur-xl shadow-gray-200/5 border shadow-xl select-none" style="opacity:0;transform:translate(-50%, 0px) scale(0)"><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0 border border-gray-200 rounded-md p-1" style="color:transparent" srcSet="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=32&q=75 1x, /_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75 2x" src="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75"/><div class="space-y-1.5 sm:space-y-2.5"><div class="flex items-center justify-start gap-2 text-sm"><span class="font-medium text-gray-800">Navattic</span><span class="text-gray-600 text-[9px] uppercase px-1 font-medium rounded bg-gray-100">App</span><span class="text-gray-400 text-[10px] sm:text-xs">12:27 PM</span></div><div class="flex items-center justify-between gap-2 h-10"><p class="text-xs sm:text-sm text-gray-800 tracking-normal text-pretty font-normal max-w-[80%]">Meghan from Mixpanel viewed Sales Leave behind for 5.4m</p><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0" style="color:transparent" srcSet="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fmixpanel.jpeg&w=32&q=100 1x, /_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fmixpanel.jpeg&w=64&q=100 2x" src="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fmixpanel.jpeg&w=64&q=100"/></div></div></div><div class="w-[300px] sm:w-[320px] lg:w-[380px] absolute left-1/2 top-0 flex items-start gap-4 sm:gap-5 bg-white/90 py-3 sm:py-4 px-4 sm:px-5 rounded-xl backdrop-blur-xl shadow-gray-200/5 border shadow-xl select-none" style="opacity:0;transform:translate(-50%, 0px) scale(0)"><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0 border border-gray-200 rounded-md p-1" style="color:transparent" srcSet="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=32&q=75 1x, /_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75 2x" src="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75"/><div class="space-y-1.5 sm:space-y-2.5"><div class="flex items-center justify-start gap-2 text-sm"><span class="font-medium text-gray-800">Navattic</span><span class="text-gray-600 text-[9px] uppercase px-1 font-medium rounded bg-gray-100">App</span><span class="text-gray-400 text-[10px] sm:text-xs">12:31 PM</span></div><div class="flex items-center justify-between gap-2 h-10"><p class="text-xs sm:text-sm text-gray-800 tracking-normal text-pretty font-normal max-w-[80%]">Zack from Gusto viewed Website Demo for 4.6m</p><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0" style="color:transparent" srcSet="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fgusto.png&w=32&q=100 1x, /_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fgusto.png&w=64&q=100 2x" src="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fgusto.png&w=64&q=100"/></div></div></div><div class="w-[300px] sm:w-[320px] lg:w-[380px] absolute left-1/2 top-0 flex items-start gap-4 sm:gap-5 bg-white/90 py-3 sm:py-4 px-4 sm:px-5 rounded-xl backdrop-blur-xl shadow-gray-200/5 border shadow-xl select-none" style="opacity:0;transform:translate(-50%, 0px) scale(0)"><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0 border border-gray-200 rounded-md p-1" style="color:transparent" srcSet="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=32&q=75 1x, /_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75 2x" src="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75"/><div class="space-y-1.5 sm:space-y-2.5"><div class="flex items-center justify-start gap-2 text-sm"><span class="font-medium text-gray-800">Navattic</span><span class="text-gray-600 text-[9px] uppercase px-1 font-medium rounded bg-gray-100">App</span><span class="text-gray-400 text-[10px] sm:text-xs">12:25 PM</span></div><div class="flex items-center justify-between gap-2 h-10"><p class="text-xs sm:text-sm text-gray-800 tracking-normal text-pretty font-normal max-w-[80%]">Mary from Lattice viewed Website Demo for 1 min</p><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0" style="color:transparent" srcSet="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Flattice.jpeg&w=32&q=100 1x, /_next/image?url=%2Fimg%2Flogos%2Fglyph%2Flattice.jpeg&w=64&q=100 2x" src="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Flattice.jpeg&w=64&q=100"/></div></div></div><div class="w-[300px] sm:w-[320px] lg:w-[380px] absolute left-1/2 top-0 flex items-start gap-4 sm:gap-5 bg-white/90 py-3 sm:py-4 px-4 sm:px-5 rounded-xl backdrop-blur-xl shadow-gray-200/5 border shadow-xl select-none" style="opacity:0;transform:translate(-50%, 0px) scale(0)"><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0 border border-gray-200 rounded-md p-1" style="color:transparent" srcSet="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=32&q=75 1x, /_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75 2x" src="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75"/><div class="space-y-1.5 sm:space-y-2.5"><div class="flex items-center justify-start gap-2 text-sm"><span class="font-medium text-gray-800">Navattic</span><span class="text-gray-600 text-[9px] uppercase px-1 font-medium rounded bg-gray-100">App</span><span class="text-gray-400 text-[10px] sm:text-xs">12:26 PM</span></div><div class="flex items-center justify-between gap-2 h-10"><p class="text-xs sm:text-sm text-gray-800 tracking-normal text-pretty font-normal max-w-[80%]">Ken from Coupa viewed Overview Demo for 3m</p><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0" style="color:transparent" srcSet="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fcoupa.jpeg&w=32&q=100 1x, /_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fcoupa.jpeg&w=64&q=100 2x" src="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fcoupa.jpeg&w=64&q=100"/></div></div></div><div class="w-[300px] sm:w-[320px] lg:w-[380px] absolute left-1/2 top-0 flex items-start gap-4 sm:gap-5 bg-white/90 py-3 sm:py-4 px-4 sm:px-5 rounded-xl backdrop-blur-xl shadow-gray-200/5 border shadow-xl select-none" style="opacity:0;transform:translate(-50%, 0px) scale(0)"><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0 border border-gray-200 rounded-md p-1" style="color:transparent" srcSet="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=32&q=75 1x, /_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75 2x" src="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75"/><div class="space-y-1.5 sm:space-y-2.5"><div class="flex items-center justify-start gap-2 text-sm"><span class="font-medium text-gray-800">Navattic</span><span class="text-gray-600 text-[9px] uppercase px-1 font-medium rounded bg-gray-100">App</span><span class="text-gray-400 text-[10px] sm:text-xs">12:27 PM</span></div><div class="flex items-center justify-between gap-2 h-10"><p class="text-xs sm:text-sm text-gray-800 tracking-normal text-pretty font-normal max-w-[80%]">Meghan from Mixpanel viewed Sales Leave behind for 5.4m</p><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0" style="color:transparent" srcSet="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fmixpanel.jpeg&w=32&q=100 1x, /_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fmixpanel.jpeg&w=64&q=100 2x" src="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fmixpanel.jpeg&w=64&q=100"/></div></div></div><div class="w-[300px] sm:w-[320px] lg:w-[380px] absolute left-1/2 top-0 flex items-start gap-4 sm:gap-5 bg-white/90 py-3 sm:py-4 px-4 sm:px-5 rounded-xl backdrop-blur-xl shadow-gray-200/5 border shadow-xl select-none" style="opacity:0;transform:translate(-50%, 0px) scale(0)"><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0 border border-gray-200 rounded-md p-1" style="color:transparent" srcSet="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=32&q=75 1x, /_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75 2x" src="/_next/image?url=%2Ffavicon%2Ffavicon-32x32.png&w=64&q=75"/><div class="space-y-1.5 sm:space-y-2.5"><div class="flex items-center justify-start gap-2 text-sm"><span class="font-medium text-gray-800">Navattic</span><span class="text-gray-600 text-[9px] uppercase px-1 font-medium rounded bg-gray-100">App</span><span class="text-gray-400 text-[10px] sm:text-xs">12:31 PM</span></div><div class="flex items-center justify-between gap-2 h-10"><p class="text-xs sm:text-sm text-gray-800 tracking-normal text-pretty font-normal max-w-[80%]">Zack from Gusto viewed Website Demo for 4.6m</p><img alt="Company logo" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="shrink-0" style="color:transparent" srcSet="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fgusto.png&w=32&q=100 1x, /_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fgusto.png&w=64&q=100 2x" src="/_next/image?url=%2Fimg%2Flogos%2Fglyph%2Fgusto.png&w=64&q=100"/></div></div></div></div></div><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg></div><div class="bg-gray-50 group/item p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-0 flex lg:flex-row flex-col justify-between relative h-[500px] lg:h-[400px]" style="--grid-row:3;--grid-row-sm:3;--grid-row-md:3;--grid-row-lg:2;--grid-col:1/-1;--grid-col-sm:1/-1;--grid-col-md:1/-1;--grid-col-lg:1/-1"><div class="overflow-hidden absolute inset-0 "><div class="pb-10 lg:pb-20"><div class="lg:p-10 p-8 flex flex-col gap-y-4"><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-5 text-[14px] gap-1 px-2 rounded-md bg-blue-50 border-blue-200 text-blue-800 [box-shadow:0px_-1px_1px_0px_hsla(226,88%,22%,0.14)_inset,0px_1px_2px_0px_hsla(204,100%,98%,0.5)_inset]"><span class="flex items-center truncate">Marketing</span></div><div class="flex flex-col gap-y-2"><h3 class="text-2xl text-balance text-gray-900 max-w-[440px]">Target accounts most engaged with your product</h3><p class="text-sm text-balance text-gray-600 max-w-[400px]">Identify prospects or customers going through new feature or upsell demos</p></div><button class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none bg-white h-7 rounded-lg text-sm gap-x-1.5 px-2.5 border-gray-300 shadow-button-elevated text-gray-700 hover:bg-gray-50 hover:text-gray-900 dark:bg-white/10 dark:border-gray-600 dark:text-white active:text-gray-900 data-[active=true]:text-gray-900 active:shadow-button-shallow-inset-indented data-[active=true]:shadow-button-shallow-inset-indented focus-visible:shadow-gray-focus focus-visible:text-gray-900" type="button" data-headlessui-state=""><svg class="inline shrink-0 self-center size-3.5"><use href="/icons/sprite.svg#square-mouse-pointer"></use></svg>Try a demo for marketing</button></div></div><div class="lg:absolute h-[200px] sm:h-72 lg:-right-[80px] xl:-right-[10px] -bottom-[11px] flex-1 ml-4 lg:ml-0 lg:mt-20 flex justify-end"><img alt="Marketing" width="613" height="288" decoding="async" data-nimg="1" class="shadow-sm rounded-xl object-cover object-left" style="color:transparent" srcSet="/_next/image?url=%2Fimg%2Fscreenshots%2Fpersona-marketing-table.png&w=640&q=75 1x, /_next/image?url=%2Fimg%2Fscreenshots%2Fpersona-marketing-table.png&w=1920&q=75 2x" src="/_next/image?url=%2Fimg%2Fscreenshots%2Fpersona-marketing-table.png&w=1920&q=75"/><div class="absolute right-0 h-full w-[100px] sm:w-[200px]" style="background:linear-gradient(to right, rgba(249, 250, 251, 0), rgba(249, 250, 251, 0.9))"></div><div class="absolute bottom-0 w-full h-[60px] sm:h-[100px]" style="background:linear-gradient(to top, rgba(249, 250, 251, 0.9), rgba(249, 250, 251, 0))"></div></div></div><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[40px] -left-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[80px] -left-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg></div><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -top-2 -right-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -top-2 -left-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -bottom-2 -left-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -bottom-2 -right-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg></div></section><div class="mx-auto bg-[radial-gradient(circle_at_center,#273147_0%,#0F141F_70%)] rounded-xl md:rounded-3xl p-10 pt-8 md:p-14"><div class="mx-auto flex flex-col items-center gap-y-6 text-white text-balance max-w-lg text-center"><svg height="30px" viewBox="0 0 221 41" fill="currentColor" class="h-4 md:h-5"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="currentColor" fill-rule="nonzero"><path d="M68.384 11.293l.148 1.971.03.77.019 1.055h.148c.296-.617.698-1.193 1.207-1.728a8.72 8.72 0 0 1 1.749-1.412A8.67 8.67 0 0 1 73.853 11a8.85 8.85 0 0 1 2.463-.341c1.511 0 2.808.252 3.892.755s1.987 1.176 2.709 2.02 1.256 1.834 1.601 2.969.517 2.353.517 3.651v14.312h-4.631V21.565a15.51 15.51 0 0 0-.222-2.677c-.148-.844-.419-1.59-.813-2.239s-.936-1.168-1.626-1.558-1.576-.584-2.66-.584c-1.839 0-3.342.69-4.508 2.069s-1.749 3.221-1.749 5.525v12.267h-4.631V16.259l-.049-2.385-.148-2.58h4.384zm37.045 8.129c0-1.72-.525-2.994-1.576-3.821s-2.447-1.241-4.187-1.241c-1.314 0-2.553.252-3.719.755s-2.143 1.144-2.931 1.923l-2.463-2.921c1.149-1.071 2.553-1.915 4.212-2.531s3.44-.925 5.345-.925c1.675 0 3.128.235 4.36.706s2.241 1.111 3.03 1.923a7.86 7.86 0 0 1 1.773 2.872c.394 1.103.591 2.288.591 3.554v10.076l.074 2.458c.049.86.14 1.566.271 2.118h-4.187a14.23 14.23 0 0 1-.394-3.31h-.148a8.93 8.93 0 0 1-3.227 2.872c-1.297.682-2.833 1.022-4.606 1.022-.92 0-1.88-.122-2.882-.365s-1.913-.641-2.734-1.193-1.503-1.282-2.044-2.191-.813-2.028-.813-3.359c0-1.752.476-3.14 1.429-4.162s2.2-1.801 3.744-2.337 3.284-.884 5.222-1.047l5.862-.243v-.633zm-1.133 3.943l-3.572.146c-1.232.097-2.348.292-3.35.584s-1.831.73-2.488 1.314-.985 1.363-.985 2.337c0 .682.14 1.249.419 1.704s.649.828 1.108 1.12a4.49 4.49 0 0 0 1.527.608c.558.114 1.133.17 1.724.17 2.168 0 3.834-.641 5-1.923s1.749-2.896 1.749-4.844v-1.217h-1.133zm22.316 11.001h-5.025l-9.508-23.074h5.123l6.848 18.157h.099l6.897-18.157h4.926l-9.36 23.074zm26.405-14.944c0-1.72-.525-2.994-1.576-3.821s-2.447-1.241-4.187-1.241c-1.314 0-2.553.252-3.719.755s-2.143 1.144-2.931 1.923l-2.463-2.921c1.149-1.071 2.553-1.915 4.212-2.531s3.44-.925 5.345-.925c1.675 0 3.128.235 4.36.706s2.241 1.111 3.03 1.923a7.86 7.86 0 0 1 1.773 2.872c.394 1.103.591 2.288.591 3.554v10.076l.074 2.458c.049.86.14 1.566.271 2.118h-4.187a14.23 14.23 0 0 1-.394-3.31h-.148a8.93 8.93 0 0 1-3.227 2.872c-1.297.682-2.833 1.022-4.606 1.022-.92 0-1.88-.122-2.882-.365s-1.913-.641-2.734-1.193-1.503-1.282-2.044-2.191-.813-2.028-.813-3.359c0-1.752.476-3.14 1.429-4.162s2.2-1.801 3.744-2.337 3.284-.884 5.222-1.047l5.862-.243v-.633zm-1.133 3.943l-3.572.146c-1.232.097-2.348.292-3.35.584s-1.831.73-2.488 1.314-.985 1.363-.985 2.337c0 .682.14 1.249.419 1.704s.649.828 1.108 1.12a4.49 4.49 0 0 0 1.527.608c.558.114 1.133.17 1.724.17 2.168 0 3.834-.641 5-1.923s1.749-2.896 1.749-4.844v-1.217h-1.133zm22.267-8.324h-6.207v12.024c0 1.395.263 2.393.788 2.994s1.363.901 2.512.901c.427 0 .887-.049 1.379-.146a5.32 5.32 0 0 0 1.33-.438l.148 3.748a11.25 11.25 0 0 1-1.847.462 12.57 12.57 0 0 1-2.094.17c-2.2 0-3.884-.6-5.049-1.801s-1.749-3.002-1.749-5.403v-12.51h-4.483v-3.748h4.483v-6.62h4.581v6.62h6.207v3.748zm13.498 0h-6.207v12.024c0 1.395.263 2.393.788 2.994s1.363.901 2.512.901c.427 0 .887-.049 1.379-.146a5.32 5.32 0 0 0 1.33-.438l.148 3.748a11.25 11.25 0 0 1-1.847.462 12.57 12.57 0 0 1-2.094.17c-2.2 0-3.884-.6-5.049-1.801s-1.749-3.002-1.749-5.403v-12.51h-4.483v-3.748h4.483v-6.62h4.581v6.62h6.207v3.748zm7.488 19.325h-4.631V11.293h4.631v23.074zm.788-31.398c0 .844-.304 1.541-.911 2.093s-1.338.828-2.192.828-1.576-.284-2.168-.852a2.76 2.76 0 0 1-.887-2.069c0-.844.296-1.55.887-2.118s1.314-.85 2.168-.85 1.585.284 2.192.852a2.78 2.78 0 0 1 .911 2.118zm21.676 14.166c-.493-.746-1.232-1.371-2.217-1.874s-2.036-.755-3.153-.755c-1.215 0-2.291.227-3.227.682s-1.732 1.063-2.389 1.825-1.158 1.647-1.503 2.653a9.69 9.69 0 0 0-.517 3.164 9.69 9.69 0 0 0 .517 3.164c.345 1.006.846 1.89 1.503 2.653s1.461 1.371 2.414 1.825 2.036.682 3.251.682c1.182 0 2.258-.227 3.227-.682s1.765-1.071 2.389-1.85L221 31.398c-.985 1.136-2.217 2.02-3.695 2.653s-3.153.949-5.025.949c-1.806 0-3.473-.292-5-.876s-2.849-1.404-3.966-2.458-1.995-2.328-2.636-3.821-.961-3.164-.961-5.014c0-1.817.312-3.472.936-4.965s1.494-2.775 2.611-3.846 2.438-1.898 3.966-2.483 3.177-.876 4.951-.876c1.642 0 3.276.325 4.902.974s2.915 1.59 3.867 2.823l-3.35 2.677zM14.614 33.38l-.944 1.548a11 11 0 0 1-10.137 5.247l-1.255-.089-2.166-.235c-.078-.111.395-2.16 1.42-6.147 5.227-2.321 9.588-2.43 13.081-.325zm23.478-9.783l-1.842 7.858c.002.062-.031.12-.085.15-10.419 5.766-23.317-6.584-33.741-.992-.111.06-.213.039-.217-.088l1.797-7.296c-.002-.063.031-.12.085-.15 10.419-5.766 23.696 6.777 33.632.367.097-.063.368.024.371.152zm2.454-10.624l-1.842 7.858c.002.062-.031.12-.085.15-10.419 5.766-23.317-6.584-33.741-.992-.111.06-.213.039-.217-.088l1.797-7.296c-.002-.063.031-.12.085-.15 10.419-5.766 23.696 6.777 33.632.367.097-.063.368.024.371.152zm2.035-9.923c.087.104-.483 2.276-1.711 6.518-4.952 2.735-9.26 3.207-12.924 1.415l1.019-1.906a11 11 0 0 1 8.879-5.782l2.665-.186c1.344-.084 2.035-.104 2.072-.059z"></path></g></g></svg><h2 class="text-2xl">2025 State of the Interactive Product Demo</h2><a class="text-gray-900" data-headlessui-state="" href="/report/state-of-the-interactive-product-demo-2025"><button class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none bg-white h-8 rounded-lg text-sm gap-x-1.5 px-3 border-gray-300 shadow-button-elevated text-gray-700 hover:bg-gray-50 hover:text-gray-900 dark:bg-white/10 dark:border-gray-600 dark:text-white active:text-gray-900 data-[active=true]:text-gray-900 active:shadow-button-shallow-inset-indented data-[active=true]:shadow-button-shallow-inset-indented focus-visible:shadow-gray-focus focus-visible:text-gray-900" type="button" data-headlessui-state=""><svg class="inline shrink-0 self-center size-4"><use href="/icons/sprite.svg#book-open"></use></svg>Read the report</button></a></div><div class="hidden lg:flex justify-between pt-20 pb-10"><div class="px-4 flex flex-col items-center gap-y-3 text-center relative after:absolute after:right-0 after:top-0 after:h-full after:w-[1px] after:bg-[linear-gradient(180deg,transparent_0%,#E5E7EB_50%,transparent_100%)] after:mix-blend-soft-light"><div class="flex flex-col xl:flex-row items-start gap-2"><svg class="inline self-center size-5 text-white shrink-0"><use href="/icons/sprite.svg#zap"></use></svg><p class="text-base md:text-[18px] text-white flex-grow text-balance">84.4% engagement rate</p></div><div class="text-base text-gray-400 text-balance">Our top 1% of demos saw a 37.7% increase in engagement compared to last year.</div></div><div class="px-4 flex flex-col items-center gap-y-3 text-center relative after:absolute after:right-0 after:top-0 after:h-full after:w-[1px] after:bg-[linear-gradient(180deg,transparent_0%,#E5E7EB_50%,transparent_100%)] after:mix-blend-soft-light"><div class="flex flex-col xl:flex-row items-start gap-2"><svg class="inline self-center size-5 text-white shrink-0"><use href="/icons/sprite.svg#mouse-pointer-click"></use></svg><p class="text-base md:text-[18px] text-white flex-grow text-balance">5+ use cases</p></div><div class="text-base text-gray-400 text-balance">On average, customers reported using interactive demos for five different use cases.</div></div><div class="px-4 flex flex-col items-center gap-y-3 text-center relative"><div class="flex flex-col xl:flex-row items-start gap-2"><svg class="inline self-center size-5 text-white shrink-0"><use href="/icons/sprite.svg#arrow-up"></use></svg><p class="text-base md:text-[18px] text-white flex-grow text-balance">20-25% increase in conversion rates</p></div><div class="text-base text-gray-400 text-balance">Customers attributed demo leads to a 20-25% increase in website conversion rates.</div></div></div></div><section class="flex flex-col gap-10 mx-auto max-w-2xl lg:max-w-[85rem]"><div class="gap-px border bg-gray-200/80 relative grid h-full border-gray-200/80 grid-rows-[repeat(var(--grid-rows),minmax(0,1fr))] sm:grid-rows-[repeat(var(--grid-rows-sm),minmax(0,1fr))] md:grid-rows-[repeat(var(--grid-rows-md),minmax(0,1fr))] lg:grid-rows-[repeat(var(--grid-rows-lg),minmax(0,1fr))] grid-cols-[repeat(var(--grid-cols),minmax(0,1fr))] sm:grid-cols-[repeat(var(--grid-cols-sm),minmax(0,1fr))] md:grid-cols-[repeat(var(--grid-cols-md),minmax(0,1fr))] lg:grid-cols-[repeat(var(--grid-cols-lg),minmax(0,1fr))]" style="--grid-rows:1;--grid-rows-sm:1;--grid-rows-md:1;--grid-rows-lg:1;--grid-cols:1;--grid-cols-sm:1;--grid-cols-md:1;--grid-cols-lg:1"><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-0" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="overflow-hidden"><div class="flex flex-col lg:flex-row"><div class="flex flex-col sm:gap-2 px-8 pt-8 pb-4 sm:py-0 lg:px-14 lg:py-14 items-center lg:items-start lg:max-w-[50%] justify-start"><div class="flex flex-col sm:pt-6 gap-4 items-start"><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-5 text-[14px] gap-1 px-2 rounded-md bg-blue-50 border-blue-200 text-blue-800 [box-shadow:0px_-1px_1px_0px_hsla(226,88%,22%,0.14)_inset,0px_1px_2px_0px_hsla(204,100%,98%,0.5)_inset]"><span class="flex items-center truncate">Product Demos</span></div><div class="flex flex-col gap-y-2"><h2 class="text-2xl text-balance font-medium text-gray-900 text-left">Put your product at the center of your go-to-market</h2><h5 class="text-base text-balance font-normal text-gray-500 lg:max-w-[85%] text-left">Build interactive demos with ease to delight buyers in every one of your channels.</h5></div></div><div class="mt-4 self-start"><a class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none bg-white h-8 rounded-lg text-sm gap-x-1.5 px-3 border-gray-300 shadow-button-elevated text-gray-700 hover:bg-gray-50 hover:text-gray-900 dark:bg-white/10 dark:border-gray-600 dark:text-white active:text-gray-900 data-[active=true]:text-gray-900 active:shadow-button-shallow-inset-indented data-[active=true]:shadow-button-shallow-inset-indented focus-visible:shadow-gray-focus focus-visible:text-gray-900" data-headlessui-state="" href="/product/product-demos">Explore Product Demos <svg class="inline shrink-0 self-center size-4"><use href="/icons/sprite.svg#arrow-right"></use></svg></a></div></div><div class="w-full flex-1"><div class="w-full overflow-hidden relative flex items-center justify-center min-h-80 h-full"><div class="py-10 w-full"><div class="mx-auto max-w-4xl"><div class="grid grid-cols-[1fr] md:grid-cols-[240px_1fr] lg:grid-cols-[1fr] xl:grid-cols-[240px_1fr] gap-5 items-center"><div class="overflow-hidden flex flex-col items-end justify-center h-[300px] relative cursor-grab active:cursor-grabbing"><div class="flex flex-col"><div class="flex-[0_0_25%] min-h-0"><div data-tween-tag="true" class="-my-0.5 p-2 pr-8 flex items-center gap-2.5 rounded-xl bg-white/90 select-none [backface-visibility:hidden] border border-gray-200/70 will-change-[transform,scale,opacity,filter] cursor-pointer"><div class="inline-flex items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-6 text-[16px] gap-1.5 px-2.5 rounded-lg bg-red-50 border-red-200 text-red-800 [box-shadow:0px_-1px_1px_0px_hsla(0,63%,31%,0.14)_inset,0px_1px_2px_0px_hsla(0,86%,97%,0.5)_inset] w-6 justify-center"><svg class="inline shrink-0 self-center size-4 w-3.5 h-3.5"><use href="/icons/sprite.svg#eye"></use></svg></div><span class="text-sm text-gray-700">High level overview</span></div></div><div class="flex-[0_0_25%] min-h-0"><div data-tween-tag="true" class="-my-0.5 p-2 pr-8 flex items-center gap-2.5 rounded-xl bg-white/90 select-none [backface-visibility:hidden] border border-gray-200/70 will-change-[transform,scale,opacity,filter] cursor-pointer"><div class="inline-flex items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-6 text-[16px] gap-1.5 px-2.5 rounded-lg bg-orange-50 border-orange-200 text-orange-800 [box-shadow:0px_-1px_1px_0px_hsla(15,75%,28%,0.14)_inset,0px_1px_2px_0px_hsla(33,100%,96%,0.5)_inset] w-6 justify-center"><svg class="inline shrink-0 self-center size-4 w-3.5 h-3.5"><use href="/icons/sprite.svg#megaphone"></use></svg></div><span class="text-sm text-gray-700">Conference demo</span></div></div><div class="flex-[0_0_25%] min-h-0"><div data-tween-tag="true" class="-my-0.5 p-2 pr-8 flex items-center gap-2.5 rounded-xl bg-white/90 select-none [backface-visibility:hidden] border border-gray-200/70 will-change-[transform,scale,opacity,filter] cursor-pointer"><div class="inline-flex items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-6 text-[16px] gap-1.5 px-2.5 rounded-lg bg-purple-100 border-purple-200 text-purple-800 [box-shadow:0px_-1px_1px_0px_hsla(250,89%,14%,0.14)_inset,0px_1px_2px_0px_hsla(277,35%,93%,0.5)_inset] w-6 justify-center"><svg class="inline shrink-0 self-center size-4 w-3.5 h-3.5"><use href="/icons/sprite.svg#store"></use></svg></div><span class="text-sm text-gray-700">Marketing Overview</span></div></div><div class="flex-[0_0_25%] min-h-0"><div data-tween-tag="true" class="-my-0.5 p-2 pr-8 flex items-center gap-2.5 rounded-xl bg-white/90 select-none [backface-visibility:hidden] border border-gray-200/70 will-change-[transform,scale,opacity,filter] cursor-pointer"><div class="inline-flex items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-6 text-[16px] gap-1.5 px-2.5 rounded-lg bg-blue-50 border-blue-200 text-blue-800 [box-shadow:0px_-1px_1px_0px_hsla(226,88%,22%,0.14)_inset,0px_1px_2px_0px_hsla(204,100%,98%,0.5)_inset] w-6 justify-center"><svg class="inline shrink-0 self-center size-4 w-3.5 h-3.5"><use href="/icons/sprite.svg#route"></use></svg></div><span class="text-sm text-gray-700">Conditional demo</span></div></div><div class="flex-[0_0_25%] min-h-0"><div data-tween-tag="true" class="-my-0.5 p-2 pr-8 flex items-center gap-2.5 rounded-xl bg-white/90 select-none [backface-visibility:hidden] border border-gray-200/70 will-change-[transform,scale,opacity,filter] cursor-pointer"><div class="inline-flex items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-6 text-[16px] gap-1.5 px-2.5 rounded-lg bg-green-50 border-green-200 text-green-800 [box-shadow:_0px_-1px_1px_0px_hsla(148,88%,16%,0.14)_inset,0px_1px_2px_0px_hsla(166,57%,95%,0.5)_inset] w-6 justify-center"><svg class="inline shrink-0 self-center size-4 w-3.5 h-3.5"><use href="/icons/sprite.svg#chart-spline"></use></svg></div><span class="text-sm text-gray-700">Feature growth demo</span></div></div></div><div class="absolute inset-x-0 top-0 h-16 bg-gradient-to-b from-gray-50 to-transparent pointer-events-none"></div><div class="absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-gray-50 to-transparent pointer-events-none"></div></div><div class="overflow-hidden relative cursor-grab active:cursor-grabbing"><div class="flex flex-col touch-pan-x touch-pinch-zoom h-[calc(1rem+24rem)]"><div class="transform translate-3d-0 flex-[0_0_60%] lg:flex-[0_0_70%] xl:flex-[0_0_63%] 2xl:flex-[0_0_67%] min-h-0"><div data-tween-number="true" class="-my-1 rounded-xl p-1.5 aspect-[325/245] h-full w-auto mx-auto flex flex-col bg-white/90 items-center justify-between select-none [backface-visibility:hidden] [box-shadow:0px_12.9px_19.35px_-6.45px_rgba(36,49,83,0.03),0px_6.45px_12.9px_-3.225px_rgba(36,49,83,0.03),0px_3.225px_6.45px_-1.613px_rgba(36,49,83,0.03),0px_1.613px_2.419px_0px_rgba(36,49,83,0.03),0px_0.605px_0.605px_0px_rgba(55,55,80,0.04),0px_0px_0px_0.806px_rgba(55,55,80,0.04)] will-change-[transform,scale,opacity,filter] cursor-pointer"><img alt="High level overview" loading="lazy" width="315" height="145" decoding="async" data-nimg="1" class="w-full h-auto aspect-[315/145] rounded-lg" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Framp-demo.98ed26a6.png&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Framp-demo.98ed26a6.png&w=640&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Framp-demo.98ed26a6.png&w=640&q=75"/><div class="w-full flex-1 flex flex-col items-start justify-between p-2 pt-3"><div class="space-y-px"><div class="text-sm font-semibold text-gray-700">High level overview</div><div class="text-[12px] text-gray-500">Last published <!-- -->1 minute ago</div></div><div class="flex gap-1.5"><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-red-50 border-red-200 text-red-800 [box-shadow:0px_-1px_1px_0px_hsla(0,63%,31%,0.14)_inset,0px_1px_2px_0px_hsla(0,86%,97%,0.5)_inset]"><span class="flex items-center truncate">Website</span></div><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-gray-50 border-gray-200 text-gray-800 [box-shadow:0px_-1px_1px_0px_hsla(210,30%,4%,0.14)_inset,0px_1px_2px_0px_hsla(200,20%,97%,0.5)_inset]"><span class="flex items-center truncate">Overview</span></div></div></div></div></div><div class="transform translate-3d-0 flex-[0_0_60%] lg:flex-[0_0_70%] xl:flex-[0_0_63%] 2xl:flex-[0_0_67%] min-h-0"><div data-tween-number="true" class="-my-1 rounded-xl p-1.5 aspect-[325/245] h-full w-auto mx-auto flex flex-col bg-white/90 items-center justify-between select-none [backface-visibility:hidden] [box-shadow:0px_12.9px_19.35px_-6.45px_rgba(36,49,83,0.03),0px_6.45px_12.9px_-3.225px_rgba(36,49,83,0.03),0px_3.225px_6.45px_-1.613px_rgba(36,49,83,0.03),0px_1.613px_2.419px_0px_rgba(36,49,83,0.03),0px_0.605px_0.605px_0px_rgba(55,55,80,0.04),0px_0px_0px_0.806px_rgba(55,55,80,0.04)] will-change-[transform,scale,opacity,filter] cursor-pointer"><img alt="Conference demo" loading="lazy" width="315" height="145" decoding="async" data-nimg="1" class="w-full h-auto aspect-[315/145] rounded-lg" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsegment-demo.65cda066.png&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsegment-demo.65cda066.png&w=640&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsegment-demo.65cda066.png&w=640&q=75"/><div class="w-full flex-1 flex flex-col items-start justify-between p-2 pt-3"><div class="space-y-px"><div class="text-sm font-semibold text-gray-700">Conference demo</div><div class="text-[12px] text-gray-500">Last published <!-- -->24 days ago</div></div><div class="flex gap-1.5"><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-orange-50 border-orange-200 text-orange-800 [box-shadow:0px_-1px_1px_0px_hsla(15,75%,28%,0.14)_inset,0px_1px_2px_0px_hsla(33,100%,96%,0.5)_inset]"><span class="flex items-center truncate">Growth</span></div><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-gray-50 border-gray-200 text-gray-800 [box-shadow:0px_-1px_1px_0px_hsla(210,30%,4%,0.14)_inset,0px_1px_2px_0px_hsla(200,20%,97%,0.5)_inset]"><span class="flex items-center truncate">Offline</span></div></div></div></div></div><div class="transform translate-3d-0 flex-[0_0_60%] lg:flex-[0_0_70%] xl:flex-[0_0_63%] 2xl:flex-[0_0_67%] min-h-0"><div data-tween-number="true" class="-my-1 rounded-xl p-1.5 aspect-[325/245] h-full w-auto mx-auto flex flex-col bg-white/90 items-center justify-between select-none [backface-visibility:hidden] [box-shadow:0px_12.9px_19.35px_-6.45px_rgba(36,49,83,0.03),0px_6.45px_12.9px_-3.225px_rgba(36,49,83,0.03),0px_3.225px_6.45px_-1.613px_rgba(36,49,83,0.03),0px_1.613px_2.419px_0px_rgba(36,49,83,0.03),0px_0.605px_0.605px_0px_rgba(55,55,80,0.04),0px_0px_0px_0.806px_rgba(55,55,80,0.04)] will-change-[transform,scale,opacity,filter] cursor-pointer"><img alt="Marketing Overview" loading="lazy" width="315" height="145" decoding="async" data-nimg="1" class="w-full h-auto aspect-[315/145] rounded-lg" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcarta-demo.c06b058e.png&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcarta-demo.c06b058e.png&w=640&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcarta-demo.c06b058e.png&w=640&q=75"/><div class="w-full flex-1 flex flex-col items-start justify-between p-2 pt-3"><div class="space-y-px"><div class="text-sm font-semibold text-gray-700">Marketing Overview</div><div class="text-[12px] text-gray-500">Last published <!-- -->58 minutes ago</div></div><div class="flex gap-1.5"><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-purple-100 border-purple-200 text-purple-800 [box-shadow:0px_-1px_1px_0px_hsla(250,89%,14%,0.14)_inset,0px_1px_2px_0px_hsla(277,35%,93%,0.5)_inset]"><span class="flex items-center truncate">Marketing</span></div><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-gray-50 border-gray-200 text-gray-800 [box-shadow:0px_-1px_1px_0px_hsla(210,30%,4%,0.14)_inset,0px_1px_2px_0px_hsla(200,20%,97%,0.5)_inset]"><span class="flex items-center truncate">Overview</span></div></div></div></div></div><div class="transform translate-3d-0 flex-[0_0_60%] lg:flex-[0_0_70%] xl:flex-[0_0_63%] 2xl:flex-[0_0_67%] min-h-0"><div data-tween-number="true" class="-my-1 rounded-xl p-1.5 aspect-[325/245] h-full w-auto mx-auto flex flex-col bg-white/90 items-center justify-between select-none [backface-visibility:hidden] [box-shadow:0px_12.9px_19.35px_-6.45px_rgba(36,49,83,0.03),0px_6.45px_12.9px_-3.225px_rgba(36,49,83,0.03),0px_3.225px_6.45px_-1.613px_rgba(36,49,83,0.03),0px_1.613px_2.419px_0px_rgba(36,49,83,0.03),0px_0.605px_0.605px_0px_rgba(55,55,80,0.04),0px_0px_0px_0.806px_rgba(55,55,80,0.04)] will-change-[transform,scale,opacity,filter] cursor-pointer"><img alt="Conditional demo" loading="lazy" width="315" height="145" decoding="async" data-nimg="1" class="w-full h-auto aspect-[315/145] rounded-lg" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmixpanel-demo.a2b51984.png&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmixpanel-demo.a2b51984.png&w=640&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmixpanel-demo.a2b51984.png&w=640&q=75"/><div class="w-full flex-1 flex flex-col items-start justify-between p-2 pt-3"><div class="space-y-px"><div class="text-sm font-semibold text-gray-700">Conditional demo</div><div class="text-[12px] text-gray-500">Last published <!-- -->1 day ago</div></div><div class="flex gap-1.5"><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-blue-50 border-blue-200 text-blue-800 [box-shadow:0px_-1px_1px_0px_hsla(226,88%,22%,0.14)_inset,0px_1px_2px_0px_hsla(204,100%,98%,0.5)_inset]"><span class="flex items-center truncate">Docs</span></div><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-gray-50 border-gray-200 text-gray-800 [box-shadow:0px_-1px_1px_0px_hsla(210,30%,4%,0.14)_inset,0px_1px_2px_0px_hsla(200,20%,97%,0.5)_inset]"><span class="flex items-center truncate">Product</span></div></div></div></div></div><div class="transform translate-3d-0 flex-[0_0_60%] lg:flex-[0_0_70%] xl:flex-[0_0_63%] 2xl:flex-[0_0_67%] min-h-0"><div data-tween-number="true" class="-my-1 rounded-xl p-1.5 aspect-[325/245] h-full w-auto mx-auto flex flex-col bg-white/90 items-center justify-between select-none [backface-visibility:hidden] [box-shadow:0px_12.9px_19.35px_-6.45px_rgba(36,49,83,0.03),0px_6.45px_12.9px_-3.225px_rgba(36,49,83,0.03),0px_3.225px_6.45px_-1.613px_rgba(36,49,83,0.03),0px_1.613px_2.419px_0px_rgba(36,49,83,0.03),0px_0.605px_0.605px_0px_rgba(55,55,80,0.04),0px_0px_0px_0.806px_rgba(55,55,80,0.04)] will-change-[transform,scale,opacity,filter] cursor-pointer"><img alt="Feature growth demo" loading="lazy" width="315" height="145" decoding="async" data-nimg="1" class="w-full h-auto aspect-[315/145] rounded-lg" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvitally-demo.50205dbe.png&w=384&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvitally-demo.50205dbe.png&w=640&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvitally-demo.50205dbe.png&w=640&q=75"/><div class="w-full flex-1 flex flex-col items-start justify-between p-2 pt-3"><div class="space-y-px"><div class="text-sm font-semibold text-gray-700">Feature growth demo</div><div class="text-[12px] text-gray-500">Last published <!-- -->1 day ago</div></div><div class="flex gap-1.5"><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-green-50 border-green-200 text-green-800 [box-shadow:_0px_-1px_1px_0px_hsla(148,88%,16%,0.14)_inset,0px_1px_2px_0px_hsla(166,57%,95%,0.5)_inset]"><span class="flex items-center truncate">Growth</span></div><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-gray-50 border-gray-200 text-gray-800 [box-shadow:0px_-1px_1px_0px_hsla(210,30%,4%,0.14)_inset,0px_1px_2px_0px_hsla(200,20%,97%,0.5)_inset]"><span class="flex items-center truncate">Website</span></div></div></div></div></div></div><div class="absolute inset-x-0 top-0 h-16 bg-gradient-to-b from-gray-50 to-transparent pointer-events-none"></div><div class="absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-gray-50 to-transparent pointer-events-none"></div></div></div></div></div></div></div></div></div><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -top-2 -right-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -top-2 -left-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -bottom-2 -left-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -bottom-2 -right-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg></div><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -left-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -left-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[80px] -left-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[40px] -left-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg></div><div class="space-y-10"><div class="gap-px relative grid h-full border-gray-200/80 grid-rows-[repeat(var(--grid-rows),minmax(0,1fr))] sm:grid-rows-[repeat(var(--grid-rows-sm),minmax(0,1fr))] md:grid-rows-[repeat(var(--grid-rows-md),minmax(0,1fr))] lg:grid-rows-[repeat(var(--grid-rows-lg),minmax(0,1fr))] grid-cols-[repeat(var(--grid-cols),minmax(0,1fr))] sm:grid-cols-[repeat(var(--grid-cols-sm),minmax(0,1fr))] md:grid-cols-[repeat(var(--grid-cols-md),minmax(0,1fr))] lg:grid-cols-[repeat(var(--grid-cols-lg),minmax(0,1fr))]" style="--grid-rows:1;--grid-rows-sm:1;--grid-rows-md:1;--grid-rows-lg:1;--grid-cols:1;--grid-cols-sm:1;--grid-cols-md:2;--grid-cols-lg:4"><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-2 !pb-4 md:!p-4" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="flex flex-col items-center justify-center gap-4 m-2"><svg class="inline shrink-0 self-center w-14 h-9 text-brand-600"><use href="/icons/sprite.svg#conditional-demos-tritone"></use></svg><div class="flex flex-col gap-1"><h3 class="text-sm text-gray-900 font-medium text-center text-balance">Conditional demos</h3><div class="text-sm font-normal text-gray-500 text-center text-balance max-w-[90%] sm:max-w-none mx-auto">Route visitors based on their selection to a custom demo.</div></div></div></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-2 !pb-4 md:!p-4" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="flex flex-col items-center justify-center gap-4 m-2"><svg class="inline shrink-0 self-center w-14 h-9 text-brand-600"><use href="/icons/sprite.svg#personalized-demos-tritone"></use></svg><div class="flex flex-col gap-1"><h3 class="text-sm text-gray-900 font-medium text-center text-balance">Personalized demos</h3><div class="text-sm font-normal text-gray-500 text-center text-balance max-w-[90%] sm:max-w-none mx-auto">Use dynamic variables to personalize demos for each visitor.</div></div></div></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-2 !pb-4 md:!p-4" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="flex flex-col items-center justify-center gap-4 m-2"><svg class="inline shrink-0 self-center w-14 h-9 text-brand-600"><use href="/icons/sprite.svg#multilingual-demos-tritone"></use></svg><div class="flex flex-col gap-1"><h3 class="text-sm text-gray-900 font-medium text-center text-balance">Multilingual demos</h3><div class="text-sm font-normal text-gray-500 text-center text-balance max-w-[90%] sm:max-w-none mx-auto">Translate and share demos in any language around the world.</div></div></div></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-2 !pb-4 md:!p-4" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="flex flex-col items-center justify-center gap-4 m-2"><svg class="inline shrink-0 self-center w-14 h-9 text-brand-600"><use href="/icons/sprite.svg#offline-demos-tritone"></use></svg><div class="flex flex-col gap-1"><h3 class="text-sm text-gray-900 font-medium text-center text-balance">Offline demos</h3><div class="text-sm font-normal text-gray-500 text-center text-balance max-w-[90%] sm:max-w-none mx-auto">Download demos for use at conferences and tradeshows.</div></div></div></div></div></div></section><section class="flex flex-col gap-10 mx-auto max-w-2xl lg:max-w-[85rem]"><div class="gap-px border bg-gray-200/80 relative grid h-full border-gray-200/80 grid-rows-[repeat(var(--grid-rows),minmax(0,1fr))] sm:grid-rows-[repeat(var(--grid-rows-sm),minmax(0,1fr))] md:grid-rows-[repeat(var(--grid-rows-md),minmax(0,1fr))] lg:grid-rows-[repeat(var(--grid-rows-lg),minmax(0,1fr))] grid-cols-[repeat(var(--grid-cols),minmax(0,1fr))] sm:grid-cols-[repeat(var(--grid-cols-sm),minmax(0,1fr))] md:grid-cols-[repeat(var(--grid-cols-md),minmax(0,1fr))] lg:grid-cols-[repeat(var(--grid-cols-lg),minmax(0,1fr))]" style="--grid-rows:1;--grid-rows-sm:1;--grid-rows-md:1;--grid-rows-lg:1;--grid-cols:1;--grid-cols-sm:1;--grid-cols-md:1;--grid-cols-lg:1"><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-0" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="overflow-hidden"><div class="flex flex-col lg:flex-row"><div class="flex flex-col sm:gap-2 px-8 pt-8 pb-4 sm:py-0 lg:px-14 lg:py-14 items-center lg:items-start lg:max-w-[50%] justify-start"><div class="flex flex-col sm:pt-6 gap-4 items-start"><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-5 text-[14px] gap-1 px-2 rounded-md bg-blue-50 border-blue-200 text-blue-800 [box-shadow:0px_-1px_1px_0px_hsla(226,88%,22%,0.14)_inset,0px_1px_2px_0px_hsla(204,100%,98%,0.5)_inset]"><span class="flex items-center truncate">Playbooks</span></div><div class="flex flex-col gap-y-2"><h2 class="text-2xl text-balance font-medium text-gray-900 text-left">Act on accounts and leads that engage with your demo</h2><h5 class="text-base text-balance font-normal text-gray-500 lg:max-w-[85%] text-left">Reveal how buyers are interacting with your interactive demos throughout their entire journey.</h5></div></div><div class="mt-4 self-start"><a class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none bg-white h-8 rounded-lg text-sm gap-x-1.5 px-3 border-gray-300 shadow-button-elevated text-gray-700 hover:bg-gray-50 hover:text-gray-900 dark:bg-white/10 dark:border-gray-600 dark:text-white active:text-gray-900 data-[active=true]:text-gray-900 active:shadow-button-shallow-inset-indented data-[active=true]:shadow-button-shallow-inset-indented focus-visible:shadow-gray-focus focus-visible:text-gray-900" data-headlessui-state="" href="/product/playbooks">Explore Playbooks <svg class="inline shrink-0 self-center size-4"><use href="/icons/sprite.svg#arrow-right"></use></svg></a></div></div><div class="w-full flex-1"><div class="w-full overflow-hidden relative flex items-center justify-center min-h-80 h-full"><div class="w-full overflow-hidden py-12 lg:pr-4 lg:px-0 px-2"><div class="@container w-full mx-auto mt-14 lg:mt-0 flex-1 transform-gpu @lg:zoom-100 zoom-75 origin-center will-change-transform" style="-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden"><div class="p-2 max-w-[568px] mx-auto relative rounded-3xl border border-gray-200/50 bg-white/5 backdrop-blur"><div class="w-full max-w-[552px] h-[152px] relative"><div class="absolute inset-0 rounded-[16px] bg-white/60 backdrop-blur-sm border border-gray-100 shadow-[0px_32px_56px_-8px_rgba(36,49,83,0.03),0px_16px_24px_-8px_rgba(36,49,83,0.03),0px_8px_16px_-4px_rgba(36,49,83,0.03),0px_4px_8px_-2px_rgba(36,49,83,0.03),0px_2px_3px_0px_rgba(36,49,83,0.03),0px_0.75px_0.75px_0px_rgba(55,55,80,0.04),0px_0px_0px_1px_rgba(55,55,80,0.04)]" style="opacity:0;filter:blur(7px);transform:translateY(-20px) scale(1) translateZ(0)"><div class="p-5 flex items-center justify-between border-b border-gray-200"><div class="flex gap-3"><div class="w-9 h-9 flex items-center justify-center rounded-lg border border-gray-200 relative overflow-hidden"><svg fill="none" height="36" viewBox="0 0 36 36" width="36" xmlns="http://www.w3.org/2000/svg"><path d="M11.5722 21.3446L8.08372 17.8692C7.49577 17.2812 6.52892 17.2812 5.94096 17.8692C5.35301 18.4571 5.35301 19.424 5.94096 20.0119L10.5009 24.5588C11.0888 25.1467 12.0557 25.1467 12.6436 24.5588L16.9291 20.2733L14.7733 18.1305L11.5722 21.3446Z" fill="#1AAD94"></path><path d="M24.677 14.6553L17.9874 21.3449L11.2978 14.6553C10.7099 14.0674 9.74303 14.0674 9.15508 14.6553C8.56712 15.2433 8.56712 16.2101 9.15508 16.7981L16.916 24.5591C17.504 25.147 18.4709 25.147 19.0588 24.5591L26.8198 16.7981C27.4077 16.2101 27.4077 15.2433 26.8198 14.6553C26.2318 14.0674 25.265 14.0674 24.677 14.6553Z" fill="#F2AE20"></path><path d="M30.0339 20.012L25.4871 24.5588C24.8991 25.1468 23.9322 25.1468 23.3443 24.5588L12.3692 13.5837C11.7812 12.9958 11.7812 12.0289 12.3692 11.441C12.9571 10.853 13.924 10.853 14.5119 11.441L24.4157 21.3447L27.8911 17.8692C28.4791 17.2813 29.4459 17.2813 30.0339 17.8692C30.6218 18.4572 30.6218 19.4241 30.0339 20.012Z" fill="#E76450"></path><path d="M23.6058 11.441C23.0178 10.853 22.051 10.853 21.463 11.441L14.7734 18.1306L16.9162 20.2733L23.6058 13.5837C24.1937 12.9958 24.1937 12.0289 23.6058 11.441Z" fill="#1AAD94"></path></svg></div><div class="flex gap-3 items-center"><div class="flex flex-col gap-0 items-start text-sm text-gray-600"><span class="font-medium text-gray-800">Lattice</span><span>lattice<!-- -->.com</span></div></div></div><div class="gap-4 flex items-center"><div class="py-0.5 px-2 text-sm text-gray-700 bg-white rounded-md border border-gray-200 shadow-sm @md:flex hidden cursor-default">LinkedIn</div><div class="flex gap-1"><div class="gap-2 md:flex hidden items-center"><svg class="inline shrink-0 self-center size-3.5 text-gray-600"><use href="/icons/sprite.svg#at-sign"></use></svg><span class="w-4 text-xs font-medium text-gray-700">4</span></div><div class="gap-2 flex items-center"><svg class="inline shrink-0 self-center size-3.5 text-gray-600"><use href="/icons/sprite.svg#user-round"></use></svg><span class="w-4 text-xs font-medium text-gray-700">2</span></div><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-yellow-50 border-yellow-200 text-yellow-800 [box-shadow:0px_-1px_1px_0px_hsla(28,73%,26%,0.14)_inset,0px_1px_2px_0px_hsla(55,92%,95%,0.5)_inset]"><span class="flex items-center truncate">Low</span></div></div></div></div><div class="p-5 flex justify-between items-center"><div class="flex gap-3 items-center flex-1 min-w-0"><div class="rounded-full w-9 h-9 relative border border-gray-100 overflow-hidden"><img alt="Avatar" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimg%2Fuser-1.jpeg&w=640&q=75 640w, /_next/image?url=%2Fimg%2Fuser-1.jpeg&w=750&q=75 750w, /_next/image?url=%2Fimg%2Fuser-1.jpeg&w=828&q=75 828w, /_next/image?url=%2Fimg%2Fuser-1.jpeg&w=1080&q=75 1080w, /_next/image?url=%2Fimg%2Fuser-1.jpeg&w=1200&q=75 1200w, /_next/image?url=%2Fimg%2Fuser-1.jpeg&w=1920&q=75 1920w, /_next/image?url=%2Fimg%2Fuser-1.jpeg&w=2048&q=75 2048w, /_next/image?url=%2Fimg%2Fuser-1.jpeg&w=3840&q=75 3840w" src="/_next/image?url=%2Fimg%2Fuser-1.jpeg&w=3840&q=75"/></div><div class="flex gap-1 flex-1 min-w-0 text-sm text-gray-500 whitespace-nowrap"><span class="font-medium text-gray-800">Hannah</span><span>spent</span><span class="font-medium text-gray-800">5 min</span><span>on</span><span class="font-medium text-gray-800 flex-1 truncate">Website Demo</span></div></div><div class="text-sm text-gray-600 @md:flex hidden"><span>13<!-- --> mins ago</span></div></div></div></div></div><div class="flex items-center justify-center flex-col playbooks-animation"><div class="h-14 w-px bg-gray-200/50 relative overflow-hidden"></div><div class="w-20 h-20 rounded-full relative before:absolute before:inset-0 before:rounded-full before:border before:border-gray-200/80 -mt-8"><div class="absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 size-24"><div class="absolute inset-[-1px] rounded-full animate-[spin_4s_linear_infinite] [mask-image:url(/img/spinner.webp)] [-webkit-mask-image:url(/img/spinner.webp)] [mask-size:100%_100%] [-webkit-mask-size:100%_100%] bg-[conic-gradient(from_0deg,transparent_20%,#5052fc_100%)]"></div></div><div class="absolute inset-0 rounded-full blur-[40px]"><div class="absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 size-24"><div class="absolute inset-0 rounded-full animate-[spin_4s_linear_infinite] bg-[conic-gradient(from_0deg,transparent_20%,#5052fc80_100%)]"></div></div></div><div class="flex items-center justify-center size-14 rounded-full bg-white/90 backdrop-blur-sm shadow-lg absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 z-10 playbooks-animation-lighting-circle"><div class="absolute inset-1 border border-gray-200/80 rounded-full playbooks-animation-lighting-circle-border"></div><div class="relative z-10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M13.016 1.53837C13.1089 0.795247 12.1751 0.389877 11.6957 0.965205L1.02512 13.7699C0.618036 14.2584 0.965403 15 1.60128 15H11.1504C11.6015 15 11.9506 15.3954 11.8946 15.843L10.984 23.1283C10.8911 23.8714 11.8249 24.2768 12.3043 23.7015L22.9749 10.8968C23.382 10.4083 23.0346 9.66667 22.3987 9.66667H12.8496C12.3985 9.66667 12.0494 9.27128 12.1054 8.82364L13.016 1.53837Z" fill="#5052fc"></path></svg></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 blur-md"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M13.016 1.53837C13.1089 0.795247 12.1751 0.389877 11.6957 0.965205L1.02512 13.7699C0.618036 14.2584 0.965403 15 1.60128 15H11.1504C11.6015 15 11.9506 15.3954 11.8946 15.843L10.984 23.1283C10.8911 23.8714 11.8249 24.2768 12.3043 23.7015L22.9749 10.8968C23.382 10.4083 23.0346 9.66667 22.3987 9.66667H12.8496C12.3985 9.66667 12.0494 9.27128 12.1054 8.82364L13.016 1.53837Z" fill="#5052fc"></path></svg></div></div></div><div class="max-w-[340px] w-[calc(50%+8px)] -mt-9 relative mx-auto flex h-[57px] -z-10"><div class="flex-1 h-full border-t border-l border-gray-200 rounded-tl-2xl"></div><div class="flex-1 h-full border-t border-r border-gray-200 rounded-tr-2xl"></div></div><div class="relative w-full max-w-[1080px] mx-auto"><div class="h-px @md:block hidden left-0 absolute top-1/2 -translate-y-1/2 origin-left line-x-in w-[220px] bg-gray-200"></div><div class="h-px @md:block hidden right-0 absolute top-1/2 -translate-y-1/2 origin-right line-x-in w-[220px] bg-gray-200"></div><div class="gap-12 @md:gap-6 max-w-[656px] mx-auto grid lg:grid-cols-2 w-full -mt-1"><div class="p-2 rounded-xl border border-gray-200 relative playbooks-animation-card bg-gray-50 backdrop-blur-4 flex flex-col overflow-hidden"><div class="absolute z-10 inset-0 filter blur-md opacity-10" data-instance="playbook-npvlhru7y" style="transform:translateY(-200%);background-image:linear-gradient(to bottom, transparent, #266df0)"></div><div class="flex gap-2 items-center text-gray-600 text-sm justify-center my-2 mt-1 playbooks-animation-card-subtitle"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"><path d="M3.75 13.5l10.5-11.25L12 10.5h8.25l-10.5 11.25L12 13.5H3.75z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><span>Website Intent<!-- --> <span class="hidden @md:inline-flex">Playbook</span></span></div><div class="rounded-lg bg-white/80 backdrop-blur-xl pl-4 pr-1 py-4 flex-1 flex flex-col @md:flex-row gap-2 items-center playbooks-animation-card-box z-10 relative shadow-[0px_16px_24px_-8px_rgba(36,49,83,0.03),0px_8px_16px_-4px_rgba(36,49,83,0.03),0px_4px_8px_-2px_rgba(36,49,83,0.03),0px_2px_3px_0px_rgba(36,49,83,0.03),0px_0.75px_0.75px_0px_rgba(55,55,80,0.04),0px_0px_0px_1px_rgba(55,55,80,0.04)]"><svg fill="none" height="32" width="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M9.52485 18.9616C9.52485 20.2635 8.47346 21.3157 7.17258 21.3157C5.87171 21.3157 4.82031 20.2635 4.82031 18.9616C4.82031 17.6597 5.87171 16.6074 7.17258 16.6074H9.52485V18.9616ZM10.701 18.9616C10.701 17.6597 11.7524 16.6074 13.0533 16.6074C14.3541 16.6074 15.4055 17.6597 15.4055 18.9616V24.8469C15.4055 26.1488 14.3541 27.2011 13.0533 27.2011C11.7524 27.2011 10.701 26.1488 10.701 24.8469V18.9616Z" fill="#E01E5A" style="fill:#E01E5A;fill-opacity:1"></path><path d="M13.0515 9.50907C11.7507 9.50907 10.6993 8.45684 10.6993 7.15492C10.6993 5.85301 11.7507 4.80078 13.0515 4.80078C14.3524 4.80078 15.4038 5.85301 15.4038 7.15492V9.50907H13.0515ZM13.0515 10.704C14.3524 10.704 15.4038 11.7562 15.4038 13.0581C15.4038 14.36 14.3524 15.4123 13.0515 15.4123H7.15305C5.85217 15.4123 4.80078 14.36 4.80078 13.0581C4.80078 11.7562 5.85217 10.704 7.15305 10.704H13.0515Z" fill="#36C5F0" style="fill:#36C5F0;fill-opacity:1"></path><path d="M22.4783 13.0581C22.4783 11.7562 23.5297 10.704 24.8306 10.704C26.1315 10.704 27.1829 11.7562 27.1829 13.0581C27.1829 14.36 26.1315 15.4123 24.8306 15.4123H22.4783V13.0581ZM21.3022 13.0581C21.3022 14.36 20.2508 15.4123 18.9499 15.4123C17.649 15.4123 16.5977 14.36 16.5977 13.0581V7.15492C16.5977 5.85301 17.649 4.80078 18.9499 4.80078C20.2508 4.80078 21.3022 5.85301 21.3022 7.15492V13.0581Z" fill="#2EB67D" style="fill:#2EB67D;fill-opacity:1"></path><path d="M18.9499 22.4928C20.2508 22.4928 21.3022 23.545 21.3022 24.8469C21.3022 26.1488 20.2508 27.2011 18.9499 27.2011C17.649 27.2011 16.5977 26.1488 16.5977 24.8469V22.4928H18.9499ZM18.9499 21.3157C17.649 21.3157 16.5977 20.2635 16.5977 18.9616C16.5977 17.6597 17.649 16.6074 18.9499 16.6074H24.8484C26.1493 16.6074 27.2007 17.6597 27.2007 18.9616C27.2007 20.2635 26.1493 21.3157 24.8484 21.3157H18.9499Z" fill="#ECB22E" style="fill:#ECB22E;fill-opacity:1"></path></svg><div class="flex flex-col flex-1 overflow-hidden @md:pl-2"><div class="flex gap-1 flex-wrap items-center @md:text-start text-center @md:justify-start justify-center"><span class="text-sm font-medium text-gray-800">Sent Slack to</span><span class="@md:inline-flex block px-1 rounded bg-gray-100 text-gray-900 text-[10px] font-medium">#website-intent</span></div><div class="flex gap-2 items-baseline @md:justify-start justify-center mt-1"><svg class="inline shrink-0 self-center size-4 text-gray-500"><use href="/icons/sprite.svg#building"></use></svg><span class="text-[12px] text-gray-600">Engaged ICP <span class="@md:inline-flex hidden">Accounts</span></span></div></div></div></div><div class="hidden lg:block"><div class="p-2 rounded-xl border border-gray-200 relative playbooks-animation-card bg-gray-50 backdrop-blur-4 flex flex-col overflow-hidden"><div class="absolute z-10 inset-0 filter blur-md opacity-10" data-instance="playbook-l6mf1ftmp" style="transform:translateY(-200%);background-image:linear-gradient(to bottom, transparent, #266df0)"></div><div class="flex gap-2 items-center text-gray-600 text-sm justify-center my-2 mt-1 playbooks-animation-card-subtitle"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"><path d="M3.75 13.5l10.5-11.25L12 10.5h8.25l-10.5 11.25L12 13.5H3.75z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><span>Active Deals<!-- --> <span class="hidden @md:inline-flex">Playbook</span></span></div><div class="rounded-lg bg-white/80 backdrop-blur-xl pl-4 pr-1 py-4 flex-1 flex flex-col @md:flex-row gap-2 items-center playbooks-animation-card-box z-10 relative shadow-[0px_16px_24px_-8px_rgba(36,49,83,0.03),0px_8px_16px_-4px_rgba(36,49,83,0.03),0px_4px_8px_-2px_rgba(36,49,83,0.03),0px_2px_3px_0px_rgba(36,49,83,0.03),0px_0.75px_0.75px_0px_rgba(55,55,80,0.04),0px_0px_0px_1px_rgba(55,55,80,0.04)]"><svg xmlns="http://www.w3.org/2000/svg" viewBox="6.20856283 .64498824 244.26943717 251.24701176" height="28" width="28" class=""><path d="m191.385 85.694v-29.506a22.722 22.722 0 0 0 13.101-20.48v-.677c0-12.549-10.173-22.722-22.721-22.722h-.678c-12.549 0-22.722 10.173-22.722 22.722v.677a22.722 22.722 0 0 0 13.101 20.48v29.506a64.342 64.342 0 0 0 -30.594 13.47l-80.922-63.03c.577-2.083.878-4.225.912-6.375a25.6 25.6 0 1 0 -25.633 25.55 25.323 25.323 0 0 0 12.607-3.43l79.685 62.007c-14.65 22.131-14.258 50.974.987 72.7l-24.236 24.243c-1.96-.626-4-.959-6.057-.987-11.607.01-21.01 9.423-21.007 21.03.003 11.606 9.412 21.014 21.018 21.017 11.607.003 21.02-9.4 21.03-21.007a20.747 20.747 0 0 0 -.988-6.056l23.976-23.985c21.423 16.492 50.846 17.913 73.759 3.562 22.912-14.352 34.475-41.446 28.985-67.918-5.49-26.473-26.873-46.734-53.603-50.792m-9.938 97.044a33.17 33.17 0 1 1 0-66.316c17.85.625 32 15.272 32.01 33.134.008 17.86-14.127 32.522-31.977 33.165" fill="#ff7a59"></path></svg><div class="flex flex-col flex-1 overflow-hidden @md:pl-2"><div class="flex gap-1 flex-wrap items-center @md:text-start text-center @md:justify-start justify-center"><span class="text-sm font-medium text-gray-800">Update Lead in</span><span class="@md:inline-flex block px-1 rounded bg-gray-100 text-gray-900 text-[10px] font-medium">HubSpot</span></div><div class="flex gap-2 items-baseline @md:justify-start justify-center mt-1"><svg class="inline shrink-0 self-center size-4 text-gray-500"><use href="/icons/sprite.svg#building"></use></svg><span class="text-[12px] text-gray-600">Engaged ICP <span class="@md:inline-flex hidden">Accounts</span></span></div></div></div></div></div></div></div></div></div></div></div></div></div></div><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -top-2 -right-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -top-2 -left-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -bottom-2 -left-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -bottom-2 -right-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg></div><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -left-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -left-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[80px] -left-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[40px] -left-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg></div><div class="space-y-10"><div class="gap-px relative grid h-full border-gray-200/80 grid-rows-[repeat(var(--grid-rows),minmax(0,1fr))] sm:grid-rows-[repeat(var(--grid-rows-sm),minmax(0,1fr))] md:grid-rows-[repeat(var(--grid-rows-md),minmax(0,1fr))] lg:grid-rows-[repeat(var(--grid-rows-lg),minmax(0,1fr))] grid-cols-[repeat(var(--grid-cols),minmax(0,1fr))] sm:grid-cols-[repeat(var(--grid-cols-sm),minmax(0,1fr))] md:grid-cols-[repeat(var(--grid-cols-md),minmax(0,1fr))] lg:grid-cols-[repeat(var(--grid-cols-lg),minmax(0,1fr))]" style="--grid-rows:1;--grid-rows-sm:1;--grid-rows-md:1;--grid-rows-lg:1;--grid-cols:1;--grid-cols-sm:1;--grid-cols-md:2;--grid-cols-lg:4"><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-2 !pb-4 md:!p-4" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="flex flex-col items-center justify-center gap-4 m-2"><svg class="inline shrink-0 self-center w-14 h-9 text-brand-600"><use href="/icons/sprite.svg#email-alerts-tritone"></use></svg><div class="flex flex-col gap-1"><h3 class="text-sm text-gray-900 font-medium text-center text-balance">Email alerts</h3><div class="text-sm font-normal text-gray-500 text-center text-balance max-w-[90%] sm:max-w-none mx-auto">Customize email alerts with demo engagement from specific prospects or accounts.</div></div></div></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-2 !pb-4 md:!p-4" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="flex flex-col items-center justify-center gap-4 m-2"><svg class="inline shrink-0 self-center w-14 h-9 text-brand-600"><use href="/icons/sprite.svg#slack-alerts-tritone"></use></svg><div class="flex flex-col gap-1"><h3 class="text-sm text-gray-900 font-medium text-center text-balance">Slack alerts</h3><div class="text-sm font-normal text-gray-500 text-center text-balance max-w-[90%] sm:max-w-none mx-auto">Be notified exactly when a visitor engages with one of your demos.</div></div></div></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-2 !pb-4 md:!p-4" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="flex flex-col items-center justify-center gap-4 m-2"><svg class="inline shrink-0 self-center w-14 h-9 text-brand-600"><use href="/icons/sprite.svg#account-tracking-tritone"></use></svg><div class="flex flex-col gap-1"><h3 class="text-sm text-gray-900 font-medium text-center text-balance">Account tracking</h3><div class="text-sm font-normal text-gray-500 text-center text-balance max-w-[90%] sm:max-w-none mx-auto">Reval deanonymized accounts who view your demos without needing a form.</div></div></div></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-2 !pb-4 md:!p-4" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="flex flex-col items-center justify-center gap-4 m-2"><svg class="inline shrink-0 self-center w-14 h-9 text-brand-600"><use href="/icons/sprite.svg#advanced-filtering-tritone"></use></svg><div class="flex flex-col gap-1"><h3 class="text-sm text-gray-900 font-medium text-center text-balance">Advanced filtering</h3><div class="text-sm font-normal text-gray-500 text-center text-balance max-w-[90%] sm:max-w-none mx-auto">Filter visitors and accounts by demo engagement and account firmographics.</div></div></div></div></div></div></section><section class="flex flex-col gap-10 mx-auto max-w-2xl lg:max-w-[85rem]"><div class="gap-px border bg-gray-200/80 relative grid h-full border-gray-200/80 grid-rows-[repeat(var(--grid-rows),minmax(0,1fr))] sm:grid-rows-[repeat(var(--grid-rows-sm),minmax(0,1fr))] md:grid-rows-[repeat(var(--grid-rows-md),minmax(0,1fr))] lg:grid-rows-[repeat(var(--grid-rows-lg),minmax(0,1fr))] grid-cols-[repeat(var(--grid-cols),minmax(0,1fr))] sm:grid-cols-[repeat(var(--grid-cols-sm),minmax(0,1fr))] md:grid-cols-[repeat(var(--grid-cols-md),minmax(0,1fr))] lg:grid-cols-[repeat(var(--grid-cols-lg),minmax(0,1fr))]" style="--grid-rows:1;--grid-rows-sm:1;--grid-rows-md:1;--grid-rows-lg:1;--grid-cols:1;--grid-cols-sm:1;--grid-cols-md:1;--grid-cols-lg:1"><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-0" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="overflow-hidden"><div class="flex flex-col lg:flex-row"><div class="flex flex-col sm:gap-2 px-8 pt-8 pb-4 sm:py-0 lg:px-14 lg:py-14 items-center lg:items-start lg:max-w-[50%] justify-start"><div class="flex flex-col sm:pt-6 gap-4 items-start"><div class="inline-flex w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-5 text-[14px] gap-1 px-2 rounded-md bg-blue-50 border-blue-200 text-blue-800 [box-shadow:0px_-1px_1px_0px_hsla(226,88%,22%,0.14)_inset,0px_1px_2px_0px_hsla(204,100%,98%,0.5)_inset]"><span class="flex items-center truncate">Integrations</span></div><div class="flex flex-col gap-y-2"><h2 class="text-2xl text-balance font-medium text-gray-900 text-left">Integrate with your existing GTM stack</h2><h5 class="text-base text-balance font-normal text-gray-500 lg:max-w-[85%] text-left">Sync account and lead demo engagement data with CRMs like Hubspot, Salesforce, or Marketo. Or share demo events with any events-based platform.</h5></div></div><div class="mt-4 self-start"><a class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none bg-white h-8 rounded-lg text-sm gap-x-1.5 px-3 border-gray-300 shadow-button-elevated text-gray-700 hover:bg-gray-50 hover:text-gray-900 dark:bg-white/10 dark:border-gray-600 dark:text-white active:text-gray-900 data-[active=true]:text-gray-900 active:shadow-button-shallow-inset-indented data-[active=true]:shadow-button-shallow-inset-indented focus-visible:shadow-gray-focus focus-visible:text-gray-900" data-headlessui-state="" href="/product/integrations">Explore Integrations <svg class="inline shrink-0 self-center size-4"><use href="/icons/sprite.svg#arrow-right"></use></svg></a></div></div><div class="w-full flex-1"><div class="w-full overflow-hidden relative flex items-center justify-center min-h-80 h-full"><div class="py-10 px-2 lg:px-0 relative w-full"><div class="relative w-full h-auto px-2"><div class="relative overflow-hidden w-full max-w-[300px] md:max-w-[500px] mx-auto py-4 scale-100"><div class="absolute left-0 top-0 bottom-0 w-5 pointer-events-none z-50 bg-gradient-to-r from-gray-50 to-transparent"></div><div class="absolute right-0 top-0 bottom-0 w-5 pointer-events-none z-50 bg-gradient-to-l from-gray-50 to-transparent"></div><div class="absolute inset-0 flex justify-between items-center transform translate-y-2.5 p-2"><div class="flex-[0_0_100px] min-w-0 h-auto aspect-square"><div class="size-[80px] rounded-full border border-gray-200/60"></div></div><div class="flex-[0_0_100px] min-w-0 h-auto aspect-square"><div class="size-[80px] rounded-full border border-gray-200/60"></div></div><div class="flex-[0_0_100px] min-w-0 h-auto aspect-square"><div class="size-[80px] rounded-full border border-gray-200/60 scale-[1.2] border-gray-200"><div class="absolute inset-0 size-full flex items-center justify-center opacity-50 blur-md saturate-150" style="opacity:0;transform:scale(1.5) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="6.20856283 .64498824 244.26943717 251.24701176" height="28" width="28" class=""><path d="m191.385 85.694v-29.506a22.722 22.722 0 0 0 13.101-20.48v-.677c0-12.549-10.173-22.722-22.721-22.722h-.678c-12.549 0-22.722 10.173-22.722 22.722v.677a22.722 22.722 0 0 0 13.101 20.48v29.506a64.342 64.342 0 0 0 -30.594 13.47l-80.922-63.03c.577-2.083.878-4.225.912-6.375a25.6 25.6 0 1 0 -25.633 25.55 25.323 25.323 0 0 0 12.607-3.43l79.685 62.007c-14.65 22.131-14.258 50.974.987 72.7l-24.236 24.243c-1.96-.626-4-.959-6.057-.987-11.607.01-21.01 9.423-21.007 21.03.003 11.606 9.412 21.014 21.018 21.017 11.607.003 21.02-9.4 21.03-21.007a20.747 20.747 0 0 0 -.988-6.056l23.976-23.985c21.423 16.492 50.846 17.913 73.759 3.562 22.912-14.352 34.475-41.446 28.985-67.918-5.49-26.473-26.873-46.734-53.603-50.792m-9.938 97.044a33.17 33.17 0 1 1 0-66.316c17.85.625 32 15.272 32.01 33.134.008 17.86-14.127 32.522-31.977 33.165" fill="#ff7a59"></path></svg></div></div></div><div class="flex-[0_0_100px] min-w-0 h-auto aspect-square"><div class="size-[80px] rounded-full border border-gray-200/60"></div></div><div class="flex-[0_0_100px] min-w-0 h-auto aspect-square"><div class="size-[80px] rounded-full border border-gray-200/60"></div></div></div><div class="overflow-hidden w-full max-w-[300px] md:max-w-[500px] mx-auto"><div class="flex touch-pan-x touch-pinch-zoom"><div class="flex-[0_0_100px] min-w-0 p-2"><div data-slide-inner="true" class="relative rounded-full border border-gray-100 size-20 cursor-pointer flex items-center justify-center bg-white/60 backdrop-blur-sm shadow-[0px_16px_24px_-8px_rgba(36,49,83,0.03),0px_8px_16px_-4px_rgba(36,49,83,0.03),0px_4px_8px_-2px_rgba(36,49,83,0.03),0px_2px_3px_0px_rgba(36,49,83,0.03),0px_0.75px_0.75px_0px_rgba(55,55,80,0.04),0px_0px_0px_1px_rgba(55,55,80,0.04)] will-change-transform"><div class="scale-[1.25] min-w-[40px] min-h-[40px] flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" viewBox="6.20856283 .64498824 244.26943717 251.24701176" height="28" width="28" class=""><path d="m191.385 85.694v-29.506a22.722 22.722 0 0 0 13.101-20.48v-.677c0-12.549-10.173-22.722-22.721-22.722h-.678c-12.549 0-22.722 10.173-22.722 22.722v.677a22.722 22.722 0 0 0 13.101 20.48v29.506a64.342 64.342 0 0 0 -30.594 13.47l-80.922-63.03c.577-2.083.878-4.225.912-6.375a25.6 25.6 0 1 0 -25.633 25.55 25.323 25.323 0 0 0 12.607-3.43l79.685 62.007c-14.65 22.131-14.258 50.974.987 72.7l-24.236 24.243c-1.96-.626-4-.959-6.057-.987-11.607.01-21.01 9.423-21.007 21.03.003 11.606 9.412 21.014 21.018 21.017 11.607.003 21.02-9.4 21.03-21.007a20.747 20.747 0 0 0 -.988-6.056l23.976-23.985c21.423 16.492 50.846 17.913 73.759 3.562 22.912-14.352 34.475-41.446 28.985-67.918-5.49-26.473-26.873-46.734-53.603-50.792m-9.938 97.044a33.17 33.17 0 1 1 0-66.316c17.85.625 32 15.272 32.01 33.134.008 17.86-14.127 32.522-31.977 33.165" fill="#ff7a59"></path></svg></div></div></div><div class="flex-[0_0_100px] min-w-0 p-2"><div data-slide-inner="true" class="relative rounded-full border border-gray-100 size-20 cursor-pointer flex items-center justify-center bg-white/60 backdrop-blur-sm shadow-[0px_16px_24px_-8px_rgba(36,49,83,0.03),0px_8px_16px_-4px_rgba(36,49,83,0.03),0px_4px_8px_-2px_rgba(36,49,83,0.03),0px_2px_3px_0px_rgba(36,49,83,0.03),0px_0.75px_0.75px_0px_rgba(55,55,80,0.04),0px_0px_0px_1px_rgba(55,55,80,0.04)] will-change-transform"><div class="scale-[1.25] min-w-[40px] min-h-[40px] flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="2500" height="1750" viewBox="0.5 0.5 999 699.242" class="w-auto h-6"><path fill="#00A1E0" d="M416.224 76.763c32.219-33.57 77.074-54.391 126.682-54.391 65.946 0 123.48 36.772 154.12 91.361 26.626-11.896 56.098-18.514 87.106-18.514 118.94 0 215.368 97.268 215.368 217.247 0 119.993-96.428 217.261-215.368 217.261a213.735 213.735 0 0 1-42.422-4.227c-26.981 48.128-78.397 80.646-137.412 80.646-24.705 0-48.072-5.706-68.877-15.853-27.352 64.337-91.077 109.448-165.348 109.448-77.344 0-143.261-48.939-168.563-117.574-11.057 2.348-22.513 3.572-34.268 3.572C75.155 585.74.5 510.317.5 417.262c0-62.359 33.542-116.807 83.378-145.937-10.26-23.608-15.967-49.665-15.967-77.06C67.911 87.25 154.79.5 261.948.5c62.914 0 118.827 29.913 154.276 76.263"></path><path fill="#FFF" d="M145.196 363.11c-.626 1.637.228 1.979.427 2.263 1.878 1.366 3.786 2.349 5.707 3.444 10.189 5.407 19.81 6.986 29.871 6.986 20.492 0 33.214-10.9 33.214-28.447v-.341c0-16.224-14.358-22.115-27.835-26.37l-1.75-.569c-10.161-3.302-18.927-6.147-18.927-12.836v-.355c0-5.721 5.123-9.934 13.064-9.934 8.823 0 19.297 2.932 26.042 6.66 0 0 1.978 1.281 2.704-.64.398-1.025 3.814-10.218 4.17-11.214.384-1.082-.299-1.879-.996-2.306-7.699-4.682-18.344-7.884-29.358-7.884l-2.049.014c-18.756 0-31.848 11.328-31.848 27.565v.342c0 17.119 14.444 22.669 27.978 26.54l2.177.669c9.862 3.031 18.358 5.635 18.358 12.58v.342c0 6.347-5.521 11.071-14.43 11.071-3.458 0-14.487-.071-26.398-7.6-1.438-.84-2.277-1.451-3.387-2.12-.583-.37-2.049-1.011-2.689.925l-4.045 11.215zM445.194 363.11c-.626 1.637.228 1.979.427 2.263 1.878 1.366 3.786 2.349 5.706 3.444 10.189 5.407 19.811 6.986 29.871 6.986 20.492 0 33.215-10.9 33.215-28.447v-.341c0-16.224-14.359-22.115-27.836-26.37l-1.75-.569c-10.161-3.302-18.928-6.147-18.928-12.836v-.355c0-5.721 5.123-9.934 13.064-9.934 8.823 0 19.297 2.932 26.043 6.66 0 0 1.978 1.281 2.703-.64.398-1.025 3.814-10.218 4.17-11.214.385-1.082-.299-1.879-.996-2.306-7.699-4.682-18.344-7.884-29.358-7.884l-2.05.014c-18.756 0-31.848 11.328-31.848 27.565v.342c0 17.119 14.444 22.669 27.978 26.54l2.177.669c9.862 3.031 18.373 5.635 18.373 12.58v.342c0 6.347-5.536 11.071-14.445 11.071-3.457 0-14.486-.071-26.397-7.6-1.438-.84-2.291-1.423-3.372-2.12-.371-.242-2.107-.911-2.705.925l-4.042 11.215zM649.995 328.74c0 9.919-1.85 17.731-5.493 23.253-3.601 5.465-9.051 8.126-16.649 8.126-7.613 0-13.035-2.647-16.579-8.126-3.587-5.507-5.407-13.334-5.407-23.253 0-9.904 1.82-17.703 5.407-23.168 3.544-5.407 8.966-8.04 16.579-8.04 7.599 0 13.049 2.633 16.664 8.04 3.629 5.464 5.478 13.263 5.478 23.168m17.106-18.386c-1.68-5.679-4.298-10.688-7.784-14.857-3.487-4.184-7.898-7.542-13.136-9.99-5.223-2.433-11.398-3.671-18.328-3.671-6.945 0-13.121 1.238-18.344 3.671-5.237 2.448-9.648 5.807-13.149 9.99-3.472 4.184-6.091 9.193-7.784 14.857-1.665 5.649-2.505 11.825-2.505 18.386s.84 12.751 2.505 18.386c1.693 5.664 4.298 10.674 7.799 14.857 3.486 4.184 7.912 7.528 13.135 9.904 5.236 2.377 11.398 3.586 18.344 3.586 6.93 0 13.092-1.209 18.328-3.586 5.223-2.376 9.648-5.721 13.136-9.904 3.486-4.17 6.104-9.179 7.784-14.857 1.68-5.649 2.519-11.84 2.519-18.386s-.841-12.737-2.52-18.386M807.568 357.47c-.569-1.665-2.177-1.039-2.177-1.039-2.49.954-5.138 1.836-7.955 2.277-2.861.44-6.006.669-9.379.669-8.281 0-14.856-2.462-19.566-7.329-4.725-4.867-7.372-12.736-7.344-23.381.029-9.691 2.362-16.978 6.561-22.527 4.17-5.521 10.517-8.354 18.984-8.354 7.059 0 12.438.811 18.072 2.59 0 0 1.352.583 1.992-1.181 1.494-4.156 2.604-7.13 4.198-11.698.456-1.295-.654-1.85-1.053-2.007-2.22-.868-7.457-2.276-11.413-2.874-3.7-.569-8.026-.868-12.836-.868-7.188 0-13.591 1.224-19.069 3.672-5.465 2.433-10.104 5.791-13.775 9.976-3.672 4.184-6.461 9.192-8.325 14.856-1.85 5.649-2.789 11.854-2.789 18.415 0 14.188 3.828 25.657 11.385 34.054 7.57 8.425 18.941 12.708 33.77 12.708 8.766 0 17.76-1.778 24.221-4.326 0 0 1.238-.598.697-2.034l-4.199-11.599zM837.497 319.238c.811-5.507 2.334-10.09 4.682-13.661 3.544-5.422 8.951-8.396 16.551-8.396s12.623 2.988 16.223 8.396c2.391 3.571 3.43 8.354 3.843 13.661h-41.299zm57.592-12.111c-1.451-5.479-5.052-11.015-7.414-13.548-3.729-4.013-7.371-6.816-10.986-8.382-4.725-2.021-10.389-3.358-16.593-3.358-7.229 0-13.79 1.21-19.112 3.714-5.336 2.505-9.818 5.921-13.334 10.176-3.516 4.24-6.162 9.292-7.842 15.027-1.693 5.707-2.547 11.926-2.547 18.485 0 6.675.883 12.894 2.633 18.486 1.765 5.636 4.582 10.602 8.396 14.714 3.799 4.142 8.695 7.387 14.558 9.648 5.821 2.249 12.894 3.416 21.019 3.401 16.722-.057 25.53-3.785 29.159-5.792.641-.355 1.253-.981.483-2.774l-3.785-10.603c-.568-1.579-2.177-.996-2.177-.996-4.142 1.537-10.032 4.298-23.766 4.27-8.979-.014-15.64-2.661-19.81-6.803-4.283-4.24-6.375-10.474-6.745-19.268l57.905.057s1.522-.028 1.68-1.509c.057-.624 1.993-11.895-1.722-24.945M373.762 319.238c.825-5.507 2.334-10.09 4.682-13.661 3.543-5.422 8.951-8.396 16.55-8.396s12.623 2.988 16.237 8.396c2.376 3.571 3.415 8.354 3.828 13.661h-41.297zm57.577-12.111c-1.451-5.479-5.037-11.015-7.399-13.548-3.729-4.013-7.372-6.816-10.986-8.382-4.725-2.021-10.388-3.358-16.593-3.358-7.215 0-13.79 1.21-19.112 3.714-5.336 2.505-9.819 5.921-13.334 10.176-3.515 4.24-6.162 9.292-7.841 15.027-1.679 5.707-2.547 11.926-2.547 18.485 0 6.675.882 12.894 2.633 18.486 1.765 5.636 4.583 10.602 8.396 14.714 3.8 4.142 8.695 7.387 14.558 9.648 5.821 2.249 12.893 3.416 21.019 3.401 16.721-.057 25.53-3.785 29.159-5.792.641-.355 1.252-.981.484-2.774l-3.771-10.603c-.584-1.579-2.191-.996-2.191-.996-4.141 1.537-10.019 4.298-23.78 4.27-8.965-.014-15.625-2.661-19.795-6.803-4.284-4.24-6.375-10.474-6.746-19.268l57.905.057s1.522-.028 1.679-1.509c.055-.624 1.99-11.895-1.738-24.945M248.601 357.153c-2.263-1.808-2.576-2.263-3.344-3.43-1.139-1.779-1.722-4.312-1.722-7.528 0-5.095 1.679-8.752 5.166-11.214-.042.015 4.981-4.34 16.792-4.184 8.296.114 15.71 1.338 15.71 1.338v26.327h.014s-7.357 1.579-15.639 2.077c-11.783.712-17.02-3.4-16.977-3.386m23.039-40.686c-2.348-.171-5.394-.271-9.037-.271-4.966 0-9.762.626-14.259 1.836-4.525 1.209-8.595 3.103-12.096 5.606a27.927 27.927 0 0 0-8.396 9.549c-2.049 3.814-3.088 8.311-3.088 13.349 0 5.123.882 9.577 2.647 13.221 1.765 3.657 4.312 6.702 7.556 9.051 3.216 2.348 7.187 4.069 11.797 5.108 4.54 1.039 9.691 1.565 15.327 1.565 5.934 0 11.854-.483 17.589-1.466 5.678-.968 12.651-2.377 14.586-2.817a146.25 146.25 0 0 0 4.056-1.039c1.438-.355 1.324-1.893 1.324-1.893l-.029-52.952c0-11.613-3.102-20.223-9.207-25.559-6.077-5.322-15.028-8.013-26.597-8.013-4.341 0-11.328.599-15.512 1.438 0 0-12.651 2.448-17.86 6.518 0 0-1.138.712-.512 2.306l4.099 11.015c.512 1.423 1.893.939 1.893.939s.441-.171.954-.47c11.143-6.062 25.231-5.877 25.231-5.877 6.262 0 11.072 1.252 14.316 3.742 3.159 2.419 4.767 6.076 4.767 13.789v2.448c-4.981-.711-9.549-1.123-9.549-1.123M738.669 286.631c.44-1.31-.484-1.936-.869-2.078-.981-.384-5.905-1.423-9.705-1.665-7.271-.441-11.312.783-14.928 2.405-3.586 1.622-7.57 4.24-9.791 7.215v-7.044c0-.982-.697-1.765-1.665-1.765h-14.843c-.967 0-1.664.782-1.664 1.765v86.366c0 .968.797 1.765 1.764 1.765h15.213a1.76 1.76 0 0 0 1.75-1.765v-43.147c0-5.792.641-11.569 1.922-15.198 1.252-3.587 2.96-6.461 5.066-8.525 2.12-2.049 4.525-3.486 7.158-4.297 2.689-.826 5.663-1.096 7.77-1.096 3.031 0 6.361.782 6.361.782 1.109.128 1.736-.555 2.105-1.565.997-2.647 3.815-10.574 4.356-12.153"></path><path fill="#FFF" d="M595.874 246.603c-1.85-.569-3.529-.954-5.721-1.366-2.221-.398-4.867-.598-7.869-.598-10.475 0-18.729 2.96-24.52 8.794-5.764 5.807-9.678 14.644-11.642 26.271l-.712 3.913h-13.148s-1.594-.057-1.936 1.68l-2.148 12.053c-.157 1.139.342 1.864 1.878 1.864h12.794l-12.979 72.463c-1.011 5.835-2.178 10.631-3.473 14.273-1.267 3.587-2.504 6.276-4.041 8.24-1.48 1.879-2.875 3.273-5.295 4.084-1.992.669-4.297.982-6.816.982-1.395 0-3.258-.229-4.639-.513-1.366-.271-2.092-.569-3.131-1.011 0 0-1.494-.568-2.092.926-.47 1.238-3.885 10.615-4.298 11.769-.398 1.152.171 2.049.896 2.319 1.708.598 2.974.996 5.294 1.551 3.217.755 5.934.797 8.481.797 5.322 0 10.189-.754 14.217-2.205 4.042-1.466 7.57-4.014 10.701-7.457 3.373-3.729 5.493-7.628 7.515-12.964 2.006-5.266 3.729-11.812 5.094-19.439l13.05-73.815h19.069s1.607.057 1.936-1.693l2.162-12.039c.143-1.152-.341-1.864-1.893-1.864h-18.514c.1-.412.939-6.931 3.06-13.063.911-2.604 2.618-4.725 4.056-6.177 1.424-1.423 3.06-2.433 4.854-3.017 1.835-.598 3.928-.882 6.219-.882 1.736 0 3.457.199 4.752.469 1.793.385 2.49.584 2.961.727 1.893.569 2.148.014 2.519-.896l4.426-12.153c.455-1.312-.669-1.867-1.067-2.023M337.194 371.834c0 .968-.697 1.751-1.665 1.751h-15.355c-.968 0-1.651-.783-1.651-1.751v-123.58c0-.967.683-1.75 1.651-1.75h15.355c.968 0 1.665.783 1.665 1.75v123.58z"></path></svg></div></div></div><div class="flex-[0_0_100px] min-w-0 p-2"><div data-slide-inner="true" class="relative rounded-full border border-gray-100 size-20 cursor-pointer flex items-center justify-center bg-white/60 backdrop-blur-sm shadow-[0px_16px_24px_-8px_rgba(36,49,83,0.03),0px_8px_16px_-4px_rgba(36,49,83,0.03),0px_4px_8px_-2px_rgba(36,49,83,0.03),0px_2px_3px_0px_rgba(36,49,83,0.03),0px_0.75px_0.75px_0px_rgba(55,55,80,0.04),0px_0px_0px_1px_rgba(55,55,80,0.04)] will-change-transform"><div class="scale-[1.25] min-w-[40px] min-h-[40px] flex items-center justify-center"><svg fill="none" height="32" width="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M9.52485 18.9616C9.52485 20.2635 8.47346 21.3157 7.17258 21.3157C5.87171 21.3157 4.82031 20.2635 4.82031 18.9616C4.82031 17.6597 5.87171 16.6074 7.17258 16.6074H9.52485V18.9616ZM10.701 18.9616C10.701 17.6597 11.7524 16.6074 13.0533 16.6074C14.3541 16.6074 15.4055 17.6597 15.4055 18.9616V24.8469C15.4055 26.1488 14.3541 27.2011 13.0533 27.2011C11.7524 27.2011 10.701 26.1488 10.701 24.8469V18.9616Z" fill="#E01E5A" style="fill:#E01E5A;fill-opacity:1"></path><path d="M13.0515 9.50907C11.7507 9.50907 10.6993 8.45684 10.6993 7.15492C10.6993 5.85301 11.7507 4.80078 13.0515 4.80078C14.3524 4.80078 15.4038 5.85301 15.4038 7.15492V9.50907H13.0515ZM13.0515 10.704C14.3524 10.704 15.4038 11.7562 15.4038 13.0581C15.4038 14.36 14.3524 15.4123 13.0515 15.4123H7.15305C5.85217 15.4123 4.80078 14.36 4.80078 13.0581C4.80078 11.7562 5.85217 10.704 7.15305 10.704H13.0515Z" fill="#36C5F0" style="fill:#36C5F0;fill-opacity:1"></path><path d="M22.4783 13.0581C22.4783 11.7562 23.5297 10.704 24.8306 10.704C26.1315 10.704 27.1829 11.7562 27.1829 13.0581C27.1829 14.36 26.1315 15.4123 24.8306 15.4123H22.4783V13.0581ZM21.3022 13.0581C21.3022 14.36 20.2508 15.4123 18.9499 15.4123C17.649 15.4123 16.5977 14.36 16.5977 13.0581V7.15492C16.5977 5.85301 17.649 4.80078 18.9499 4.80078C20.2508 4.80078 21.3022 5.85301 21.3022 7.15492V13.0581Z" fill="#2EB67D" style="fill:#2EB67D;fill-opacity:1"></path><path d="M18.9499 22.4928C20.2508 22.4928 21.3022 23.545 21.3022 24.8469C21.3022 26.1488 20.2508 27.2011 18.9499 27.2011C17.649 27.2011 16.5977 26.1488 16.5977 24.8469V22.4928H18.9499ZM18.9499 21.3157C17.649 21.3157 16.5977 20.2635 16.5977 18.9616C16.5977 17.6597 17.649 16.6074 18.9499 16.6074H24.8484C26.1493 16.6074 27.2007 17.6597 27.2007 18.9616C27.2007 20.2635 26.1493 21.3157 24.8484 21.3157H18.9499Z" fill="#ECB22E" style="fill:#ECB22E;fill-opacity:1"></path></svg></div></div></div><div class="flex-[0_0_100px] min-w-0 p-2"><div data-slide-inner="true" class="relative rounded-full border border-gray-100 size-20 cursor-pointer flex items-center justify-center bg-white/60 backdrop-blur-sm shadow-[0px_16px_24px_-8px_rgba(36,49,83,0.03),0px_8px_16px_-4px_rgba(36,49,83,0.03),0px_4px_8px_-2px_rgba(36,49,83,0.03),0px_2px_3px_0px_rgba(36,49,83,0.03),0px_0.75px_0.75px_0px_rgba(55,55,80,0.04),0px_0px_0px_1px_rgba(55,55,80,0.04)] will-change-transform"><div class="scale-[1.25] min-w-[40px] min-h-[40px] flex items-center justify-center"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-auto h-6"><g><path d="M50,0.1c27.5,0,49.9,22.3,49.9,49.9c0,27.5-22.3,49.9-49.9,49.9C22.5,99.9,0.1,77.5,0.1,50 C0.1,22.5,22.5,0.1,50,0.1" fill="#140F4D"></path><path d="M5.2,50C5.2,25.2,25.2,5.1,50,5.1c24.8,0,44.8,20.1,44.8,44.9c0,24.8-20.1,44.9-44.8,44.9 C25.2,94.9,5.2,74.8,5.2,50 M0,50c0,27.6,22.4,50,50,50c27.6,0,50-22.4,50-50c0-27.6-22.4-50-50-50C22.4,0,0,22.4,0,50" fill="#968CFF"></path><polygon fill="#DBD9FF" points="59.1,21.9 59.1,80.5 74.1,68.6 74.1,30 "></polygon><polygon fill="#DBD9FF" points="52.2,67.7 40.1,73 40.1,27 52.2,30.6 "></polygon><polygon fill="#DBD9FF" points="23.9,66.4 33.2,63.9 33.2,34.6 23.9,33.1 "></polygon></g></svg></div></div></div><div class="flex-[0_0_100px] min-w-0 p-2"><div data-slide-inner="true" class="relative rounded-full border border-gray-100 size-20 cursor-pointer flex items-center justify-center bg-white/60 backdrop-blur-sm shadow-[0px_16px_24px_-8px_rgba(36,49,83,0.03),0px_8px_16px_-4px_rgba(36,49,83,0.03),0px_4px_8px_-2px_rgba(36,49,83,0.03),0px_2px_3px_0px_rgba(36,49,83,0.03),0px_0.75px_0.75px_0px_rgba(55,55,80,0.04),0px_0px_0px_1px_rgba(55,55,80,0.04)] will-change-transform"><div class="scale-[1.25] min-w-[40px] min-h-[40px] flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" class="w-auto h-6"><g transform="matrix(.363638 0 0 .363636 -3.272763 -2.909091)"><path d="M130 29v132c0 14.77 10.2 23 21 23 10 0 21-7 21-23V30c0-13.54-10-22-21-22s-21 9.33-21 21z" fill="#f9ab00"></path><g fill="#e37400"><path d="M75 96v65c0 14.77 10.2 23 21 23 10 0 21-7 21-23V97c0-13.54-10-22-21-22s-21 9.33-21 21z"></path><circle cx="41" cy="163" r="21"></circle></g></g></svg></div></div></div><div class="flex-[0_0_100px] min-w-0 p-2"><div data-slide-inner="true" class="relative rounded-full border border-gray-100 size-20 cursor-pointer flex items-center justify-center bg-white/60 backdrop-blur-sm shadow-[0px_16px_24px_-8px_rgba(36,49,83,0.03),0px_8px_16px_-4px_rgba(36,49,83,0.03),0px_4px_8px_-2px_rgba(36,49,83,0.03),0px_2px_3px_0px_rgba(36,49,83,0.03),0px_0.75px_0.75px_0px_rgba(55,55,80,0.04),0px_0px_0px_1px_rgba(55,55,80,0.04)] will-change-transform"><div class="scale-[1.25] min-w-[40px] min-h-[40px] flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85.574 89.423" class="w-auto h-8" aria-hidden="true"><g fill="#52bd94"><rect x="32.817" y="28.854" width="52.25" height="9.064" rx="1.685"></rect><rect x="0.488" y="51.505" width="52.25" height="9.064" rx="1.685"></rect><path fill-rule="evenodd" d="M6.761 35.058a1.699 1.699 0 0 0 2.053-1.154A35.66 35.66 0 0 1 50.482 9.903a1.671 1.671 0 0 0 1.958-1.216l1.475-5.504a1.695 1.695 0 0 0-1.282-2.088 44.726 44.726 0 0 0-52.56 30.39 1.678 1.678 0 0 0 1.185 2.098Z"></path><path fill-rule="evenodd" d="M78.813 54.364a1.699 1.699 0 0 0-2.053 1.155A35.659 35.659 0 0 1 35.092 79.52a1.671 1.671 0 0 0-1.958 1.216l-1.474 5.503a1.695 1.695 0 0 0 1.282 2.088 44.726 44.726 0 0 0 52.56-30.39 1.677 1.677 0 0 0-1.185-2.098Z"></path><circle cx="68.613" cy="13.932" r="4.97"></circle><circle cx="16.959" cy="75.491" r="4.97"></circle></g></svg></div></div></div></div></div></div><div class="p-2 relative rounded-3xl border border-gray-200/50 bg-white/5 backdrop-blur h-[255px] sm:h-[202px] w-fit mx-auto"><div class="bg-white/60 size-full rounded-2xl border border-gray-200/80 max-w-lg" style="opacity:0;filter:blur(7px);transform:translateY(-20px) scale(1) translateZ(0)"><div class="flex flex-col justify-between items-center w-full"><div class="p-4 sm:p-6 flex justify-between items-center w-full border-b border-gray-100"><div class="flex items-center gap-2 sm:gap-4"><div class="relative w-5 sm:w-8 [&>svg]:size-full"><svg xmlns="http://www.w3.org/2000/svg" viewBox="6.20856283 .64498824 244.26943717 251.24701176" height="28" width="28" class=""><path d="m191.385 85.694v-29.506a22.722 22.722 0 0 0 13.101-20.48v-.677c0-12.549-10.173-22.722-22.721-22.722h-.678c-12.549 0-22.722 10.173-22.722 22.722v.677a22.722 22.722 0 0 0 13.101 20.48v29.506a64.342 64.342 0 0 0 -30.594 13.47l-80.922-63.03c.577-2.083.878-4.225.912-6.375a25.6 25.6 0 1 0 -25.633 25.55 25.323 25.323 0 0 0 12.607-3.43l79.685 62.007c-14.65 22.131-14.258 50.974.987 72.7l-24.236 24.243c-1.96-.626-4-.959-6.057-.987-11.607.01-21.01 9.423-21.007 21.03.003 11.606 9.412 21.014 21.018 21.017 11.607.003 21.02-9.4 21.03-21.007a20.747 20.747 0 0 0 -.988-6.056l23.976-23.985c21.423 16.492 50.846 17.913 73.759 3.562 22.912-14.352 34.475-41.446 28.985-67.918-5.49-26.473-26.873-46.734-53.603-50.792m-9.938 97.044a33.17 33.17 0 1 1 0-66.316c17.85.625 32 15.272 32.01 33.134.008 17.86-14.127 32.522-31.977 33.165" fill="#ff7a59"></path></svg></div><div class="text-base">Hubspot</div></div><div class="flex items-end gap-1.5"><svg class="inline shrink-0 self-center size-4 text-gray-500"><use href="/icons/sprite.svg#user-round"></use></svg><p class="text-sm text-gray-700">Active deals</p></div></div><div class="p-3 sm:p-4 flex justify-between items-center w-full"><div class="flex flex-wrap gap-2 sm:gap-3 items-center"><div class="h-7 flex items-center border border-gray-200 rounded-md overflow-hidden"><div class="flex items-center font-normal text-xs sm:text-sm bg-gray-50 h-full w-fit px-1.5 border-r border-r-gray-200">Demos<!-- -->:</div><div class="flex gap-1 pl-2 pr-1"><span><div class="w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-5 text-[14px] gap-1 px-2 rounded-md bg-blue-50 border-blue-200 text-blue-800 [box-shadow:0px_-1px_1px_0px_hsla(226,88%,22%,0.14)_inset,0px_1px_2px_0px_hsla(204,100%,98%,0.5)_inset] hidden sm:block"><span class="flex items-center truncate">All</span></div><div class="w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-blue-50 border-blue-200 text-blue-800 [box-shadow:0px_-1px_1px_0px_hsla(226,88%,22%,0.14)_inset,0px_1px_2px_0px_hsla(204,100%,98%,0.5)_inset] block sm:hidden"><span class="flex items-center truncate">All</span></div></span></div><svg class="inline shrink-0 self-center size-4 h-3.5 w-3.5 mr-1.5 text-gray-500"><use href="/icons/sprite.svg#chevron-down"></use></svg></div><div class="h-7 flex items-center border border-gray-200 rounded-md overflow-hidden"><div class="flex items-center font-normal text-xs sm:text-sm bg-gray-50 h-full w-fit px-1.5 border-r border-r-gray-200">Employees<!-- -->:</div><div class="flex gap-1 pl-2 pr-1"><span><div class="w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-5 text-[14px] gap-1 px-2 rounded-md bg-blue-50 border-blue-200 text-blue-800 [box-shadow:0px_-1px_1px_0px_hsla(226,88%,22%,0.14)_inset,0px_1px_2px_0px_hsla(204,100%,98%,0.5)_inset] hidden sm:block"><span class="flex items-center truncate">1000+</span></div><div class="w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-blue-50 border-blue-200 text-blue-800 [box-shadow:0px_-1px_1px_0px_hsla(226,88%,22%,0.14)_inset,0px_1px_2px_0px_hsla(204,100%,98%,0.5)_inset] block sm:hidden"><span class="flex items-center truncate">1000+</span></div></span></div><svg class="inline shrink-0 self-center size-4 h-3.5 w-3.5 mr-1.5 text-gray-500"><use href="/icons/sprite.svg#chevron-down"></use></svg></div><div class="h-7 flex items-center border border-gray-200 rounded-md overflow-hidden"><div class="flex items-center font-normal text-xs sm:text-sm bg-gray-50 h-full w-fit px-1.5 border-r border-r-gray-200">Revenue<!-- -->:</div><div class="flex gap-1 pl-2 pr-1"><span><div class="w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-5 text-[14px] gap-1 px-2 rounded-md bg-blue-50 border-blue-200 text-blue-800 [box-shadow:0px_-1px_1px_0px_hsla(226,88%,22%,0.14)_inset,0px_1px_2px_0px_hsla(204,100%,98%,0.5)_inset] hidden sm:block"><span class="flex items-center truncate">$10M</span></div><div class="w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-blue-50 border-blue-200 text-blue-800 [box-shadow:0px_-1px_1px_0px_hsla(226,88%,22%,0.14)_inset,0px_1px_2px_0px_hsla(204,100%,98%,0.5)_inset] block sm:hidden"><span class="flex items-center truncate">$10M</span></div></span></div><svg class="inline shrink-0 self-center size-4 h-3.5 w-3.5 mr-1.5 text-gray-500"><use href="/icons/sprite.svg#chevron-down"></use></svg></div><div class="h-7 flex items-center border border-gray-200 rounded-md overflow-hidden"><div class="flex items-center font-normal text-xs sm:text-sm bg-gray-50 h-full w-fit px-1.5 border-r border-r-gray-200">Audience<!-- -->:</div><div class="flex gap-1 pl-2 pr-1"><span><div class="w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-5 text-[14px] gap-1 px-2 rounded-md bg-blue-50 border-blue-200 text-blue-800 [box-shadow:0px_-1px_1px_0px_hsla(226,88%,22%,0.14)_inset,0px_1px_2px_0px_hsla(204,100%,98%,0.5)_inset] hidden sm:block"><span class="flex items-center truncate">ICP companies</span></div><div class="w-fit items-center text-center font-regular whitespace-nowrap overflow-hidden shrink-0 border-[0.5px] h-4 text-[12px] gap-0.5 px-1.5 rounded-md bg-blue-50 border-blue-200 text-blue-800 [box-shadow:0px_-1px_1px_0px_hsla(226,88%,22%,0.14)_inset,0px_1px_2px_0px_hsla(204,100%,98%,0.5)_inset] block sm:hidden"><span class="flex items-center truncate">ICP companies</span></div></span></div><svg class="inline shrink-0 self-center size-4 h-3.5 w-3.5 mr-1.5 text-gray-500"><use href="/icons/sprite.svg#chevron-down"></use></svg></div></div></div></div></div></div><div class="block h-[150px] max-w-[90%] sm:max-w-md mx-auto mt-4"><div class="relative w-full"><div class="opacity-1 p-4 pr-6 rounded-xl bg-white/80 backdrop-blur-lg [box-shadow:0px_32px_56px_-8px_rgba(36,49,83,0.03),0px_16px_24px_-8px_rgba(36,49,83,0.03),0px_8px_16px_-4px_rgba(36,49,83,0.03),0px_4px_8px_-2px_rgba(36,49,83,0.03),0px_2px_3px_0px_rgba(36,49,83,0.03),0px_0.75px_0.75px_0px_rgba(55,55,80,0.04),0px_0px_0px_1px_rgba(55,55,80,0.04)] border border-gray-100 absolute z-10 left-0 right-0 z-[10]" style="opacity:0;filter:blur(7px);transform:translateY(-20px) scale(1.1) translateZ(0)"><div class="flex items-center justify-between"><div class="flex items-center gap-3"><img src="/img/user-3.jpeg" class="h-8 w-8 rounded-full border border-gray-100 object-cover object-center" alt="Sara Davis's avatar"/><div class="flex flex-col"><p class="text-sm font-medium text-gray-800">Sara Davis</p><p class="text-xs font-normal text-gray-500">ethan.davis@intercom.com</p></div></div><div class="items-center gap-6 flex"><div class="flex-col items-start hidden sm:flex"><p class="text-sm font-medium text-gray-800">28m 42s</p><p class="text-xs font-normal text-gray-500">Total time</p></div><div class="flex flex-col items-start"><p class="text-sm font-medium text-gray-800">18</p><p class="text-xs font-normal text-gray-500">Visits</p></div></div></div></div><div class="opacity-1 p-4 pr-6 rounded-xl bg-white/80 backdrop-blur-lg [box-shadow:0px_32px_56px_-8px_rgba(36,49,83,0.03),0px_16px_24px_-8px_rgba(36,49,83,0.03),0px_8px_16px_-4px_rgba(36,49,83,0.03),0px_4px_8px_-2px_rgba(36,49,83,0.03),0px_2px_3px_0px_rgba(36,49,83,0.03),0px_0.75px_0.75px_0px_rgba(55,55,80,0.04),0px_0px_0px_1px_rgba(55,55,80,0.04)] border border-gray-100 absolute z-10 left-0 right-0 z-[5]" style="opacity:0;filter:blur(7px);transform:translateY(-20px) scale(1.1) translateZ(0)"><div class="flex items-center justify-between"><div class="flex items-center gap-3"><img src="/img/user-1.jpeg" class="h-8 w-8 rounded-full border border-gray-100 object-cover object-center" alt="Lisa Kalkov's avatar"/><div class="flex flex-col"><p class="text-sm font-medium text-gray-800">Lisa Kalkov</p><p class="text-xs font-normal text-gray-500">lisa@airtable.com</p></div></div><div class="items-center gap-6 flex"><div class="flex-col items-start hidden sm:flex"><p class="text-sm font-medium text-gray-800">1h 30m</p><p class="text-xs font-normal text-gray-500">Total time</p></div><div class="flex flex-col items-start"><p class="text-sm font-medium text-gray-800">12</p><p class="text-xs font-normal text-gray-500">Visits</p></div></div></div></div><div class="opacity-1 p-4 pr-6 rounded-xl bg-white/80 backdrop-blur-lg [box-shadow:0px_32px_56px_-8px_rgba(36,49,83,0.03),0px_16px_24px_-8px_rgba(36,49,83,0.03),0px_8px_16px_-4px_rgba(36,49,83,0.03),0px_4px_8px_-2px_rgba(36,49,83,0.03),0px_2px_3px_0px_rgba(36,49,83,0.03),0px_0.75px_0.75px_0px_rgba(55,55,80,0.04),0px_0px_0px_1px_rgba(55,55,80,0.04)] border border-gray-100 absolute z-10 left-0 right-0 z-[1]" style="opacity:0;filter:blur(7px);transform:translateY(-20px) scale(1.1) translateZ(0)"><div class="flex items-center justify-between"><div class="flex items-center gap-3"><img src="/img/user-2.jpeg" class="h-8 w-8 rounded-full border border-gray-100 object-cover object-center" alt="Ashton Johnson's avatar"/><div class="flex flex-col"><p class="text-sm font-medium text-gray-800">Ashton Johnson</p><p class="text-xs font-normal text-gray-500">ash@ramp.com</p></div></div><div class="items-center gap-6 flex"><div class="flex-col items-start hidden sm:flex"><p class="text-sm font-medium text-gray-800">2min 6s</p><p class="text-xs font-normal text-gray-500">Total time</p></div><div class="flex flex-col items-start"><p class="text-sm font-medium text-gray-800">1</p><p class="text-xs font-normal text-gray-500">Visits</p></div></div></div></div></div></div></div></div></div></div></div></div><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -top-2 -right-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -top-2 -left-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -bottom-2 -left-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -bottom-2 -right-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg></div><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -left-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -left-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[80px] -left-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[40px] -left-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg></div><div class="space-y-10"><div class="gap-px relative grid h-full border-gray-200/80 grid-rows-[repeat(var(--grid-rows),minmax(0,1fr))] sm:grid-rows-[repeat(var(--grid-rows-sm),minmax(0,1fr))] md:grid-rows-[repeat(var(--grid-rows-md),minmax(0,1fr))] lg:grid-rows-[repeat(var(--grid-rows-lg),minmax(0,1fr))] grid-cols-[repeat(var(--grid-cols),minmax(0,1fr))] sm:grid-cols-[repeat(var(--grid-cols-sm),minmax(0,1fr))] md:grid-cols-[repeat(var(--grid-cols-md),minmax(0,1fr))] lg:grid-cols-[repeat(var(--grid-cols-lg),minmax(0,1fr))]" style="--grid-rows:1;--grid-rows-sm:1;--grid-rows-md:1;--grid-rows-lg:1;--grid-cols:1;--grid-cols-sm:1;--grid-cols-md:2;--grid-cols-lg:4"><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-2 !pb-4 md:!p-4" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="flex flex-col items-center justify-center gap-4 m-2"><svg class="inline shrink-0 self-center w-14 h-9 text-brand-600"><use href="/icons/sprite.svg#crm-integrations-tritone"></use></svg><div class="flex flex-col gap-1"><h3 class="text-sm text-gray-900 font-medium text-center text-balance">CRM integrations</h3><div class="text-sm font-normal text-gray-500 text-center text-balance max-w-[90%] sm:max-w-none mx-auto">Native support for the most popular CRMs.</div></div></div></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-2 !pb-4 md:!p-4" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="flex flex-col items-center justify-center gap-4 m-2"><svg class="inline shrink-0 self-center w-14 h-9 text-brand-600"><use href="/icons/sprite.svg#slack-alerts-tritone"></use></svg><div class="flex flex-col gap-1"><h3 class="text-sm text-gray-900 font-medium text-center text-balance">Alert integrations</h3><div class="text-sm font-normal text-gray-500 text-center text-balance max-w-[90%] sm:max-w-none mx-auto">Receive real-time alerts via Slack and email notifications.</div></div></div></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-2 !pb-4 md:!p-4" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="flex flex-col items-center justify-center gap-4 m-2"><svg class="inline shrink-0 self-center w-14 h-9 text-brand-600"><use href="/icons/sprite.svg#event-integrations-tritone"></use></svg><div class="flex flex-col gap-1"><h3 class="text-sm text-gray-900 font-medium text-center text-balance">Event integrations</h3><div class="text-sm font-normal text-gray-500 text-center text-balance max-w-[90%] sm:max-w-none mx-auto">Ingest Navattic events into CDPs through a custom webhook.</div></div></div></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] !p-2 !pb-4 md:!p-4" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><div class="flex flex-col items-center justify-center gap-4 m-2"><svg class="inline shrink-0 self-center w-14 h-9 text-brand-600"><use href="/icons/sprite.svg#tracking-script-tritone"></use></svg><div class="flex flex-col gap-1"><h3 class="text-sm text-gray-900 font-medium text-center text-balance">Tracking scripts</h3><div class="text-sm font-normal text-gray-500 text-center text-balance max-w-[90%] sm:max-w-none mx-auto">Insert tracking scripts to send demo engagement to other platforms.</div></div></div></div></div></div></section><div class="space-y-8"><section class="space-y-6 mb-20 max-w-2xl mx-auto flex flex-col items-center text-center"><div class="space-y-5"><div class="w-auto inline-block"><div class="rounded-full border shadow-sm bg-white flex items-center p-1 pr-2.5 space-x-1"><svg class="inline shrink-0 self-center size-4 text-[#FF492C] h-5 w-5"><use href="/icons/sprite.svg#g2-circle"></use></svg><span class="pl-1 text-sm text-gray-600"><span class=" text-gray-800 font-medium">4.8 stars</span> · <!-- -->300+ Reviews</span></div></div><div class="text-3xl text-gray-900 text-balance">Trusted by the<span class="header-text-gradient"> fastest growing companies</span></div><div class="mx-auto max-w-xl text-base text-balance text-gray-600">The fastest growing software teams use Navattic to create better buying experiences.</div></div><a class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none bg-white h-10 rounded-[10px] text-md gap-x-2 px-3.5 border-gray-300 shadow-button-elevated text-gray-700 hover:bg-gray-50 hover:text-gray-900 dark:bg-white/10 dark:border-gray-600 dark:text-white active:text-gray-900 data-[active=true]:text-gray-900 active:shadow-button-shallow-inset-indented data-[active=true]:shadow-button-shallow-inset-indented focus-visible:shadow-gray-focus focus-visible:text-gray-900" data-headlessui-state="" href="/customer/highlights">View customer highlights <svg class="inline shrink-0 self-center size-4"><use href="/icons/sprite.svg#arrow-right"></use></svg></a></section><div class="gap-px border bg-gray-200/80 relative grid h-full border-gray-200/80 grid-rows-[repeat(var(--grid-rows),minmax(0,1fr))] sm:grid-rows-[repeat(var(--grid-rows-sm),minmax(0,1fr))] md:grid-rows-[repeat(var(--grid-rows-md),minmax(0,1fr))] lg:grid-rows-[repeat(var(--grid-rows-lg),minmax(0,1fr))] grid-cols-[repeat(var(--grid-cols),minmax(0,1fr))] sm:grid-cols-[repeat(var(--grid-cols-sm),minmax(0,1fr))] md:grid-cols-[repeat(var(--grid-cols-md),minmax(0,1fr))] lg:grid-cols-[repeat(var(--grid-cols-lg),minmax(0,1fr))]" style="--grid-rows:6;--grid-rows-md:6;--grid-rows-lg:2;--grid-cols:2;--grid-cols-sm:2;--grid-cols-md:2;--grid-cols-lg:6"><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] flex items-center justify-center !p-0" style="--grid-row:3/5;--grid-row-sm:3/5;--grid-row-md:3/5;--grid-row-lg:1/3;--grid-col:1/-1;--grid-col-sm:1/-1;--grid-col-md:1/-1;--grid-col-lg:3/5"><div class="w-full relative overflow-hidden bg-white"><div class="overflow-hidden size-full"><div class="p-5 py-8 sm:p-10 bg-white/50 relative overflow-hidden h-full min-h-[310px]"><div class="absolute top-0 left-0 size-full h-0.5" style="background-color:#6C6F60"></div><blockquote class="relative size-full flex flex-col justify-between"><div class="relative z-10 flex flex-col gap-4 mb-10"><p class="text-xl font-medium md:text-balance text-gray-700 select-none" style="opacity:0;filter:blur(4px);transform:translateX(-30px) translateZ(0)">"<!-- -->Since launching Navattic, it's been responsible for 15% of the leads on our website.<!-- -->"</p></div><div class="flex flex-col gap-4 select-none" style="opacity:0;filter:blur(4px);transform:translateX(-50px) translateZ(0)"><img alt="Ramp logo" loading="lazy" width="628" height="169" decoding="async" data-nimg="1" class="object-contain object-left w-full h-7 inline-block" style="color:transparent;transform-origin:bottom left" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/013ff86c57357352351f05f1115ded02ae675749-628x169.png?w=628&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/013ff86c57357352351f05f1115ded02ae675749-628x169.png?w=628&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/013ff86c57357352351f05f1115ded02ae675749-628x169.png?w=628&auto=format"/></div></blockquote><div class="absolute z-0 bottom-0 blur-2xl rounded-full h-1 w-[90%] left-1/2 -translate-x-1/2" style="background-color:#6C6F60"></div></div></div><div class="slide_direction flex justify-between"><div class="w-1/2 absolute z-10 top-0 left-0 h-full cursor-pointer"></div><div class="w-1/2 absolute z-10 top-0 right-0 h-full cursor-pointer"></div></div><div class="absolute z-20 bottom-4 right-4 p-1.5 rounded-full gap-1 flex justify-center bg-gray-800/[.08] backdrop-blur-sm"><div class="relative size-1.5 rounded-full transition-all duration-300 overflow-hidden cursor-pointer bg-gray-300 w-5"><div class="absolute inset-0 rounded-full bg-gray-400/80 animate-dot-progress origin-left"></div></div><div class="relative size-1.5 rounded-full bg-gray-400/50 transition-all duration-300 overflow-hidden cursor-pointer"></div><div class="relative size-1.5 rounded-full bg-gray-400/50 transition-all duration-300 overflow-hidden cursor-pointer"></div><div class="relative size-1.5 rounded-full bg-gray-400/50 transition-all duration-300 overflow-hidden cursor-pointer"></div></div></div></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] grid place-items-center" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><img src="/img/customers/gusto.svg" alt="Gusto logo" class="object-contain object-left w-full !object-center h-6 sm:h-10" style="scale:1;transform-origin:center"/></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] grid place-items-center" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><img src="/img/customers/vts.svg" alt="VTS logo" class="object-contain object-left w-full !object-center h-6 sm:h-10" style="scale:.8;transform-origin:center"/></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] grid place-items-center" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><img src="/img/customers/mixpanel.svg" alt="Mixpanel logo" class="object-contain object-left w-full !object-center h-6 sm:h-10" style="scale:.8;transform-origin:center"/></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] grid place-items-center" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><img src="/img/customers/vitally.png" alt="Vitally logo" class="object-contain object-left w-full !object-center h-6 sm:h-10" style="transform-origin:center"/></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] grid place-items-center" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><img src="/img/customers/fivetran-color.png" alt="FiveTran logo" class="object-contain object-left w-full !object-center h-6 sm:h-10" style="transform-origin:center"/></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] grid place-items-center" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><img src="/img/customers/dropbox.png" alt="Dropbox logo" class="object-contain object-left w-full !object-center h-6 sm:h-10" style="scale:.8;transform-origin:center"/></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] grid place-items-center" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><img src="/img/customers/front.svg" alt="Front logo" class="object-contain object-left w-full !object-center h-6 sm:h-10" style="scale:.8;transform-origin:center"/></div><div class="bg-gray-50 group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] grid place-items-center" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><img src="/img/customers/datadog.svg" alt="Datadog logo" class="object-contain object-left w-full !object-center h-6 sm:h-10" style="transform-origin:center"/></div><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -top-2 -right-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -top-2 -left-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -bottom-2 -left-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -bottom-2 -right-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -left-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -left-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[80px] -left-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[40px] -left-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg></div></div></div></div></div></div><div class="relative size-full bg-gray-50"><div class="z-10 relative pb-16 pt-20 text-center sm:py-24"><div class="px-4 lg:px-8"><div class="relative mx-auto max-w-2xl lg:max-w-[85rem]"><div class="gap-px border bg-gray-200/80 relative grid h-full border-gray-200/80 grid-rows-[repeat(var(--grid-rows),minmax(0,1fr))] sm:grid-rows-[repeat(var(--grid-rows-sm),minmax(0,1fr))] md:grid-rows-[repeat(var(--grid-rows-md),minmax(0,1fr))] lg:grid-rows-[repeat(var(--grid-rows-lg),minmax(0,1fr))] grid-cols-[repeat(var(--grid-cols),minmax(0,1fr))] sm:grid-cols-[repeat(var(--grid-cols-sm),minmax(0,1fr))] md:grid-cols-[repeat(var(--grid-cols-md),minmax(0,1fr))] lg:grid-cols-[repeat(var(--grid-cols-lg),minmax(0,1fr))]" style="--grid-rows:1;--grid-rows-sm:1;--grid-rows-md:1;--grid-rows-lg:1;--grid-cols:1;--grid-cols-sm:1;--grid-cols-md:1;--grid-cols-lg:1"><div class="group/item relative p-8 lg:p-12 row-[var(--grid-row)] sm:row-[var(--grid-row-sm)] md:row-[var(--grid-row-md)] lg:row-[var(--grid-row-lg)] col-[var(--grid-col)] sm:col-[var(--grid-col-sm)] md:col-[var(--grid-col-md)] lg:col-[var(--grid-col-lg)] bg-white/90 flex flex-col items-center" style="--grid-row:auto;--grid-row-sm:auto;--grid-row-md:auto;--grid-row-lg:auto;--grid-col:auto;--grid-col-sm:auto;--grid-col-md:auto;--grid-col-lg:auto"><hgroup class="flex flex-col items-center"><h3 class="mt-6 text-gray-900 text-4xl">Build demos<br/>that<span class="text-gray-600"> delight.</span></h3></hgroup><div class="mt-8 mb-4 flex justify-center gap-3"><a class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none text-white h-10 rounded-[10px] text-md gap-x-2 px-3.5 border-gray-900 bg-gray-800 shadow-solid-gray-button-default hover:bg-gray-700 dark:bg-white dark:text-gray-950 dark:border-gray-950 active:shadow-solid-button-active data-[active=true]:shadow-solid-button-active focus-visible:shadow-solid-button-gray-focus" data-headlessui-state="" href="https://app.navattic.com/auth/sign-up">Try for free</a><a class="relative flex items-center justify-center whitespace-nowrap transition-all border outline-none focus-visible:outline-none group w-fit disabled:opacity-50 disabled:cursor-not-allowed font-medium leading-none bg-white h-10 rounded-[10px] text-md gap-x-2 px-3.5 border-gray-300 shadow-button-elevated text-gray-700 hover:bg-gray-50 hover:text-gray-900 dark:bg-white/10 dark:border-gray-600 dark:text-white active:text-gray-900 data-[active=true]:text-gray-900 active:shadow-button-shallow-inset-indented data-[active=true]:shadow-button-shallow-inset-indented focus-visible:shadow-gray-focus focus-visible:text-gray-900" data-headlessui-state="" href="/get-demo">Book a demo</a></div><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -top-2 -right-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -top-2 -left-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -bottom-2 -left-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg><svg viewBox="0 0 15 15" aria-hidden="true" vector-effect="non-scaling-stroke" class="absolute size-[15px] p-1 fill-gray-400 z-10 opacity-60 -bottom-2 -right-2"><path d="M8.5 0H6.5V6.5H0V8.5H6.5V15H8.5V8.5H15V6.5H8.5V0Z"></path></svg></div><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[40px] -left-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[40px] -right-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[40px] -left-[40px] rotate-90"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -top-[80px] -left-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[80px] -left-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg><svg width="1px" height="80" viewBox="0 0 1 120" class="absolute text-gray-300/80 -bottom-[80px] -right-[1px]"><path d="M0.5 0V120" stroke="currentColor" stroke-dasharray="5 5"></path></svg></div></div></div></div></div></div></main></div><footer><div class="px-4 lg:px-8"><div class="relative mx-auto max-w-2xl lg:max-w-[85rem]"><div class="flex items-center justify-between py-10"><svg height="30px" viewBox="0 0 221 41" fill="currentColor" class="h-5"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="currentColor" fill-rule="nonzero"><path d="M68.384 11.293l.148 1.971.03.77.019 1.055h.148c.296-.617.698-1.193 1.207-1.728a8.72 8.72 0 0 1 1.749-1.412A8.67 8.67 0 0 1 73.853 11a8.85 8.85 0 0 1 2.463-.341c1.511 0 2.808.252 3.892.755s1.987 1.176 2.709 2.02 1.256 1.834 1.601 2.969.517 2.353.517 3.651v14.312h-4.631V21.565a15.51 15.51 0 0 0-.222-2.677c-.148-.844-.419-1.59-.813-2.239s-.936-1.168-1.626-1.558-1.576-.584-2.66-.584c-1.839 0-3.342.69-4.508 2.069s-1.749 3.221-1.749 5.525v12.267h-4.631V16.259l-.049-2.385-.148-2.58h4.384zm37.045 8.129c0-1.72-.525-2.994-1.576-3.821s-2.447-1.241-4.187-1.241c-1.314 0-2.553.252-3.719.755s-2.143 1.144-2.931 1.923l-2.463-2.921c1.149-1.071 2.553-1.915 4.212-2.531s3.44-.925 5.345-.925c1.675 0 3.128.235 4.36.706s2.241 1.111 3.03 1.923a7.86 7.86 0 0 1 1.773 2.872c.394 1.103.591 2.288.591 3.554v10.076l.074 2.458c.049.86.14 1.566.271 2.118h-4.187a14.23 14.23 0 0 1-.394-3.31h-.148a8.93 8.93 0 0 1-3.227 2.872c-1.297.682-2.833 1.022-4.606 1.022-.92 0-1.88-.122-2.882-.365s-1.913-.641-2.734-1.193-1.503-1.282-2.044-2.191-.813-2.028-.813-3.359c0-1.752.476-3.14 1.429-4.162s2.2-1.801 3.744-2.337 3.284-.884 5.222-1.047l5.862-.243v-.633zm-1.133 3.943l-3.572.146c-1.232.097-2.348.292-3.35.584s-1.831.73-2.488 1.314-.985 1.363-.985 2.337c0 .682.14 1.249.419 1.704s.649.828 1.108 1.12a4.49 4.49 0 0 0 1.527.608c.558.114 1.133.17 1.724.17 2.168 0 3.834-.641 5-1.923s1.749-2.896 1.749-4.844v-1.217h-1.133zm22.316 11.001h-5.025l-9.508-23.074h5.123l6.848 18.157h.099l6.897-18.157h4.926l-9.36 23.074zm26.405-14.944c0-1.72-.525-2.994-1.576-3.821s-2.447-1.241-4.187-1.241c-1.314 0-2.553.252-3.719.755s-2.143 1.144-2.931 1.923l-2.463-2.921c1.149-1.071 2.553-1.915 4.212-2.531s3.44-.925 5.345-.925c1.675 0 3.128.235 4.36.706s2.241 1.111 3.03 1.923a7.86 7.86 0 0 1 1.773 2.872c.394 1.103.591 2.288.591 3.554v10.076l.074 2.458c.049.86.14 1.566.271 2.118h-4.187a14.23 14.23 0 0 1-.394-3.31h-.148a8.93 8.93 0 0 1-3.227 2.872c-1.297.682-2.833 1.022-4.606 1.022-.92 0-1.88-.122-2.882-.365s-1.913-.641-2.734-1.193-1.503-1.282-2.044-2.191-.813-2.028-.813-3.359c0-1.752.476-3.14 1.429-4.162s2.2-1.801 3.744-2.337 3.284-.884 5.222-1.047l5.862-.243v-.633zm-1.133 3.943l-3.572.146c-1.232.097-2.348.292-3.35.584s-1.831.73-2.488 1.314-.985 1.363-.985 2.337c0 .682.14 1.249.419 1.704s.649.828 1.108 1.12a4.49 4.49 0 0 0 1.527.608c.558.114 1.133.17 1.724.17 2.168 0 3.834-.641 5-1.923s1.749-2.896 1.749-4.844v-1.217h-1.133zm22.267-8.324h-6.207v12.024c0 1.395.263 2.393.788 2.994s1.363.901 2.512.901c.427 0 .887-.049 1.379-.146a5.32 5.32 0 0 0 1.33-.438l.148 3.748a11.25 11.25 0 0 1-1.847.462 12.57 12.57 0 0 1-2.094.17c-2.2 0-3.884-.6-5.049-1.801s-1.749-3.002-1.749-5.403v-12.51h-4.483v-3.748h4.483v-6.62h4.581v6.62h6.207v3.748zm13.498 0h-6.207v12.024c0 1.395.263 2.393.788 2.994s1.363.901 2.512.901c.427 0 .887-.049 1.379-.146a5.32 5.32 0 0 0 1.33-.438l.148 3.748a11.25 11.25 0 0 1-1.847.462 12.57 12.57 0 0 1-2.094.17c-2.2 0-3.884-.6-5.049-1.801s-1.749-3.002-1.749-5.403v-12.51h-4.483v-3.748h4.483v-6.62h4.581v6.62h6.207v3.748zm7.488 19.325h-4.631V11.293h4.631v23.074zm.788-31.398c0 .844-.304 1.541-.911 2.093s-1.338.828-2.192.828-1.576-.284-2.168-.852a2.76 2.76 0 0 1-.887-2.069c0-.844.296-1.55.887-2.118s1.314-.85 2.168-.85 1.585.284 2.192.852a2.78 2.78 0 0 1 .911 2.118zm21.676 14.166c-.493-.746-1.232-1.371-2.217-1.874s-2.036-.755-3.153-.755c-1.215 0-2.291.227-3.227.682s-1.732 1.063-2.389 1.825-1.158 1.647-1.503 2.653a9.69 9.69 0 0 0-.517 3.164 9.69 9.69 0 0 0 .517 3.164c.345 1.006.846 1.89 1.503 2.653s1.461 1.371 2.414 1.825 2.036.682 3.251.682c1.182 0 2.258-.227 3.227-.682s1.765-1.071 2.389-1.85L221 31.398c-.985 1.136-2.217 2.02-3.695 2.653s-3.153.949-5.025.949c-1.806 0-3.473-.292-5-.876s-2.849-1.404-3.966-2.458-1.995-2.328-2.636-3.821-.961-3.164-.961-5.014c0-1.817.312-3.472.936-4.965s1.494-2.775 2.611-3.846 2.438-1.898 3.966-2.483 3.177-.876 4.951-.876c1.642 0 3.276.325 4.902.974s2.915 1.59 3.867 2.823l-3.35 2.677zM14.614 33.38l-.944 1.548a11 11 0 0 1-10.137 5.247l-1.255-.089-2.166-.235c-.078-.111.395-2.16 1.42-6.147 5.227-2.321 9.588-2.43 13.081-.325zm23.478-9.783l-1.842 7.858c.002.062-.031.12-.085.15-10.419 5.766-23.317-6.584-33.741-.992-.111.06-.213.039-.217-.088l1.797-7.296c-.002-.063.031-.12.085-.15 10.419-5.766 23.696 6.777 33.632.367.097-.063.368.024.371.152zm2.454-10.624l-1.842 7.858c.002.062-.031.12-.085.15-10.419 5.766-23.317-6.584-33.741-.992-.111.06-.213.039-.217-.088l1.797-7.296c-.002-.063.031-.12.085-.15 10.419-5.766 23.696 6.777 33.632.367.097-.063.368.024.371.152zm2.035-9.923c.087.104-.483 2.276-1.711 6.518-4.952 2.735-9.26 3.207-12.924 1.415l1.019-1.906a11 11 0 0 1 8.879-5.782l2.665-.186c1.344-.084 2.035-.104 2.072-.059z"></path></g></g></svg><div class="text-gray-500 text-sm hidden md:block">Make buying easier with interactive demos</div></div><div class="border-t border-gray-100 relative pb-10"><div class="grid grid-cols-2 gap-y-10 pb-6 lg:grid-cols-6 lg:gap-8"><div class="col-span-2 grid grid-cols-2 gap-x-8 gap-y-12 lg:col-span-4 lg:grid-cols-subgrid pt-6"><div><h3 class="text-xs font-medium text-gray-400 uppercase">Product</h3><ul class="mt-6 space-y-4 text-md/6"><li><a class="text-sm text-gray-900 hover:text-gray-700" data-headlessui-state="" href="/product/product-demos">Product demos</a></li><li><a class="text-sm text-gray-900 hover:text-gray-700" data-headlessui-state="" href="/product/playbooks">Playbooks</a></li><li><a class="text-sm text-gray-900 hover:text-gray-700" data-headlessui-state="" href="/product/integrations">Integrations</a></li></ul></div><div><h3 class="text-xs font-medium text-gray-400 uppercase">Customers</h3><ul class="mt-6 space-y-4 text-md/6"><li><a class="text-sm text-gray-900 hover:text-gray-700" data-headlessui-state="" href="/customer/highlights">Highlights</a></li><li><a class="text-sm text-gray-900 hover:text-gray-700" data-headlessui-state="" href="/customer/showcase">Showcase</a></li></ul></div><div><h3 class="text-xs font-medium text-gray-400 uppercase">Company</h3><ul class="mt-6 space-y-4 text-md/6"><li><a class="text-sm text-gray-900 hover:text-gray-700" data-headlessui-state="" href="/company/careers">Careers</a></li><li><a class="text-sm text-gray-900 hover:text-gray-700" data-headlessui-state="" href="/company/contact">Contact</a></li><li><a class="text-sm text-gray-900 hover:text-gray-700" data-headlessui-state="" href="/company/security">Security</a></li></ul></div><div><h3 class="text-xs font-medium text-gray-400 uppercase">Resources</h3><ul class="mt-6 space-y-4 text-md/6"><li><a class="text-sm text-gray-900 hover:text-gray-700" data-headlessui-state="" href="/blog">Blog</a></li><li><a target="_blank" class="text-sm text-gray-900 hover:text-gray-700" data-headlessui-state="" href="https://listen.casted.us/public/174/Revenue-on-the-Rocks-e2c6af77">Podcast</a></li><li><a class="text-sm text-gray-900 hover:text-gray-700" data-headlessui-state="" href="/offer/newsletter">Buyer First Bites Newsletter</a></li><li><a class="text-sm text-gray-900 hover:text-gray-700" data-headlessui-state="" href="/demo-consultants">Demo Consultants</a></li><li><a class="text-sm text-gray-900 hover:text-gray-700" data-headlessui-state="" href="/report/state-of-the-interactive-product-demo-2024">State of Interactive Demo</a></li><li><a class="text-sm text-gray-900 hover:text-gray-700" data-headlessui-state="" href="https://docs.navattic.com">Docs</a></li></ul></div></div></div><div class="border-t border-gray-100 pt-10 mt-10 flex flex-col md:flex-row space-y-6 md:space-y-0 justify-between"><div class="text-sm text-gray-500">© <!-- -->2025<!-- --> Navattic Inc.</div><div class="flex flex-wrap gap-x-8 gap-y-4"><a target="_blank" class="text-sm text-gray-400 hover:text-gray-500" data-headlessui-state="" href="https://trust.navattic.com">Trust Center</a><a class="text-sm text-gray-400 hover:text-gray-500" data-headlessui-state="" href="/legal/terms">Terms of Use</a><a class="text-sm text-gray-400 hover:text-gray-500" data-headlessui-state="" href="/legal/privacy">Privacy Policy</a><a class="text-sm text-gray-400 hover:text-gray-500" data-headlessui-state="" href="/legal/data-processing-agreement">DPA</a></div></div></div></div></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"caseStudies":[{"customer":{"companyBrandColor":"#6C6F60","industries":["Spend Management","FinTech"],"founded":"New York, 2019","title":"Ramp","logo":{"_type":"image","asset":{"_ref":"image-013ff86c57357352351f05f1115ded02ae675749-628x169-png","_type":"reference"}},"logoScalar":"1.1","website":"https://ramp.com"},"_id":"f6341d2f-a795-4824-8ffa-a1ba3a158100","title":"Ramp","content":[{"style":"h3","_key":"13d0d9b9d4f6","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What is Ramp?","_key":"d265459634060"}],"_type":"block"},{"children":[{"text":"Ramp is building the world’s first finance automation platform designed to save businesses time and money. Ramp offers 5-in-1 software that consolidates corporate cards, expense management, bill payments, accounting, and reporting into one simple and free solution. Thousands of businesses are using Ramp for over $1 billion in annualized transaction volume.","_key":"f975d149f85a0","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"3aba7d3bb9f8","markDefs":[]},{"markDefs":[],"children":[{"text":"What was the problem you were facing?","_key":"0c1e69891a870","_type":"span","marks":[]}],"_type":"block","style":"h3","_key":"eb79e8e0341f"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"When we found Navattic, we were looking for a way to demonstrate value to potential new customers without putting them through our full onboarding process. Our goal was to build a self-service product demo in as easy and riskless of a way as possible.","_key":"14ea288035260"}],"_type":"block","style":"normal","_key":"d1c1bfccbd51"},{"markDefs":[],"children":[{"text":"Why Navattic?","_key":"5dd08016c9ff0","_type":"span","marks":[]}],"_type":"block","style":"h3","_key":"b3e6b964ea9b"},{"style":"normal","_key":"d2e28b172418","markDefs":[],"children":[{"_type":"span","marks":[],"text":"After evaluating the demo technology vendor market, we ultimately choose Navattic because the platform had the features that we were looking for and the user interface was very easy to learn and use. ","_key":"0207a3c28e220"},{"_type":"span","marks":["strong"],"text":"We had never used it before and built out a full service product tour in a matter of a few hours.","_key":"0207a3c28e221"}],"_type":"block"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"What are some results you have seen?","_key":"bc679850afb00"}],"_type":"block","style":"h3","_key":"1abfc97d015b"},{"_type":"block","style":"blockquote","_key":"9b8c1461aa22","markDefs":[],"children":[{"_key":"3cb4d84753660","_type":"span","marks":[],"text":"Since launching our product tour on our website, Navattic has contributed to 15% of leads that we collect on our site. "}]},{"_key":"da96a5fe3e8d","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We’ve also noticed that there is a much higher propensity to convert to being a Ramp customer if a prospect has completed the self-service product tour. In our multi-touch sales approach, our Navattic product tour has played a key role in influencing the buyer journey.","_key":"c928395d71a4"}],"_type":"block","style":"normal"}],"hide":false,"slug":"ramp","estimatedReadingTime":2,"featuredQuote":{"featuredQuote":"Since launching Navattic, it's been responsible for 15% of the leads on our website.","author":null,"authorTitle":null,"_id":"cdbdb188-0e14-4964-9b49-0618a1ee7c4e","customer":{"website":"https://ramp.com","companyBrandColor":"#6C6F60","industries":["Spend Management","FinTech"],"founded":"New York, 2019","title":"Ramp","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-013ff86c57357352351f05f1115ded02ae675749-628x169-png"}},"logoScalar":"1.1"}}},{"_id":"bd18b0cf-3484-477f-b179-8eb7d78e8bd4","title":"Coupa","content":[{"_type":"block","style":"h3","_key":"f0975b0f23a4","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What is Coupa?","_key":"7d112c414cde0"}]},{"children":[{"_type":"span","marks":[],"text":"Coupa offers cloud spend management (CSM) solutions that help companies control and gain visibility into their spending while generating savings that go directly to the bottom line. Coupa empowers companies around the world with the visibility and control they need to spend smarter and safer.","_key":"d2157e9f54100"}],"_type":"block","style":"normal","_key":"550801013800","markDefs":[]},{"style":"h3","_key":"d790031a241d","markDefs":[],"children":[{"marks":["strong"],"text":"What was the problem you were initially facing?","_key":"0a4f662dd6700","_type":"span"}],"_type":"block"},{"markDefs":[],"children":[{"text":"Before Navattic, prospective customers had to wait 2-3 weeks to get a demo and even longer to get a test drive. We were looking for an on-demand demo that met our customers where they were. We also wanted these demos to be guided experiences so that customers wouldn’t get lost, and could experience the most impactful areas of Coupa in a short period of time.","_key":"e1fedf5a710e0","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"96871852ba60"},{"_key":"21a69ccd31a2","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Why did you decide to use Navattic? How did Navattic stand out from other vendors in the space?","_key":"5ad3ab20c4790"}],"_type":"block","style":"h3"},{"style":"normal","_key":"96d3b36d4bf6","markDefs":[],"children":[{"_type":"span","marks":[],"text":"In our evaluation, we completed a POC with two other vendors. We found that some platforms were quite feature-rich, but unfortunately cumbersome to use - it took us a long time to build out a single demo. We also looked at vendors that offered primarily screenshot-based solutions, but decided it was important to equip our sales team with truly interactive content that represented our software well.","_key":"df562a1c32f60"}],"_type":"block"},{"_type":"block","style":"normal","_key":"1e1016e056f3","markDefs":[],"children":[{"_key":"a31847bdfa290","_type":"span","marks":[],"text":"We found that Navattic offered robust functionality, while still being exceptionally easy to use. Specifically, we appreciated the dynamic representation of our product. It was most important for us to create lifelike demo experiences that feel just like the actual software, and the linear guide builder helps our team tell compelling end-to-end stories. We were able to create multiple sales-oriented demos within the first month of our partnership."}]},{"children":[{"_type":"span","marks":[],"text":"Beyond the product, what excited us most about Navattic was the opportunity to enter into a long-term collaborative partnership. In meeting members of the go-to-market and leadership team, it was clear that we were more than just another customer; we were strategic partners. Having worked with Navattic for over a year now, we have always felt valued and confident that our feedback is taken into real consideration.","_key":"99e136dffd0b0"}],"_type":"block","style":"normal","_key":"5646e762d4ba","markDefs":[]},{"style":"h3","_key":"d5af53c26086","markDefs":[],"children":[{"text":"When do you use demos in the sales process?","_key":"e7e188dc87d20","_type":"span","marks":["strong"]}],"_type":"block"},{"style":"normal","_key":"123beaa52e00","markDefs":[],"children":[{"_type":"span","marks":[],"text":"In an enterprise buying process involving multiple decision-makers (typically 11-13 individuals), it is crucial to maintain momentum after the initial conversation, and to support additional stakeholders who get involved on a rolling basis. It may not be practical or the best customer experience for our sellers to repeat full-blown demos at later stages.","_key":"de75b45b18eb0"}],"_type":"block"},{"children":[{"_type":"span","marks":[],"text":"Instead, sharing an interactive demo as a leave-behind allows decision-makers to revisit the value messaging even when we’re not physically present, and to easily share the resource internally. This has been an efficient way to communicate the key features and benefits of Coupa, helping us accelerate our sales process. ","_key":"4dc1283c62600"}],"_type":"block","style":"normal","_key":"2d2d039f2912","markDefs":[]},{"_type":"block","style":"blockquote","_key":"25feb0da4fd0","markDefs":[],"children":[{"_type":"span","marks":[],"text":"In addition to gaining positive feedback from the sales team and our customers, ","_key":"4f418cf483af0"},{"_type":"span","marks":["strong"],"text":"we found that several Navattic interactive demos helped influence over $10M of ARR in the latter half of 2022.","_key":"3b704a285a98"}]},{"_type":"block","style":"h3","_key":"d4f0b7401e64","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some other ways you plan to use Navattic in the future?","_key":"c99dbab9b4500"}]},{"_type":"block","style":"normal","_key":"1b52f04c518a","markDefs":[],"children":[{"_key":"88972aaa7bc40","_type":"span","marks":[],"text":"Outside of sales, our marketing team plans to use interactive demos for demand generation. We’re also exploring demos for both internal seller enablement as well as external enablement to help our partners better sell Coupa’s suite of products."}]},{"_key":"776449f807b4","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Anything additional for prospective buyers to know about the solution?","_key":"095b3def86580"}],"_type":"block","style":"h3"},{"children":[{"_type":"span","marks":[],"text":"Navattic is powerful, yet really easy to use. We mastered the art of creating top-tier product tours in under a month, with zero technical resources involved. We also continue to be impressed by the dedicated support we receive from the success and leadership team. We intended to find a strategic partner in Navattic, and they have more than upheld that role for us.","_key":"3e2ef22a2f380"}],"_type":"block","style":"normal","_key":"306c4c856f96","markDefs":[]}],"hide":null,"slug":"coupa","estimatedReadingTime":4,"featuredQuote":{"_id":"e9001431-baf5-4222-be56-20dee384091b","customer":{"industries":["SaaS","Expense Management","Procurement"],"founded":"San Mateo, 2006","title":"Coupa","logo":{"_type":"image","asset":{"_ref":"image-b6cd0f1d03870a728beaeed418963b668e56f83e-5000x1412-png","_type":"reference"}},"logoScalar":"1","website":"https://www.coupa.com/","companyBrandColor":"#43b6e8"},"featuredQuote":"Our Navattic interactive demos have helped influence over $10M of ARR","author":null,"authorTitle":null},"customer":{"industries":["SaaS","Expense Management","Procurement"],"founded":"San Mateo, 2006","title":"Coupa","logo":{"_type":"image","asset":{"_ref":"image-b6cd0f1d03870a728beaeed418963b668e56f83e-5000x1412-png","_type":"reference"}},"logoScalar":"1","website":"https://www.coupa.com/","companyBrandColor":"#43b6e8"}},{"hide":null,"slug":"insider","estimatedReadingTime":4,"featuredQuote":{"authorTitle":null,"_id":"5f269647-e3b9-40fc-9f77-f3d16813427c","customer":{"logoScalar":"1.1","website":"https://useinsider.com/","companyBrandColor":"#051336","industries":["Digital Marketing"],"founded":"Istanbul, 2012","title":"Insider","logo":{"_type":"image","asset":{"_ref":"image-83b60e0fd8a3e4f21d2696b1e82c210b286adaf9-732x333-svg","_type":"reference"}}},"featuredQuote":"Our Navattic demos have generated 1000s of high-intent leads that are entering our sales cycle already familiar with our product and key use cases. ","author":null},"customer":{"industries":["Digital Marketing"],"founded":"Istanbul, 2012","title":"Insider","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-83b60e0fd8a3e4f21d2696b1e82c210b286adaf9-732x333-svg"}},"logoScalar":"1.1","website":"https://useinsider.com/","companyBrandColor":"#051336"},"_id":"a3937cd6-a567-4f83-82ac-0cd01d024273","title":"Insider","content":[{"_key":"67410ed30bbd","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What is Insider?","_key":"fc3e7aa1185a0"}],"_type":"block","style":"h3"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Insider—one platform for individualized, cross-channel experiences—enables enterprise marketers to connect customer data across channels and systems, predict their future behavior with an AI intent engine and individualize customer experiences. Marketers use Insider’s platform to deliver experiences across channels like Web, App, Web Push, Email, SMS, and Messaging Apps.","_key":"3eb28a8f2b680"}],"_type":"block","style":"normal","_key":"fda9692e3be8"},{"children":[{"text":"What was the problem you were facing?","_key":"20e128caf8280","_type":"span","marks":["strong"]}],"_type":"block","style":"h3","_key":"49a2cf5103d0","markDefs":[]},{"_type":"block","style":"normal","_key":"3e097ee3d0ab","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We were looking for additional exposure to our product and the ability to showcase value to prospects at earlier stages of the buying journey. We wanted to tell a story that helped these prospects visually understand what our product is all about and the value it provides.","_key":"400c382ca14c0"}]},{"children":[{"_type":"span","marks":[],"text":"While we have traditionally used video content, we were looking for a solution that could provide an immersive and engaging way to experience the product first-hand which led us to explore interactive demo solutions.","_key":"c4d0d7345b8f0"}],"_type":"block","style":"normal","_key":"6b3c88ffb367","markDefs":[]},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Why Navattic?","_key":"1342c9e070820"}],"_type":"block","style":"h3","_key":"89a1629af27d"},{"_key":"1057e89b2bc4","markDefs":[],"children":[{"text":"In our initial evaluation of the interactive demo space, we explored a number of tools. We landed on Navattic because it was the only tool that provided us with a scalable infrastructure in which we could build an entire, holistic library of interactive demo content across products and teams.","_key":"2ecbbbe4fc330","_type":"span","marks":[]}],"_type":"block","style":"normal"},{"children":[{"_type":"span","marks":[],"text":"In addition, the Navattic team provided the highest quality of support and attention to specific product feedback and usage questions. This gave us the confidence to move forward with a long-term partnership given our unique requirements and plans for the interactive demo project.","_key":"c0418c45843a0"}],"_type":"block","style":"normal","_key":"c29a8f1dbfb2","markDefs":[]},{"markDefs":[],"children":[{"marks":["strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong"],"text":"How are you using demos today?","_key":"a517efbc7dde0","_type":"span"}],"_type":"block","style":"h3","_key":"9d250ede0ef0"},{"style":"normal","_key":"2e4ffb5367b3","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We currently have launched a number of interactive demos in our Demo Hub on the Insider website. This repository provides prospects and partners with interactive experiences that can show, rather than tell, our product’s features and capabilities. We plan on adding many more demos to our Demo Hub in the near future.","_key":"46773f1769650"}],"_type":"block"},{"_key":"4f59848dbe1f","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Next, our partner success teams have utilized interactive demos to train and enable new partners and Insider users. This has already significantly helped streamline our user onboarding process and increase the speed in which teams are able to get the full value out of our solution.","_key":"55b6838f20f60"}],"_type":"block","style":"normal"},{"_key":"be4f3da2fdac","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Lastly, we use Navattic interactive demos from a sales capacity today as well. Our sellers build bespoke interactive product experiences for target accounts, industries, and geographies. These tailored demos are then used across multiple stages in the sales cycle from the first touchpoint to closing.","_key":"0dd2f394991e0"}],"_type":"block","style":"normal"},{"style":"h3","_key":"009e3c616c20","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some results you have seen?","_key":"59fcebeb761a0"}],"_type":"block"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Building the demo experiences using Navattic’s simple-to-use platform was a frictionless and approachable experience. ","_key":"867ac2b0b1bf0"},{"_type":"span","marks":["strong"],"text":"We did not need to involve a single engineering resource to design, build, or launch the interactive demo experiences.","_key":"72beaaddecd7"}],"_type":"block","style":"normal","_key":"e273691d59be"},{"_key":"470988e8932d","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Since launching, our Demo Hub has immediately proven to be a valuable asset to reduce the barrier to entry for prospective buyers. Rather than working through the setup and enablement process with a trial or sandbox, prospects can immediately jump into a product tour to start experiencing product value. This opens a bridge to build interest and excitement but also qualifies and filters leads for our sales team to better lead conversations down the funnel. ","_key":"39988aa75e380"},{"marks":["strong"],"text":"Our","_key":"ce194fabfdc8","_type":"span"},{"_type":"span","marks":[],"text":" ","_key":"95e117be221f"},{"marks":["strong"],"text":"Navattic demos have generated 1000s of high-intent leads that are entering our sales cycle already familiar with our product and key use cases. ","_key":"8f52d17a8f37","_type":"span"}],"_type":"block","style":"normal"},{"style":"normal","_key":"6cf2073b12a7","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We are also using interactive demos from Navattic as a key part of our inbound strategy including on our G2 product overview page. We have found that our interactive demo on this page provides a meaningful touchpoint for top-of-the-funnel viewers to engage with our solution in a purely organic way. ","_key":"32af3ee2767c0"},{"_type":"span","marks":["strong"],"text":"Additionally, we are seeing a 3X increase in time spent on this interactive demo asset when compared to our traditionally used video content.","_key":"d94c6f1cf55d"},{"_type":"span","marks":[],"text":" Our interactive demos are providing an engaging user experience that can not be replicated with static video or image-based content.","_key":"3434130b5851"}],"_type":"block"}]},{"featuredQuote":{"author":null,"authorTitle":null,"_id":"4e8fe081-aae6-4aa3-a6bf-bbe21dabd162","customer":{"website":"https://trainual.com","companyBrandColor":"#6A28EA","industries":["Training, Knowledge Management"],"founded":"Scottsdale, 2018","title":"Trainual","logo":{"_type":"image","asset":{"_ref":"image-25a5a50009b449793b1ff4119e49f854fc1a300d-2152x600-png","_type":"reference"}},"logoScalar":"0.8"},"featuredQuote":"We saw a +450% lift in free trial signups when the interactive demo was displayed."},"customer":{"website":"https://trainual.com","companyBrandColor":"#6A28EA","industries":["Training, Knowledge Management"],"founded":"Scottsdale, 2018","title":"Trainual","logo":{"asset":{"_ref":"image-25a5a50009b449793b1ff4119e49f854fc1a300d-2152x600-png","_type":"reference"},"_type":"image"},"logoScalar":"0.8"},"_id":"1d0aed44-3058-466d-8bcb-f362ac43c8cf","title":"Trainual","content":[{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"What is Trainual? ","_key":"4eeb820811fb0"}],"_type":"block","style":"h3","_key":"b67e37b841c7"},{"style":"normal","_key":"26a560183bfa","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Trainual is a knowledge transfer and training platform where growing teams build the playbooks for how they do what they do. All your processes and policies are easily documented, assigned, and updated, and completion tracking makes sure people know their stuff. The result? Faster onboarding and training and seamless delegation across all the roles and responsibilities in your business.","_key":"1eb00868fa6a0"}],"_type":"block"},{"markDefs":[],"children":[{"text":"","_key":"a68541d76d1d0","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"cb4ec9270751"},{"_type":"block","style":"h3","_key":"34f11f96ce4c","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What was the problem you were facing?","_key":"1c878848a7e4"}]},{"children":[{"_type":"span","marks":[],"text":"Trainual is the category-defining platform for business playbook software, combining multiple solutions — including onboarding, training, SOP documentation, and knowledge management — into a single system.","_key":"d040c47bf2bf0"}],"_type":"block","style":"normal","_key":"36b7feec0511","markDefs":[]},{"markDefs":[],"children":[{"_key":"006488283a9c0","_type":"span","marks":[],"text":"One challenge we face in building this category is how to briefly communicate what a business playbook is, why every company needs one, and how Trainual solves that problem. Explaining this is especially challenging because we serve businesses across various industries and verticals.\n\nWe wanted a way to showcase a curated and interactive version of what it feels like to be within our product. The goals were: 1) to get users to the light bulb “a-ha” moment before even starting a trial, and 2) to communicate value earlier in the evaluation process."}],"_type":"block","style":"normal","_key":"691950be2c6a"},{"style":"normal","_key":"dafa8f789f80","markDefs":[],"children":[{"_key":"14440251d4340","_type":"span","marks":[],"text":""}],"_type":"block"},{"children":[{"_type":"span","marks":[],"text":"Why Navattic?","_key":"3afe51792820"}],"_type":"block","style":"h3","_key":"a33913e9bc44","markDefs":[]},{"_type":"block","style":"normal","_key":"a147671596ee","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We had considered potentially building an interactive demo experience in-house. However, building that experience would have added another major project in an unproven and brand-new initiative that would have required significant engineering resources to create and launch.\n\nUltimately, we realized that building it in-house was not the right fit. That's when we shifted directions and began our search for an external solution that was easy to use and quick to set up. We chose Navattic because it was simple to implement, delivered on our requirements, and met our quick turnaround timeline.","_key":"ae9e2ad858090"}]},{"children":[{"text":"","_key":"b753685a98480","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"a730044e2459","markDefs":[]},{"style":"h3","_key":"c3da32a8fed6","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What are some results you have seen?","_key":"cc29f6674370"}],"_type":"block"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"With Navattic, we were able to plan, build, and deploy our interactive demo experience without tapping our engineering resources and saw results within the first month.\n\nWe tested our interactive demo against an existing product tour video. After a few weeks, we saw a +450% lift in free trial signups when the interactive demo was displayed. We also saw a +100% lift in users reaching activated trial status (activated = highly engaged trials) seven days after signup, and a +175% lift in users converting to paid customers in that same timeframe.","_key":"fe0b1c18c3950"}],"_type":"block","style":"normal","_key":"986f853fc343"}],"hide":null,"slug":"trainual","estimatedReadingTime":3},{"featuredQuote":{"_id":"1f4d1e64-b5e9-4968-9c0a-342db71b3ac0","customer":{"title":"MoEngage","logo":{"_type":"image","asset":{"_ref":"image-24f9e73e531e1eb368764febfacd0b8669f50f43-200x31-svg","_type":"reference"}},"logoScalar":"0.75","website":"https://www.moengage.com/","companyBrandColor":"#00237C","industries":["Marketing Automation"],"founded":"San Francisco, 2014"},"featuredQuote":"Prospects spend more time in our interactive demos compared to other assets we have - whether it’s ebooks or case studies, those numbers would be at max 4-5 minutes, but nothing like the 12-15 minutes average range we see with demos. ","author":null,"authorTitle":null},"customer":{"companyBrandColor":"#00237C","industries":["Marketing Automation"],"founded":"San Francisco, 2014","title":"MoEngage","logo":{"asset":{"_ref":"image-24f9e73e531e1eb368764febfacd0b8669f50f43-200x31-svg","_type":"reference"},"_type":"image"},"logoScalar":"0.75","website":"https://www.moengage.com/"},"_id":"becda449-aafb-40d6-b0cd-5516abaa18ff","title":"MoEngage","content":[{"children":[{"_type":"span","marks":["strong"],"text":"What is MoEngage?","_key":"d5847f85752c0"}],"_type":"block","style":"h3","_key":"241ff5079fe0","markDefs":[]},{"style":"normal","_key":"66a1bf82b744","markDefs":[],"children":[{"_type":"span","marks":[],"text":"MoEngage is an insights-led customer engagement platform trusted by 1,350+ global consumer brands, including McAfee, Flipkart, Domino’s, Nestle, Deutsche Telekom, and Coca-Cola. MoEngage combines data from multiple sources to help brands gain a 360-degree view of their customers. For over a decade, consumer brands in 60+ countries have been using MoEngage to power digital experiences for over a billion monthly customers.","_key":"28b39e3388660"}],"_type":"block"},{"style":"h3","_key":"b691d5f25465","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What was the problem you were facing?","_key":"d7dc4663d1420"}],"_type":"block"},{"markDefs":[],"children":[{"text":"Like most companies right now, we were experiencing a mid-funnel problem where the leads were coming in, but they were not generating opportunities quickly enough. So we asked ourselves, what are other avenues apart from direct discovery calls from the sales team that we can use to give our prospects hands-on experience with our demo environment?","_key":"6ddc4efa7faf0","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"e1cf63a7f455"},{"children":[{"_key":"8e8fcfc2eecd0","_type":"span","marks":["strong"],"text":"Why "},{"_type":"span","marks":[],"text":"interactive demos","_key":"43aab23dd69d"},{"_type":"span","marks":["strong"],"text":"?","_key":"1676120faa1c"}],"_type":"block","style":"h3","_key":"b3ca62e0cdc2","markDefs":[]},{"markDefs":[],"children":[{"marks":[],"text":"We had a few mid-funnel assets but they weren’t very interactive. We had GIFs, but those could not fully relay the touch and feel of the product. We evaluated several tools in the market including Navattic and Storylane. We primarily evaluated ease of use, integrations with Segment and Hubspot, and demo engagement analytics. The time-to-launch was very quick and customer success was paramount to building my learning of the Navattic platform as well as industry best practices (e.g., What are the other benchmarks other companies are utilizing? And what about the distribution efforts?).","_key":"71e5dc4922630","_type":"span"}],"_type":"block","style":"normal","_key":"480fbf731c90"},{"_key":"1d85d21e312c","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What were some of the biggest lessons learned with demo building?","_key":"03fa69c1177f0"}],"_type":"block","style":"h3"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Our customer success manager helped us identify demo distribution channels and refine our strategy – for example, by helping us create a form that now sees a 40% form completion rate. We had little success with the form on step 1, but our CSM suggested moving it to step 2, where it could capture visitors who had already begun exploring the product.","_key":"4ac25585b3b50"}],"_type":"block","style":"normal","_key":"ee640abc9558"},{"children":[{"_key":"6d90ebeea7550","_type":"span","marks":[],"text":"What are some results you have seen since implementing Navattic?"}],"_type":"block","style":"h3","_key":"d35df8917b24","markDefs":[]},{"markDefs":[],"children":[{"text":"We rolled out in phases: We started by using demos in North American sales cadences, then in our RFP documentation. After receiving positive feedback, we started embedding them on top-performing product pages, where the leads started coming in. ","_key":"2b2127bd5b400","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"1352ccb49c70"},{"style":"blockquote","_key":"3c52fa3903be","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Using Navattic’s Account-Based Engagement data, we identified a couple opportunities that had spent the most time in our demos: One account had 3 decisionmakers collectively spend 38 minutes in our demos. ","_key":"6e4c13e456f4"}],"_type":"block"},{"markDefs":[],"children":[{"text":"They were clearly evaluating our product through the Navattic demos. Overall, prospects spend more time in our demos compared to other assets we have - whether it’s ebooks or case studies, those numbers would be at max 4-5 minutes, but nothing like the 12-15 minutes average range we saw with demos.","_key":"706eb03af3fe","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"bf74e5ff8176"},{"children":[{"_type":"span","marks":[],"text":"What were the problems you ultimately fixed with Navattic?","_key":"240c5469b5f00"}],"_type":"block","style":"h3","_key":"0a0d0d004561","markDefs":[]},{"_key":"cf4bfe36a657","markDefs":[],"children":[{"_type":"span","marks":[],"text":"In the past, whenever we present an RFP, a good 15 to 20 minutes is spent introducing the company and our product. We now encourage prospects to explore an ungated product demo before our call, which gives us back 20 minutes during the call to talk about the actual problems that we were going to solve. Many prospects evaluate 3-4 vendors at a time, and give each vendor about 30 minutes to present their product. ","_key":"8ee8c651206e0"}],"_type":"block","style":"normal"},{"_key":"77bea00f2da3","markDefs":[],"children":[{"_type":"span","marks":[],"text":"By sharing demos beforehand, we can track what content a prospect has seen and optimize our presentation accordingly. ","_key":"a945f4230103"}],"_type":"block","style":"blockquote"},{"children":[{"_type":"span","marks":[],"text":"Now, almost all of our prospects check out the demos and come to the RFP call prepared for a deeper conversation about the problem they’re facing.","_key":"a6ab2f31aac8"}],"_type":"block","style":"normal","_key":"cc9fd1d150fd","markDefs":[]},{"_type":"block","style":"h3","_key":"24103ff33ba2","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some other ways you currently use Navattic?","_key":"78038cce58970"}]},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"\nWe ran a DIY (“do it on your own time and at your own pace”) campaign, where we created landing pages to highlight industry-specific use cases with demos.","_key":"df3edb46e3bd0"}],"_type":"block","style":"normal","_key":"32545ab34404"},{"_type":"block","style":"normal","_key":"509eb2a6c6ba","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Demos have also been added to the resources section of our website, where they have permanent status alongside our other highest-converting resources (a benchmark report and a use cases deck). ","_key":"98465c7c3be9"}]},{"_key":"dcc084032b3d","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Now there’s a permanent space for interactive demos because that’s how high the consumption has been.","_key":"c5811566bdc6"}],"_type":"block","style":"blockquote"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Lastly, we present our demos on iPads at a booths whenever we have in-person events, which are an important source of leads for us. We capture attendees’ intent and contact information by offering to send them a direct link to the demo, which many people request. While they're there on the iPad, our solution consultants are also nearby to start talking about the use cases.","_key":"ffd034f2a38f0"}],"_type":"block","style":"normal","_key":"9ef3b62aceac"},{"children":[{"text":"How do you plan to continue using Navattic?","_key":"35b77d9c710d","_type":"span","marks":["strong"]}],"_type":"block","style":"h3","_key":"99120f36231f","markDefs":[]},{"_key":"faf3a3b9c7e3","markDefs":[],"children":[{"text":"We set up Slack notifications to alert SDRs whenever visitors fill out a form in a Navattic demo. Within ten to fifteen seconds of their demo engagement, an SDR has been assigned to reach out to them. All our product marketing and digital marketing managers also have access, so they can track how much time leads have spent in demos and relay this information to SDRs.","_key":"8d7f5cdfa1490","_type":"span","marks":[]}],"_type":"block","style":"normal"},{"_type":"block","style":"h3","_key":"e1786fb67b52","markDefs":[],"children":[{"marks":[],"text":"What words of wisdom would you share with someone considering Navattic?","_key":"2715c2ca02bc","_type":"span"}]},{"style":"normal","_key":"a1a4bc13e439","markDefs":[],"children":[{"_type":"span","marks":[],"text":"I think everyone should go for it. Two main value adds are the customer success and support, and the intuitive UI.","_key":"354a25672f540"}],"_type":"block"},{"_key":"fa633c393ad6","markDefs":[],"children":[{"text":"There are many interactive demo tools in the market today, a major key to our success with Navattic is their customer success. ","_key":"d067a1d2304b0","_type":"span","marks":[]}],"_type":"block","style":"blockquote"},{"_key":"d73181b65f89","markDefs":[],"children":[{"_type":"span","marks":[],"text":"From being very hands-on while we published our first few demos to actually reviewing our entire sales and automation process to see where Navattic can plug in, customer success made the whole process seamless. We are a multinational company and I am based out of India. Nonetheless, the team is very responsive to email and has always been able to support me at different times of day. Companies all across the globe can use Navattic.","_key":"782bfab5730d"}],"_type":"block","style":"normal"},{"_type":"block","style":"blockquote","_key":"b9f97a5114cb","markDefs":[],"children":[{"_type":"span","marks":[],"text":"It felt like there was an inner joy or a child within me when I was building my first few demos. ","_key":"cf3ce5e85517"}]},{"_key":"f7aa6c3ba510","markDefs":[],"children":[{"_type":"span","marks":[],"text":"My second point would be the UI – I really love the UI. I could change a few HTML elements in my Navattic Captures without editing my live demo environment. Let’s say you're selling to a company in the UK and need to change “USD” to “GBP”. I can just edit a few elements and I'm ready to launch demos in a new market. So really good, phenomenal UI.","_key":"560ada0cd7f3"}],"_type":"block","style":"normal"}],"hide":false,"slug":"moengage","estimatedReadingTime":7},{"featuredQuote":{"author":"Michael Freeman","authorTitle":"VP of Marketing ","_id":"be6c4fe8-0406-488f-a284-d16065405d4f","customer":{"industries":["Spend Management"],"founded":"San Francisco, 2017","title":"Airbase","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-6a51f5983c3b77dba5619825a390f7acd48b33b8-152x42-svg"}},"logoScalar":"1.3","website":"https://www.airbase.com/","companyBrandColor":"#ff6447 "},"featuredQuote":"We've also boosted our actual demo requests because they get to that moment with our interactive demo, where they say yes. That is exactly what I want."},"customer":{"logo":{"_type":"image","asset":{"_ref":"image-6a51f5983c3b77dba5619825a390f7acd48b33b8-152x42-svg","_type":"reference"}},"logoScalar":"1.3","website":"https://www.airbase.com/","companyBrandColor":"#ff6447 ","industries":["Spend Management"],"founded":"San Francisco, 2017","title":"Airbase"},"_id":"76eb8d07-38a8-4256-815e-07e564941f21","title":"Airbase","content":[{"_key":"a1109311d24b","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What is Airbase?","_key":"403f48d720910"}],"_type":"block","style":"h3"},{"markDefs":[{"_type":"link","href":"https://www.airbase.com/","_key":"0cf1b3a13f11"}],"children":[{"marks":["0cf1b3a13f11"],"text":"Airbase","_key":"d43980b4ab0b0","_type":"span"},{"_type":"span","marks":[],"text":" is the only purposely built procure-to-pay platform for mid-market and early enterprise companies.","_key":"d43980b4ab0b1"}],"_type":"block","style":"normal","_key":"61d9da8f46fb"},{"_key":"a834c65aa39a","markDefs":[],"children":[{"_type":"span","marks":[],"text":"It manages everything from initial purchasing requests to approval workflows, invoice processing, payments, and end-of-period reconciliation. It also includes expense reporting capabilities for employees and corporate cards, virtual and physical.","_key":"cf305b1ad6140"}],"_type":"block","style":"normal"},{"_key":"e54bdfba422a","markDefs":[],"children":[{"text":"What was the problem you were facing?","_key":"b102a67efa560","_type":"span","marks":["strong"]}],"_type":"block","style":"h3"},{"_key":"e0686d09860b","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We wanted the ability to communicate what our platform is and how easy it is to use, and just get them quicker to that a-ha moment.","_key":"2a6c1d43c4e20"}],"_type":"block","style":"normal"},{"_type":"block","style":"normal","_key":"03f3d5c39571","markDefs":[],"children":[{"text":"We sell to finance, accounting, and procurement teams, and they want to be as well-informed as possible without having to talk to a vendor first. They also tend to be introverted, so they really don't want to talk to a salesperson unless they need to.","_key":"66873226a7c60","_type":"span","marks":[]}]},{"_type":"block","style":"normal","_key":"931ae2860280","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We also have a very sophisticated and complete platform. Our whole value proposition is built around the idea that you get the enterprise power of a Coupa or an Ariba but the fast time-to-value, light footprint, and ease of use of single point-solution applications.","_key":"0e4c91d768fc0"}]},{"markDefs":[],"children":[{"text":"We didn't want to overwhelm people with all our functionality but quickly show in an approachable way that we have the depth and breadth to solve our ICPs’ specific use cases.","_key":"1af6d8456cb70","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"d3191549d676"},{"_type":"block","style":"normal","_key":"f7eb24478d4d","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Videos weren't a good fit for us because they are much harder to build and maintain. We innovate rapidly and advance our platform’s capabilities every month, so videos would be stale almost immediately after publishing.","_key":"7fa1248da0fe0"}]},{"style":"h3","_key":"8283b5ffdee8","markDefs":[],"children":[{"marks":["strong"],"text":"How do you use Navattic demos today?","_key":"ec3d83be8b9d0","_type":"span"}],"_type":"block"},{"style":"normal","_key":"374de1060a38","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We use Navattic to solve for the “medium intent offer”. Historically if you look at most B2B sites, there was this big gap of what I call the medium intent, or the Goldilocks offer.","_key":"bbba6395a7300"}],"_type":"block"},{"markDefs":[],"children":[{"text":"I think of offers as one of 3 levels of intent: low, medium, or high.","_key":"0066e235cdef0","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"d83470783925"},{"style":"normal","_key":"66e345881d3b","markDefs":[],"children":[{"_key":"5fae2e8c5f600","_type":"span","marks":[],"text":"Interactive demos provide a perfect sweet spot between low-intent offers (like whitepapers, studies, etc.) and high-intent offers (like hand-raising requests for a personal demo or pricing)."}],"_type":"block"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"“With Navattic, conveying our value proposition becomes very easy. I love the app capture feature that makes the demos feel like our real product. It's a perfect mid-funnel offer for our site to build pipeline.” - Satyam Pathak, Senior Digital Marketing Manager","_key":"a0584f9034610"}],"_type":"block","style":"blockquote","_key":"5db01fa74a5b"},{"children":[{"text":"And even if you request to talk to sales, everyone knows that in most cases, you're not talking to sales right away for a SaaS product. You need to get past BDR qualification, and then go through a discovery call before you can really see the product.","_key":"8f0aaaa543340","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"550cae5860b8","markDefs":[]},{"_type":"block","style":"normal","_key":"682fb595cca8","markDefs":[],"children":[{"_type":"span","marks":[],"text":"To me, the middle intent offer is perfect because I want to provide as much value as quickly as possible to our prospect and make sure that there's fit and alignment for our value proposition with them.","_key":"6db83f11020c0"}]},{"_key":"1be5e636170d","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some results you have seen since implementing Navattic?","_key":"b6bb45dfe2090"}],"_type":"block","style":"h3"},{"_key":"3c54b174f5e8","markDefs":[],"children":[{"_type":"span","marks":[],"text":"It’s been a massive success. Interactive demos are the most popular offer on our website. Since implementing Navattic, we get about 10% more interactive demo leads than custom demo requests, which have also risen.","_key":"8f33ca0f99ad0"}],"_type":"block","style":"normal"},{"children":[{"_type":"span","marks":[],"text":"For context, we have almost 10x more interactive demo leads than pricing requests.","_key":"54b0272ae6dd0"}],"_type":"block","style":"normal","_key":"2d22280dc933","markDefs":[]},{"style":"normal","_key":"0cdcb82ff79b","markDefs":[],"children":[{"marks":[],"text":"There’s this great interplay between interactive demo leads and demo requests where someone starts with an interactive demo but then continues and requests a personal demo after clicking through the demos..","_key":"9eb3394bad720","_type":"span"}],"_type":"block"},{"markDefs":[],"children":[{"text":"Sometimes people might fear introducing an interactive demo would cause lead cannibalization, but we’ve grown all offer conversions since launching the interactive demos. In fact, conversions increased because before we had interactive demos more people were coming to the website, choosing not to do anything, and leaving.","_key":"4fbfb68fb1630","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"d4d8ca45889a"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"\"We've also boosted our actual demo requests because they get to that moment with our interactive demo, where they say yes. That is exactly what I want.\" - Michael Freeman, VP of Marketing @ Airbase","_key":"958f788053cc0"}],"_type":"block","style":"blockquote","_key":"9155a8c79538"},{"markDefs":[],"children":[{"marks":[],"text":"As soon as someone requests a demo, we send them an immediate follow-up email that promotes the interactive demo while they're waiting to speak with someone.","_key":"49863fb0c9140","_type":"span"}],"_type":"block","style":"normal","_key":"516e8a0dc104"},{"markDefs":[],"children":[{"_key":"c5c1ea3ff7480","_type":"span","marks":[],"text":"This helps drive better engagement with our MQLs because for those who haven't looked at the interactive demo yet, it gives them a way to interact with the product while they're waiting to connect with the actual human."}],"_type":"block","style":"normal","_key":"23a08300ef3a"},{"_type":"block","style":"h3","_key":"0e42f146d835","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some other ways you’re thinking about using Navattic?","_key":"77e1b23d514f0"}]},{"_key":"934c2b9fe2cb","markDefs":[],"children":[{"_key":"e4b58f6cc8020","_type":"span","marks":[],"text":"I want to build out a full library even further with very specific, vertical use case interactive demos. We’re also thinking about how we will better use personalization of the demo experience."}],"_type":"block","style":"normal"},{"children":[{"_key":"6e71e124de240","_type":"span","marks":["strong"],"text":"Any advice for others considering interactive demos?"}],"_type":"block","style":"h3","_key":"2a8d9ccd7691","markDefs":[]},{"_type":"block","style":"normal","_key":"f48ec6d52799","markDefs":[],"children":[{"text":"Start small and iterate with your demo experiences. Most SaaS websites are missing that middle intent offer. Any software with any kind of complexity can benefit from offering interactive demos.","_key":"60815250d06a0","_type":"span","marks":[]}]},{"_key":"dbc7eed5edcc","markDefs":[],"children":[{"_key":"714f304e50760","_type":"span","marks":[],"text":"Also think about the demo in the context of the user's journey, not just what you want or need."}],"_type":"block","style":"normal"},{"_key":"140531388a03","markDefs":[],"children":[{"_type":"span","marks":[],"text":"You have to dial up your empathy and sympathy. If you have that as your focus and frame of mind, you're going to produce a much better demo that is going to yield better results.","_key":"e4ca00303c7e0"}],"_type":"block","style":"normal"}],"hide":false,"slug":"airbase","estimatedReadingTime":5},{"content":[{"_key":"8ac74c66ba5f","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What is Qualio?","_key":"2932a425a92c0"}],"_type":"block","style":"h3"},{"markDefs":[{"_key":"bff5bbf14015","_type":"link","href":"https://www.qualio.com/"}],"children":[{"text":"Qualio is an ","_key":"0748a647cbeb","_type":"span","marks":[]},{"_type":"span","marks":["bff5bbf14015"],"text":"electronic quality management system (eQMS)","_key":"26c035154e9f"},{"_type":"span","marks":[],"text":" designed for growing life science companies. Over 650 international Qualio customers use the software to simplify and accelerate their quality and regulatory activity, from building process documents to training employees, onboarding suppliers and closing out continuous improvement tasks.","_key":"a99254bd0120"}],"_type":"block","style":"normal","_key":"742637876a45"},{"markDefs":[],"children":[{"marks":[],"text":"Qualio is rated as the easiest to set up ","_key":"e26ee9fba5a10","_type":"span"},{"_key":"e26ee9fba5a11","_type":"span","marks":["em"],"text":"and"},{"_type":"span","marks":[],"text":" easiest to use of all eQMS providers reviewed on G2. Customers report 90+% reductions in quality admin and dramatically improved time to market.","_key":"e26ee9fba5a12"}],"_type":"block","style":"normal","_key":"495764e60864"},{"_type":"block","style":"h3","_key":"16c9494b5cb5","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What was the problem you were facing?","_key":"1ff8175b8db50"}]},{"_key":"9b8467551931","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We wanted to give people more visibility into the product and didn't have a trial that prospects could utilize before having a conversation with sales. We used a pre-recorded demo webinar that prospects could watch and ask questions throughout, but prospects wanted to explore at their own pace.","_key":"d6455f92f44f0"}],"_type":"block","style":"normal"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Allowing prospects to get hands on with our product without requiring engineering efforts is exactly what Navattic offered.","_key":"445cdecb4db20"}],"_type":"block","style":"normal","_key":"5a883002c3e7"},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Did you consider other interactive demo options?","_key":"ffc4860336a50"}],"_type":"block","style":"h3","_key":"59168a2a6858"},{"_key":"c55026e378b3","markDefs":[],"children":[{"_type":"span","marks":[],"text":"When choosing software, we consider the product capabilities, price, and support that we get. We also evaluated Reprise but it had things that weren’t necessary for us at that time.","_key":"a4d3782c838c0"}],"_type":"block","style":"normal"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"We felt supported by the Navattic team throughout the sales process and liked the idea of using a software we could evolve with. Over time, it’s become clear that Navattic prioritizes customer feedback and cares about our outcomes.","_key":"582697b38ec90"}],"_type":"block","style":"normal","_key":"a44207749bb6"},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some results you have seen since implementing Navattic?","_key":"82d09161aea40"}],"_type":"block","style":"h3","_key":"b2a6d65b49aa"},{"style":"normal","_key":"c5a2c2690f7c","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Our demand gen team conducts a reverse customer journey analysis with every deal we close. I’ll go back and look at all the marketing touches the deal has had. ","_key":"1686b4fc0d460"}],"_type":"block"},{"_type":"block","style":"blockquote","_key":"866b134a8af5","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Since deploying our demo, about 25% of all closed deals interact with our product tour at some point.","_key":"3a0034aee4f9"}]},{"_type":"block","style":"normal","_key":"0aec39d3593f","markDefs":[],"children":[{"marks":[],"text":"We can also see in Navattic that our average visitor views 30 steps of the tour over 3+ minutes, and has a 20% likelihood of clicking our “Book a demo” CTA during the demo. It’s unquestionable that it’s working for our top-of-funnel audience.","_key":"a49f3a3212600","_type":"span"}]},{"style":"normal","_key":"9cdbd94f2702","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Demos are an integral part of our sales and marketing ecosystem that have significantly reduced a visitor’s time to value. Busy people can get whatever they need, quickly and conveniently, to help make a purchasing decision.","_key":"23c9744e0c470"}],"_type":"block"},{"children":[{"_type":"span","marks":["strong"],"text":"What are some other ways you currently use Navattic?","_key":"62dc3dd9d0380"}],"_type":"block","style":"h3","_key":"67c97883a241","markDefs":[]},{"_key":"e44e2983d3d1","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We’ve also been excited to use demos at in-person events, putting laptops in our conference booths that people can interact with. We’re also focused on using demos in product marketing efforts and customer enablement, to keep up with our product launch velocity and to make sure we’re promoting things effectively. Lastly, our sales team spends lots of time demo-ing Qualio throughout the sales process. We’re planning to create leave-behind demos for the sales team to use.\n","_key":"471cdd2e66440"}],"_type":"block","style":"normal"}],"hide":false,"slug":"qualio","estimatedReadingTime":3,"featuredQuote":{"_id":"14480bb5-3cf1-4e81-943d-5d742abf2e0a","customer":{"companyBrandColor":"#3D4CF2","industries":["Quality Assurance","Life Sciences"],"founded":"San Francisco, 2012","title":"Qualio","logo":{"_type":"image","asset":{"_ref":"image-e27b2f31ae4955cf22131a3e909fdd81eb58c394-800x241-png","_type":"reference"}},"logoScalar":"0.9","website":"https://www.qualio.com/"},"featuredQuote":"Since deploying our demo, about 25% of all closed deals interact with our product tour at some point. It’s unquestionable that it’s working for our top-of-funnel audience.","author":null,"authorTitle":null},"customer":{"website":"https://www.qualio.com/","companyBrandColor":"#3D4CF2","industries":["Quality Assurance","Life Sciences"],"founded":"San Francisco, 2012","title":"Qualio","logo":{"_type":"image","asset":{"_ref":"image-e27b2f31ae4955cf22131a3e909fdd81eb58c394-800x241-png","_type":"reference"}},"logoScalar":"0.9"},"_id":"8536b17d-adea-4f4c-a384-275f30dd5b4e","title":"Qualio"},{"slug":"meez","estimatedReadingTime":6,"featuredQuote":{"author":null,"authorTitle":null,"_id":"f0f693fd-e2d0-4240-95d4-a9f3ec297bee","customer":{"founded":"New York, 2015","title":"meez","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-40d99e4d7fe2b6fd23924dd365f181ae527982ed-836x418-png"}},"logoScalar":"1.6","website":"https://www.getmeez.com/","companyBrandColor":"#3F9089","industries":["Recipes","Information Technology"]},"featuredQuote":"Navattic has become one of our primary growth levers, contributing around 50% of our monthly new revenue"},"customer":{"website":"https://www.getmeez.com/","companyBrandColor":"#3F9089","industries":["Recipes","Information Technology"],"founded":"New York, 2015","title":"meez","logo":{"_type":"image","asset":{"_ref":"image-40d99e4d7fe2b6fd23924dd365f181ae527982ed-836x418-png","_type":"reference"}},"logoScalar":"1.6"},"_id":"81604490-1b5b-45aa-9837-d5d20761202c","title":"meez","content":[{"children":[{"_key":"100227d2cc73","_type":"span","marks":["strong"],"text":"What is meez?"}],"_type":"block","style":"h3","_key":"da0741ca8ce9","markDefs":[]},{"markDefs":[{"_type":"link","href":"https://www.getmeez.com/","_key":"b5aa6c7a4da9"}],"children":[{"_type":"span","marks":["b5aa6c7a4da9"],"text":"meez","_key":"8a434d574ec80"},{"_type":"span","marks":[],"text":" is smart recipe management software built for culinary professionals. Trusted by over 30,000 food and beverage professionals, meez is built for how back of house and back office professionals operate.","_key":"8a434d574ec81"}],"_type":"block","style":"normal","_key":"be8ffcb8599d"},{"children":[{"_type":"span","marks":["strong"],"text":"What was the problem you were facing?","_key":"7925658d0fd7"}],"_type":"block","style":"h3","_key":"6b517e4db36d","markDefs":[]},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"As an organization, we believe in our product-led sales approach. While some of our potential customers do seek out direct interaction with our sales team, many of them prefer to explore on their own.","_key":"8e52091363350"}],"_type":"block","style":"normal","_key":"75cba172578a"},{"children":[{"_type":"span","marks":[],"text":"Our challenge was a common one: getting users who sign up for a meez trial to do the upfront work that is required in order to see value. Given that our target demographic – restaurateurs – are often not at their laptops, expecting them to complete the steps required to gain value from a meez trial was a hurdle.","_key":"26c44123deae0"}],"_type":"block","style":"normal","_key":"6eae7f607291","markDefs":[]},{"_type":"block","style":"normal","_key":"4b93c5dce6aa","markDefs":[],"children":[{"_key":"a114330056870","_type":"span","marks":[],"text":"We initially considered asking our engineering team to build an interactive demo with pre-populated data that users can explore on their own, but it became an engineering lift that we didn’t have the resources to tackle. That’s when Navattic came into the picture, offering a much easier solution."}]},{"children":[{"_type":"span","marks":["strong"],"text":"How do you use Navattic demos today?","_key":"083f8a635bd9"}],"_type":"block","style":"h3","_key":"42311a102f68","markDefs":[]},{"children":[{"_type":"span","marks":[],"text":"Leading with interactive tours on our website and in free trials has been incredibly effective, although we give people the option to schedule a demo throughout our entire funnel.","_key":"047beaa6e76b0"}],"_type":"block","style":"normal","_key":"510b10b9330c","markDefs":[]},{"markDefs":[],"children":[{"marks":[],"text":"Our trial experience is very tour-focused: We prioritize taking tours in the first 14 days that emphasize key product features and their impact on the overall story, helping to activate trial users who, without interactive tours, would take much longer to reach these activation points.","_key":"9db659f28f4f0","_type":"span"}],"_type":"block","style":"normal","_key":"b8fd390cf9b3"},{"style":"normal","_key":"6c106a7e4a49","markDefs":[],"children":[{"_key":"dbdff0ab91680","_type":"span","marks":[],"text":"We also added a “Take a tour” CTA on the website that directs users to a Navattic demo showcasing our 6 most value-adding workflows. Website visitors can now see the value meez offers before booking a call with our sales team."}],"_type":"block"},{"children":[{"_key":"a7aab2c56cc00","_type":"span","marks":[],"text":"We also build Navattic demos for every new feature launch and use demos in our support flows to answer commonly asked questions."}],"_type":"block","style":"normal","_key":"5c055e878423","markDefs":[]},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Lastly, for customers who do engage with sales, our sales team leverages demos in outbound campaigns to quickly showcase “aha” moments (again, our customer demographic is extremely busy and often away from their laptops). Tours have become a core part of our sales toolkit to easily explain things and offer product transparency at every stage.","_key":"30eca1361b110"}],"_type":"block","style":"normal","_key":"9f296cdcfc3e"},{"markDefs":[],"children":[{"text":"What are some results you have seen since implementing Navattic?","_key":"62852a9cfc1e","_type":"span","marks":["strong"]}],"_type":"block","style":"h3","_key":"7129bdec7e5f"},{"style":"normal","_key":"eaeb5df5f83c","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Before implementing Navattic demos across our marketing and sales funnel, self-serve revenue accounted for just 10% of our overall revenue. ","_key":"756fd835eee10"}],"_type":"block"},{"_type":"block","style":"blockquote","_key":"0059a78f7f8a","markDefs":[],"children":[{"text":"Now, in about 12-months, it has become one of our primary growth levers, contributing around 50% of our monthly new revenue. ","_key":"0b49ca1db5e8","_type":"span","marks":[]}]},{"_key":"9827c27459df","markDefs":[],"children":[{"marks":[],"text":"The use of tours has also led to an increase in self-serve ACV and the number of new customers; self-serve is reaching that hockey-stick motion.","_key":"ebda5e57a06b","_type":"span"}],"_type":"block","style":"normal"},{"_key":"07eff0f4e6d7","markDefs":[],"children":[{"_type":"span","marks":[],"text":"In terms of conversions, ","_key":"53868b67c9860"},{"_type":"span","marks":["strong"],"text":"the best indicators of success are users who complete 2 or more flows","_key":"53868b67c9861"},{"text":", especially if one of those flows is our highest-engaging tour on Food Costing. If users take that tour along with another one, they are very likely to convert. Our sales team then focuses on engaging these high-potential users to further increase ACV.","_key":"53868b67c9862","_type":"span","marks":[]}],"_type":"block","style":"normal"},{"children":[{"_type":"span","marks":["strong"],"text":"What key strategies helped build effective demos?","_key":"bc8bf7c7fe51"}],"_type":"block","style":"h3","_key":"87f65a066177","markDefs":[]},{"_type":"block","style":"normal","_key":"f0188033b694","markDefs":[{"href":"https://navattic-docs.navattic.com/mb1d0erg","_key":"96308ac6429e","_type":"link"}],"children":[{"_type":"span","marks":[],"text":"When we first started using tours, we noticed that people generally took one tour first and dropped off. Through experimentation, we learned that a ","_key":"d52ce0ddcba40"},{"marks":["96308ac6429e"],"text":"branching demo","_key":"d52ce0ddcba41","_type":"span"},{"marks":[],"text":" or a “choose your own adventure” experience was extremely effective at keeping people engaged and taking more tours.","_key":"d52ce0ddcba42","_type":"span"}]},{"style":"normal","_key":"c804cfb31596","markDefs":[],"children":[{"_key":"9e6a0cef879e0","_type":"span","marks":[],"text":"After making those adjustments, we have seen significant improvements in visitor engagement: "}],"_type":"block"},{"_key":"c00f5e5baf9b","markDefs":[],"children":[{"text":"First-time website visitors now complete an average of 4 flows in the demo, compared to just 1 flow a year ago.","_key":"9c30181b2576","_type":"span","marks":[]}],"_type":"block","style":"blockquote"},{"style":"normal","_key":"3037fce067f1","markDefs":[],"children":[{"_key":"939d5f1e73e00","_type":"span","marks":[],"text":"Other demo success metrics we measure include:"}],"_type":"block"},{"listItem":"bullet","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Completion rate of the Food Costing Tour, which increased from 15% to 75% throughout the year.","_key":"22868e334fe20"}],"level":1,"_type":"block","style":"normal","_key":"7a9ac356a4de"},{"children":[{"_type":"span","marks":[],"text":"The percentage of visitors completing 2 or more flows during their first website visit increased from 20% to 70%.","_key":"43fcdd7d2bbd0"}],"level":1,"_type":"block","style":"normal","_key":"c6f9ad13e9ec","listItem":"bullet","markDefs":[]},{"_key":"afb99b3512c0","listItem":"bullet","markDefs":[],"children":[{"_type":"span","marks":[],"text":"The percentage of visitors completing 4 or more flows during their first website visit increased from 15% to 30%.","_key":"3f02d7f9d2920"}],"level":1,"_type":"block","style":"normal"},{"level":1,"_type":"block","style":"normal","_key":"839b1c2a8409","listItem":"bullet","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Among users in our ideal customer profile (ICP), 50% take the Food Costing Tour within the first week, and 80% take a tour within the trial period, with 50% becoming product-qualified during that time.","_key":"8c68d6fae8410"}]},{"_key":"426af0c56666","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What should Navattic builders know?","_key":"7a7336fe7b38"}],"_type":"block","style":"h3"},{"_type":"block","style":"normal","_key":"f419fd484b29","markDefs":[{"_type":"link","href":"https://navattic-docs.navattic.com/mb1d0erg","_key":"7ce4ee1a7793"}],"children":[{"_type":"span","marks":[],"text":"1. Don’t try to force users through a specific sequence of tours. Let them explore freely—this was our biggest learning.","_key":"1389acd30d5d"}]},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"2. Keep top-of-funnel website tours short, ideally no longer than 12 steps. These visitors are often just browsing and have limited attention spans.","_key":"7937e2a0aba70"}],"_type":"block","style":"normal","_key":"898e90ea254a"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"3. When launching new feature demos, stick to your core value proposition first, then layer in new features later to avoid confusing users.","_key":"6d7050f800440"}],"_type":"block","style":"normal","_key":"564d8429272f"},{"style":"h3","_key":"d3250e416e67","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Anything else to share as part of your customer story?","_key":"dc00c15866fe"}],"_type":"block"},{"markDefs":[],"children":[{"marks":[],"text":"Our audience, mostly restaurateurs, simply doesn’t have time to sit in front of their laptops and needs to see value quickly. Everything we do has to be through that lens – ","_key":"0f466b22309e0","_type":"span"},{"marks":["em"],"text":"We have people with very limited time. How do we communicate value as quickly as possible? ","_key":"0f466b22309e1","_type":"span"},{"_type":"span","marks":[],"text":"The answer is Navattic.","_key":"0f466b22309e2"}],"_type":"block","style":"normal","_key":"8c8abeaaa33e"}],"hide":false},{"_id":"21606187-5a5e-4b9e-a436-29d2f93bde54","title":"Spot AI","content":[{"children":[{"_type":"span","marks":["strong"],"text":"What is Spot Ai?","_key":"1cc2a7e066a00"}],"_type":"block","style":"h3","_key":"8577c7a7b597","markDefs":[]},{"style":"normal","_key":"992ad440998d","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Spot AI builds easy-to-use camera systems that enable every business to get the visual context they need to make faster, smarter decisions. A modern AI camera system to create safer workplaces and smarter operations for every business.","_key":"40ee1ab46fd30"}],"_type":"block"},{"style":"h3","_key":"9a2251cdd580","markDefs":[],"children":[{"marks":["strong"],"text":"What was the problem you were facing?","_key":"d0612b097e9a0","_type":"span"}],"_type":"block"},{"children":[{"_type":"span","marks":[],"text":"Our main goal was to boost conversions by providing a hands-on product experience with a lower barrier to entry than a trial. We found that trials are a major driver for conversion as they help prospects get hands-on and visualize the product. But with that said, our trials require users to have physical hardware, so the barrier to entry for a trial can be quite high. Therefore, we were seeking a low-touch way to offer users a similar hands-on product experience to drive conversions with a lower barrier to entry.","_key":"cb5cfddb4b620"}],"_type":"block","style":"normal","_key":"01f6226bf2b1","markDefs":[]},{"_type":"block","style":"h3","_key":"5b446c3697c7","markDefs":[],"children":[{"text":"Why Navattic?","_key":"ce7d3a2629190","_type":"span","marks":["strong"]}]},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"First of all, Navattic was recommended by a trusted advisor of ours who had previously used the product at another organization. Next, Navattic has great customer service. When you have great customer service, there is no need to look elsewhere. The specific example that comes to mind was at the beginning of our tenure, where the Navattic team worked in partnership alongside us to help deploy our first embedded demo. That support was vital to our long-term success.","_key":"88ede6dec5b80"}],"_type":"block","style":"normal","_key":"7e88d0aa802f"},{"_key":"762f6b3dbbdd","markDefs":[],"children":[{"_type":"span","marks":["strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong","strong"],"text":"How are you using demos today?","_key":"96b4425b9cad0"}],"_type":"block","style":"h3"},{"style":"normal","_key":"beab5b60a66d","markDefs":[],"children":[{"_type":"span","marks":[],"text":"On the Success side, demos are used as self-serve onboarding and training resources. The demos are presented alongside videos to provide additional options for content types. These self-serve training options have significantly reduced the need for our Success reps to train individual users on the platform on calls.","_key":"a354128a90c80"}],"_type":"block"},{"markDefs":[],"children":[{"_key":"24e1eaed626a0","_type":"span","marks":[],"text":"On the Marketing side, we have an interactive demo on our main marketing site and certain landing pages. Recently, we also saw success using interactive demos on a large video display board at a trade show, which provided a much more consistent demo experience for attendees. We were also able to tailor the demo to the specific trade show and only show features that those attendees would care about."}],"_type":"block","style":"normal","_key":"03db7a16411b"},{"_key":"6c633fc4a91e","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some results you have seen?","_key":"9f28717e37d40"}],"_type":"block","style":"h3"},{"_type":"block","style":"normal","_key":"6631e4187430","markDefs":[],"children":[{"_type":"span","marks":[],"text":"On the Marketing side, ","_key":"5df785a1ef130"},{"_key":"f0492011defc","_type":"span","marks":["strong"],"text":"in the last five months, we’ve generated over $150,000 in new pipeline from visitors who go through the interactive demo on the website"},{"_type":"span","marks":[],"text":". We justify our experiments based on the pipeline multiples and Navattic has already proven clear ROI based on the quantity of inbound interest generated.","_key":"5df785a1ef132"}]},{"markDefs":[],"children":[{"marks":[],"text":"On the success side, over 100 users have been onboarded via Navattic product tours. Each one of those users otherwise would have required a call with our Success team, but instead was able to self-serve using these resources. ","_key":"7e8a56d1c47f0","_type":"span"},{"_type":"span","marks":["strong"],"text":"This has freed up hundreds of support hours for our Success team.","_key":"7e8a56d1c47f1"}],"_type":"block","style":"normal","_key":"2f92cb9bd04e"},{"_key":"46447559a66e","markDefs":[],"children":[{"_key":"f4cb9682cc830","_type":"span","marks":[],"text":"From an engineering standpoint, it was awesome to be able to spin up no-code demos without needing to loop in our engineering team. If we were to have built out these demos on our own, while ensuring security and product stability, "},{"marks":["strong"],"text":"it would have taken at least 150 hours of engineering capacity and potentially wasn’t even feasible","_key":"f4cb9682cc831","_type":"span"},{"_type":"span","marks":[],"text":", technically speaking. So Navattic demos are the only way prospects can get hands-on experience with the product without getting physical hardware.","_key":"f4cb9682cc832"}],"_type":"block","style":"normal"}],"hide":null,"slug":"spot-ai","estimatedReadingTime":4,"featuredQuote":{"_id":"74db3c4f-5157-4c99-9c39-7980ea02ccd0","customer":{"industries":["Artificial Intelligence"],"founded":"San Francisco, 2018","title":"Spot AI","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-1d65023664deb95af50787138a4684f34f66415f-115x28-svg"}},"logoScalar":"1.0","website":"https://www.spot.ai/","companyBrandColor":"#007ce4"},"featuredQuote":"In the last five months, we’ve generated over $150,000 in new pipeline from visitors who go through the interactive demo on the website","author":null,"authorTitle":null},"customer":{"website":"https://www.spot.ai/","companyBrandColor":"#007ce4","industries":["Artificial Intelligence"],"founded":"San Francisco, 2018","title":"Spot AI","logo":{"asset":{"_ref":"image-1d65023664deb95af50787138a4684f34f66415f-115x28-svg","_type":"reference"},"_type":"image"},"logoScalar":"1.0"}},{"featuredQuote":{"_id":"7f5c2c19-06b9-40c5-b6a2-0b030cb29f82","customer":{"industries":["EdTech"],"founded":"Sacramento, 1997","title":"PowerSchool","logo":{"_type":"image","asset":{"_ref":"image-aefee77e82d16fb94805dd4e910f363307e36758-130x27-svg","_type":"reference"}},"logoScalar":"1.0","website":"https://www.powerschool.com/","companyBrandColor":"#00B6EF"},"featuredQuote":"Today, our first instinct is to send an interactive demo. Over 90% of our deals are using Navattic interactive demos throughout the sales process.","author":null,"authorTitle":null},"customer":{"companyBrandColor":"#00B6EF","industries":["EdTech"],"founded":"Sacramento, 1997","title":"PowerSchool","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-aefee77e82d16fb94805dd4e910f363307e36758-130x27-svg"}},"logoScalar":"1.0","website":"https://www.powerschool.com/"},"_id":"9def344d-1adc-494a-a6d0-0a304a8d0939","title":"PowerSchool","content":[{"style":"h3","_key":"8d581c4cc2c3","markDefs":[],"children":[{"_key":"ea574ba5ec13","_type":"span","marks":["strong"],"text":"What is PowerSchool?"}],"_type":"block"},{"markDefs":[],"children":[{"_key":"3fc8d091bf9f0","_type":"span","marks":[],"text":"PowerSchool is the leading provider of cloud-based software for K-12 education in North America. Its mission is to power the education ecosystem with unified technology that helps educators and students realize their full potential, in their way. PowerSchool connects students, teachers, administrators, and parents, with the shared goal of improving student outcomes. From the office to the classroom to the home, it helps schools and districts efficiently manage state reporting and related compliance, special education, finance, human resources, talent, registration, attendance, funding, learning, instruction, grading, assessments and analytics in one unified platform. PowerSchool supports over 50 million students globally and more than 15,000 customers, including more than 90 of the top 100 districts by student enrollment in the United States, and sells solutions in more than 90 countries."}],"_type":"block","style":"normal","_key":"26fb82c0fb50"},{"_key":"9027a93b269e","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What was the problem you were facing before using Navattic?","_key":"32a47a3c2b86"}],"_type":"block","style":"h3"},{"style":"normal","_key":"a68792314b40","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Before Navattic, we frequently shared guided labs and sandbox environments with prospective and existing customers looking to learn more about our product offerings. These sandboxes took a lot of set-up time for each account and lacked meaningful insights. We had limited knowledge of user engagement once they got started in the sandbox and found that users often went off the rails making these experiences hard to manage and quite time-consuming for our presales teams.","_key":"3b081cdea1d10"}],"_type":"block"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"For our live product demonstrations, especially those where we show our platform’s integration offerings, there is a lot of setup and takedown work involved for each and every demo. Navattic helps us solve our demo repeatability problem saving valuable time for our sellers.","_key":"9ce85b9e4da20"}],"_type":"block","style":"normal","_key":"8ddcebe5789b"},{"style":"h3","_key":"2e2c5e72e66d","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What are some results you have seen since implementing Navattic?","_key":"99147efd59c7"}],"_type":"block"},{"children":[{"_type":"span","marks":[],"text":"Deals that use Navattic demos are performing better than deals that use prospect-led sandbox environments. Sandboxes tend to be a black-box for our sales reps because getting useful prospect engagement data is difficult and requires engineering support. With our Navattic demos, our sellers know exactly how the demos are being used and can craft tailored follow-up messages based on actual product engagement called out in Navattic analytics.","_key":"87a99cfd153d0"}],"_type":"block","style":"normal","_key":"3bc9502995c4","markDefs":[]},{"_type":"block","style":"blockquote","_key":"c8382a874c20","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Additionally, Navattic analytics are helping us better understand the buyer landscape. ","_key":"29d853d171600"}]},{"style":"normal","_key":"34f0c6e6b2db","markDefs":[],"children":[{"marks":[],"text":"Oftentimes, we will get introduced to ten or more people at a school or district, and it's difficult to know who is interested and who is making the decision on the purchase. Using Navattic’s analytics, we can see exactly how prospects are engaging with the demos to see repeat visitors, time spent per session, and demo dropoff to give our sales team better insight into who we should be re-engaging at the right time.","_key":"64b0bb710715","_type":"span"}],"_type":"block"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Today, our first instinct is to send an interactive demo. Over 90% of our deals are using Navattic interactive demos throughout the sales process. ","_key":"f9041a9b8a240"}],"_type":"block","style":"blockquote","_key":"8c69c8035a93"},{"_key":"9f9757caaab2","markDefs":[],"children":[{"text":"We find Navattic demos to be more impactful than sending prospects video assets because with our hands-on interactive demos, we can tell exactly how prospects are engaging with our products. With Navattic, we know that a prospect is directly interacting with each step to reach the next unlike a video where viewers might drop off without us ever knowing.","_key":"7403e62a73c9","_type":"span","marks":[]}],"_type":"block","style":"normal"},{"markDefs":[],"children":[{"marks":[],"text":"Any advice for new teams getting started with Navattic?","_key":"c2995f530a1b0","_type":"span"}],"_type":"block","style":"h3","_key":"1249ccc2e668"},{"children":[{"_type":"span","marks":[],"text":"We have multiple products and multiple teams manage all of those products. My biggest piece of advice for larger organizations like ours getting started with Navattic is to align on a format for your demos. Having a standardized template that outlines the structure of your interactive demos helps to create a repeatable model that can be applied across the entire organization. Building this template required us to experiment with some different formats to see what worked best, but we have stuck with a standard template which has helped us rapidly scale up our demos for new use cases.","_key":"a0d5898f57f80"}],"_type":"block","style":"normal","_key":"80d340fa89c1","markDefs":[]},{"_type":"block","style":"normal","_key":"23bffd27ca7e","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Additionally, we always aim to reuse Navattic content when possible. Navattic’s building block approach to demo creation allows us to quickly duplicate and edit demo content without needing to start from the beginning each time. With this approach, we can have individual demos that serve multiple purposes saving our team time.","_key":"c13b05b1aa340"}]}],"hide":false,"slug":"powerschool","estimatedReadingTime":5},{"featuredQuote":{"_id":"2f1d32f2-b8e2-4397-be31-60afb17c7b80","customer":{"title":"CaptivateIQ","logo":{"_type":"image","asset":{"_ref":"image-7a111a7a2af3ac161618fa8dfef8f18e6a2de1d1-828x141-png","_type":"reference"}},"logoScalar":".8","website":"https://www.captivateiq.com/","companyBrandColor":"#0a404d","industries":["SalesTech"],"founded":"San Francisco, 2018"},"featuredQuote":"Our Navattic tour has a higher conversion rate than any other referrer to our “request a demo” page, nearly 40%.","author":null,"authorTitle":null},"customer":{"companyBrandColor":"#0a404d","industries":["SalesTech"],"founded":"San Francisco, 2018","title":"CaptivateIQ","logo":{"_type":"image","asset":{"_ref":"image-7a111a7a2af3ac161618fa8dfef8f18e6a2de1d1-828x141-png","_type":"reference"}},"logoScalar":".8","website":"https://www.captivateiq.com/"},"_id":"2a8e20f2-ac7b-4d25-9c23-ae69d6f707b8","title":"CaptivateIQ","content":[{"_key":"b8006446e344","markDefs":[],"children":[{"_key":"f8d5b6200d460","_type":"span","marks":["strong"],"text":"About CaptivateIQ"}],"_type":"block","style":"h3"},{"style":"normal","_key":"014538a43abb","markDefs":[],"children":[{"marks":[],"text":"CaptivateIQ, the agile commission solution, enables companies to consistently align revenue teams with evolving business goals. Combining flexibility with ease of use, CaptivateIQ offers companies the ability to build any commission plan, save time in payout processing, and motivate sales reps through real-time visibility.","_key":"43b2fdbc77340","_type":"span"}],"_type":"block"},{"children":[{"text":"What was the problem you were facing?","_key":"eaf7977ff5f70","_type":"span","marks":["strong"]}],"_type":"block","style":"h3","_key":"d112879df4c3","markDefs":[]},{"_key":"41690fa314e1","markDefs":[],"children":[{"text":"Product led growth is an emerging topic right now and a lot of legacy solutions in our space have a complex look and feel. Knowing that an intuitive product interface is one of our strengths, we wanted to share this with prospects earlier in the process. Especially if a prospect is currently using spreadsheets or a legacy solution, seeing CaptivateIQ in action for the first time can be very exciting. Since the first engagement with our sales team occurs pretty far down-funnel, we decided to find a way to lead with our product up the funnel on our website.","_key":"c5c81f917934","_type":"span","marks":[]}],"_type":"block","style":"normal"},{"children":[{"_key":"0f8d03ae9f17","_type":"span","marks":["strong"],"text":"Why interactive demos?"}],"_type":"block","style":"h3","_key":"b5f4801a7aab","markDefs":[]},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"From a demand gen standpoint, videos are as top of funnel as we get while more detailed guides require some background knowledge about our product. We found Navattic to be an effective way to communicate CaptivateIQ’s value, while also providing enough detail to help potential customers understand whether or not they would be a good fit,","_key":"c7dfb8ebe654"},{"marks":["em"],"text":" all without needing sales resources","_key":"5359ed3bda0a","_type":"span"},{"_key":"ffd83a5855c6","_type":"span","marks":[],"text":". This initial pulse check has helped us find better-fit customers and to set the right expectations, all leading to a positive Sales and customer experience down the road."}],"_type":"block","style":"normal","_key":"6fbefea7790a"},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some results you have seen?","_key":"d27c98a0df510"}],"_type":"block","style":"h3","_key":"ac4ba8ecbb91"},{"style":"normal","_key":"850e1066b20c","markDefs":[],"children":[{"marks":[],"text":"For some time we’d had a Contact Us form on our website as an alternative to our Request Demo CTA, but hadn’t seen much traction. We wanted to provide a “value add” alternative for leads as well that weren’t necessarily ready to speak with our team. We had a product video at first but replaced this with a demo as we thought the click-through component of Navattic would provide a more engaging experience for first-time users. Since switching to interactive demo, we have seen a significant portion of our leads and opportunities be attributed to initially taking this tour.","_key":"d3cc8c503b9c0","_type":"span"}],"_type":"block"},{"_type":"block","style":"blockquote","_key":"babd4d9dd415","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Additionally, our Navattic tour has a higher conversion rate than any other referrer to our “request a demo” page, nearly 40%.","_key":"16bb349a1cab0"}]},{"style":"h3","_key":"ede84ded25c5","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some other ways you plan to use Navattic?","_key":"591a960282ab"}],"_type":"block"},{"children":[{"marks":[],"text":"Since Navattic has been so easy to learn, we have not held back from sharing the tool with other teams in our organization. For the sales team, demos have become an important asset for engaging new stakeholders - clicking through an interactive demo is much more engaging than watching a lengthy call recording or reading written documentation. Our sales enablement team is also interested in using demos as a training tool to help prepare AEs for leading with product value in demo conversations. We are also looking at putting this in a customer onboarding flow to demonstrate how to use key parts of our product. All to say, we find the different use cases very compelling and are excited to explore!","_key":"9ebe4e47353e0","_type":"span"}],"_type":"block","style":"normal","_key":"8c40eea8b570","markDefs":[]}],"hide":null,"slug":"captivateiq","estimatedReadingTime":3},{"slug":"phrase","estimatedReadingTime":3,"featuredQuote":{"featuredQuote":"We are seeing a 60% click-through rate from the interactive demo experience generating qualified inbound traffic for our sales team. ","author":null,"authorTitle":null,"_id":"85388406-39d6-4846-8c37-b8165cd82367","customer":{"industries":["SaaS","Localization"],"founded":"Hamburg, 2012","title":"Phrase","logo":{"_type":"image","asset":{"_ref":"image-e95e45148a7ba228209b4049179887b5521cd118-1400x368-png","_type":"reference"}},"logoScalar":"1.0","website":"https://phrase.com/","companyBrandColor":"#05e9b2"}},"customer":{"companyBrandColor":"#05e9b2","industries":["SaaS","Localization"],"founded":"Hamburg, 2012","title":"Phrase","logo":{"_type":"image","asset":{"_ref":"image-e95e45148a7ba228209b4049179887b5521cd118-1400x368-png","_type":"reference"}},"logoScalar":"1.0","website":"https://phrase.com/"},"_id":"7cb69edd-99c2-4e8e-b80e-a08e25f4877e","title":"Phrase","content":[{"_key":"5b7e71c1a153","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What is Phrase?","_key":"c29945951cfe0"}],"_type":"block","style":"h3"},{"_type":"block","style":"normal","_key":"af1c1a83ff8a","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Phrase offers a suite of products that consists of the highest ranked, enterprise-ready translation management system (Phrase TMS), and the leading software localization platform (Phrase Strings), which power high-quality, scalable, and fast localization. Phrase Localization Suite helps companies open the door to global business to reach more people, make deeper connections, and drive growth.","_key":"4d5dd22cd260"}]},{"markDefs":[],"children":[{"_key":"c29945951cfe2","_type":"span","marks":["strong"],"text":"What was the problem you were facing?"}],"_type":"block","style":"h3","_key":"8c8346afdee6"},{"style":"normal","_key":"908c4c702792","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Some visitors were reticent to go through the sign-up process and check out the product during their initial evaluation. We wanted to find a low-friction way to show them around of product offerings without forcing them to sign up. We know that once a prospect views our product and understands our value propositions, there is a good chance that they will become a long-term user and customer.","_key":"d1b0307caf49"}],"_type":"block"},{"_type":"block","style":"h3","_key":"e162a04caf97","markDefs":[],"children":[{"text":"Why interactive demos?","_key":"c29945951cfe4","_type":"span","marks":["strong"]}]},{"children":[{"_type":"span","marks":[],"text":"Time and effort were a constraint for us as we were looking to launch an experience quickly that would still look good and perform. We have used video in the past but were looking for a more hands-on viewer experience. ","_key":"4cd42bd57827"}],"_type":"block","style":"normal","_key":"41f310534eda","markDefs":[]},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"We did consider building a tour using screenshots and animations but quickly realized that we were missing the “in-product” feeling that we were looking for which was a key part of this user experience. ","_key":"e2522bba1635"}],"_type":"block","style":"blockquote","_key":"d1192307cc1e"},{"children":[{"_key":"345c83255585","_type":"span","marks":[],"text":"We decided on exploring interactive product demos after seeing some examples and researching different vendors."}],"_type":"block","style":"normal","_key":"6f2ef068887f","markDefs":[]},{"_type":"block","style":"normal","_key":"a742b5b12e87","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Ultimately, rather than moving forward with a video or screenshots, we did decide on using Navattic to build and launch our interactive demo because it was a low-effort way to quickly launch the engaging product content we were looking for.","_key":"0452953e3b8f"}]},{"_type":"block","style":"h3","_key":"34e0657304a0","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some results you have seen?","_key":"c29945951cfe6"}]},{"children":[{"_key":"7a41c7064c15","_type":"span","marks":[],"text":"First of all, Navattic gave our marketing team full control over the demo experience. From start to finish, our team was able to build and launch the demo without ever needing to engage engineering resources. We were able to build out our first end-to-end demo experience in a matter of days, a project that could have taken weeks if we needed to engage other teams."}],"_type":"block","style":"normal","_key":"09d64b104549","markDefs":[]},{"style":"blockquote","_key":"ac9c30c5cac0","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Additionally, since launching our first product tour, we quickly saw real results. In only a few months since launching, we are seeing a 60% click-through rate from the interactive demo experience generating qualified inbound traffic for our sales team. ","_key":"b60f084b000d"}],"_type":"block"},{"children":[{"_type":"span","marks":[],"text":"These quality leads have already seen the product via the demo and understand our key features and value propositions helping our overall deal cycle and time to close.","_key":"0f93be18f0e4"}],"_type":"block","style":"normal","_key":"5d8c70a5d24c","markDefs":[]},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some other ways you plan to use Navattic?","_key":"c29945951cfe8"}],"_type":"block","style":"h3","_key":"077bf4cdf43e"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"In addition to our main website interactive demo, we plan on building and launching demos for specific add-ons to our platform. We will then use these demos as assets on feature-specific pages for additional engagement offerings for website viewers.","_key":"142319dc0e8e"}],"_type":"block","style":"normal","_key":"b64b8011a70b"},{"_key":"b196136affa8","markDefs":[],"children":[{"text":"\nAdditionally, we plan on building additional demo content for our sales team to use in their cadences with prospective customers. They will use these demos throughout the entire sales journey from the first touchpoint to champion enablement to close.\n","_key":"3b1ccc8fba78","_type":"span","marks":[]}],"_type":"block","style":"normal"}],"hide":null},{"_id":"7fe8298f-2b91-48cb-b971-312cd2680325","title":"Jellyfish","content":[{"style":"h3","_key":"f85f9d0c7844","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What is ","_key":"1eb183f2fd44"},{"_key":"f4bf992f05a2","_type":"span","marks":["strong"],"text":"Jellyfish"},{"_type":"span","marks":[],"text":"?","_key":"095c334f10de"}],"_type":"block"},{"_type":"block","style":"normal","_key":"ee60c899965b","markDefs":[],"children":[{"_key":"dcf42477ca6e0","_type":"span","marks":[],"text":"Jellyfish is a leading Engineering Management Platform designed to help engineering leaders align their team's work with the company's main goals. It analyzes technical and business data to give a clear view of how engineering teams are performing and how they're contributing to the business. "}]},{"style":"normal","_key":"49908ccb2954","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Companies use Jellyfish to make sure their engineering resources are focused on the most important projects for the business.","_key":"62d241ec465e"}],"_type":"block"},{"_type":"block","style":"h3","_key":"4772721fe50c","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What was the problem you were facing?","_key":"dab80451bfb8"}]},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"After adding a few new product lines, we had a big initiative within the company to develop a value framework for each product, which was kind of a list of different use cases of what our platform Jellyfish can do.","_key":"e2eb1477a7bd0"}],"_type":"block","style":"normal","_key":"84d77c1f7cf2"},{"style":"normal","_key":"52d42755d93a","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Before, you could ask people what Jellyfish does and they’d give you ten different answers. We wanted to really codify that, so we developed this value framework within the company and used it to develop personas for each of our products.","_key":"81f6d9a30d940"}],"_type":"block"},{"_key":"60a72cf5d96b","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Why interactive demos?","_key":"68cce63adb62"}],"_type":"block","style":"h3"},{"style":"normal","_key":"c55b52a6d61e","markDefs":[],"children":[{"_type":"span","marks":[],"text":"I think it's all about communicating value. The first time that I saw one of the products that just scrapes the web browser and creates a tour, I was like “This is a fantastic idea. I don't have to run live demos anymore where a million things can go wrong.”","_key":"6554712c16150"}],"_type":"block"},{"_type":"block","style":"normal","_key":"6487ee61f9ef","markDefs":[],"children":[{"_key":"4905f31302130","_type":"span","marks":[],"text":"Live demos are always going to have their private place, but tours are great conversation starters. It's really just to give them a taste, a really engaging morsel of whatever product you're trying to share."}]},{"_key":"f0411a4653c8","markDefs":[],"children":[{"marks":["strong"],"text":"When do you use interactive demos vs. another asset?","_key":"95a86bf08d21","_type":"span"}],"_type":"block","style":"h3"},{"markDefs":[],"children":[{"text":"People learn in different ways. That’s why I’m a firm believer in having all different kinds of content available when people want to learn about your product, whether it’s a video, a blog, or something interactive like a product tour.","_key":"b64b885190da0","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"9ee254359d01"},{"_type":"block","style":"blockquote","_key":"49ba3776a880","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Product tours are the interactive highway to our entire content library. Someone's going to be more engaged than just browsing a blog and, if they're engaging with the tour, they're actively thinking about what they're doing. That gives you a captive audience you want to leverage.","_key":"2a81920fbf050"}]},{"markDefs":[],"children":[{"text":"The tours are kind of the crown jewel of the website because you can use them to pitch different pieces of content. They're so versatile and that was the genesis of the idea to embed the tours across the breadth of our website.","_key":"004a28ed71a00","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"7a5dcf5044a6"},{"_key":"eb9be03503f4","markDefs":[],"children":[{"text":"Today, we have 15 demos across twelve web pages.","_key":"bf25aee2b9eb0","_type":"span","marks":[]}],"_type":"block","style":"normal"},{"style":"h3","_key":"4e60ccc3b696","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What are some results you have seen ","_key":"0b0c73ee4d30"},{"_type":"span","marks":["strong"],"text":"since implementing Navattic","_key":"20fc435c76e9"},{"_key":"44295d7ead8d","_type":"span","marks":[],"text":"?"}],"_type":"block"},{"_type":"block","style":"normal","_key":"591639e00ef0","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We redesigned the website at the same time we implemented these tours, so that drove more traffic as a whole, but the product tours are embedded on our site, so they are an important factor. We’ve seen some really great numbers in the past three months. ","_key":"17a59012386e0"}]},{"_key":"28e23b6fa2ba","markDefs":[],"children":[{"marks":[],"text":"We’ve had a 250% increase in engaged visitors that are interacting with our tours. CTA clicks had a 300% increase and the Click Through Rate is around 25%","_key":"94e2496273eb","_type":"span"}],"_type":"block","style":"blockquote"},{"children":[{"_type":"span","marks":[],"text":"Another sleeper stat that I really love is that our Time Spent per Session has gone up a lot as well. That means that people are doing the tour, but not just the tour. They’re on that page and engaging with the integrated content experience, scrolling through, looking at the blog, etc.","_key":"0e7d9c4b7614"}],"_type":"block","style":"normal","_key":"0972f9254874","markDefs":[]},{"children":[{"_type":"span","marks":[],"text":"I think the tours have a big part to play in keeping people on the page and sparking their interest so they’ll look at other things as well.","_key":"d91acca72b450"}],"_type":"block","style":"normal","_key":"677ef0b27f4f","markDefs":[]},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"From a pipeline perspective, the new product tours have also generated over $600k in pipeline over the last six months.","_key":"b314e8259b06"}],"_type":"block","style":"blockquote","_key":"c0e163d5b5cc"},{"markDefs":[],"children":[{"text":"How do you plan to continue using Navattic?","_key":"f0db7e3cba17","_type":"span","marks":["strong"]}],"_type":"block","style":"h3","_key":"41ed422c7427"},{"children":[{"_type":"span","marks":[],"text":"I think the next step for us is committing to a regular update cadence. The tours are only as good as how well you maintain them. There are always going to be new features and suggestions, so I think that's really important–just keeping that consistency. We committed to a quarterly update cadence for these tours.","_key":"7bc627d91eab0"}],"_type":"block","style":"normal","_key":"50af47ef949f","markDefs":[]},{"children":[{"_type":"span","marks":[],"text":"We also want to leverage product tours in a variety of different ways, not just as this kind of inbound driver on the website, but also working closely with the Business Development Team at Jellyfish to learn how they’d like to use a product tool like this to create high impact, personalized resources and gain some traction with new accounts.","_key":"4c4286b9b7850"}],"_type":"block","style":"normal","_key":"90bf8f75cd4b","markDefs":[]}],"hide":null,"slug":"jellyfish","estimatedReadingTime":4,"featuredQuote":{"_id":"0f977b54-b7da-4798-b830-2275b80ac0dd","customer":{"title":"Jellyfish","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-50867ccf2f224b261f96de005efdeacd6f133247-3813x683-svg"}},"logoScalar":null,"website":"https://jellyfish.co/","companyBrandColor":"#cfef0a","industries":["Analytics","SaaS"],"founded":"Boston, 2017"},"featuredQuote":"The new product tours have generated over $600k in pipeline over the last six months.","author":null,"authorTitle":null},"customer":{"industries":["Analytics","SaaS"],"founded":"Boston, 2017","title":"Jellyfish","logo":{"_type":"image","asset":{"_ref":"image-50867ccf2f224b261f96de005efdeacd6f133247-3813x683-svg","_type":"reference"}},"logoScalar":null,"website":"https://jellyfish.co/","companyBrandColor":"#cfef0a"}},{"featuredQuote":{"_id":"61f33dcf-368b-4b67-b98a-08f82c5a58a9","customer":{"logoScalar":"1.0","website":"https://www.crossbeam.com/","companyBrandColor":"#03313f","industries":["Business Development","Analytics"],"founded":"Philadelphia, 2018","title":"Crossbeam","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-e51eea6baebc07b9175e59e7e6b25626d5c3a4fa-1286x277-png"}}},"featuredQuote":"It helps that we can build interactive demos faster than other assets. Recording a video could easily take twice as long and end up not nearly as polished as a Navattic demo. ","author":null,"authorTitle":null},"customer":{"title":"Crossbeam","logo":{"_type":"image","asset":{"_ref":"image-e51eea6baebc07b9175e59e7e6b25626d5c3a4fa-1286x277-png","_type":"reference"}},"logoScalar":"1.0","website":"https://www.crossbeam.com/","companyBrandColor":"#03313f","industries":["Business Development","Analytics"],"founded":"Philadelphia, 2018"},"_id":"9e0067f0-7777-4175-a575-bc782716058b","title":"Crossbeam","content":[{"children":[{"text":"What is Crossbeam?","_key":"82df855efbb00","_type":"span","marks":["strong"]}],"_type":"block","style":"h3","_key":"88793548a364","markDefs":[]},{"_type":"block","style":"normal","_key":"8ae793ac2ea0","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Crossbeam is a partner ecosystem platform that helps companies build more valuable partnerships through Ecosystem-Led Growth. Crossbeam watches partner ecosystems and immediately surfacing the data, people, and companies across the network that will accelerate and close deals. With Crossbeam, our customers book more revenue with the people and partners they already have and ensure they’re focusing on the right partnerships with data-backed decisions across every growth stage. ","_key":"df21a2b4a94c0"}]},{"style":"h3","_key":"6c5a8ff54bf8","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What was the problem you were facing?","_key":"cc9863f17f530"}],"_type":"block"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"We have many customers who sign up for a free account, and converting customers to a paid subscription with more advanced functionality was a challenge. Our process for upgrading was for customers to meet with their CSM to see a high-level overview of paid features. However, Crossbeam is a data-rich tool and product-led organization that benefits from a more self-serve intuitive approach. We wanted to put our users in the drivers’ seat and explore Crossbeam throughout the various funnel stages.","_key":"8367205ff98e0"}],"_type":"block","style":"normal","_key":"e276370ea1b2"},{"children":[{"_type":"span","marks":[],"text":"We also wanted to enable our free customers to set their accounts up for success and quickly see value from Crossbeam. To this end, we use demos to spotlight more action-specific use cases or activation milestones that new users may have been nervous to try out with less guidance.","_key":"69335e4b954f0"}],"_type":"block","style":"normal","_key":"cac6034fd161","markDefs":[]},{"_type":"block","style":"h3","_key":"af42d6a5f920","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Why interactive demos / Navattic?","_key":"92be6f6453820"}]},{"style":"normal","_key":"2f2544fff39a","markDefs":[],"children":[{"_key":"92653df121d10","_type":"span","marks":[],"text":"We knew we needed an interactive demo solution because we had hit a wall with tools like screenshots and videos - they just weren’t driving the acquisition and activation metrics at scale. Explainer videos are great, but you can’t replicate the importance of users getting to touch and feel the product themselves."}],"_type":"block"},{"children":[{"_type":"span","marks":[],"text":"When evaluating demo software, we considered Walnut, Tourial, and Navattic. We felt that Navattic was the most purpose-built for product marketers and included more robust analytics to support our use cases.","_key":"9993ffe19a6c0"}],"_type":"block","style":"normal","_key":"21902fb3f2ce","markDefs":[]},{"children":[{"_type":"span","marks":["strong"],"text":"When do you decide to use a demo over another asset?","_key":"f0370bc974fd0"}],"_type":"block","style":"h3","_key":"03618f7e9aaf","markDefs":[]},{"children":[{"_type":"span","marks":[],"text":"Demos make the most sense for us when there is paid functionality coming out that we really want our free customers to know about. For example, when we released a really captivating potential revenue feature, we knew that all free users would see a tiny carrot in-app but wanted to let them access more than just that or a social media post. During this particular feature launch, we included a Navattic demo in the newsletter blurb about potential revenue and saw immediate upgrades from the tour.","_key":"7b762d6e50de0"}],"_type":"block","style":"normal","_key":"7d19a6b43317","markDefs":[]},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"If we’re looking at our product roadmap and see new features that aren’t available to every customer, that immediately lends itself to an interactive demo that we’re looking to embed on our website or in other promotional materials.","_key":"374ac2744ca10"}],"_type":"block","style":"normal","_key":"ef402b8e39a6"},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some results you have seen since implementing Navattic?","_key":"d1f239814a000"}],"_type":"block","style":"h3","_key":"564700bfa948"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"From a product marketing perspective, we are most interested in how demos support users in upgrading an existing account or signing up for a free account. From Navattic’s in-app analytics, we can already see that 30% of visitors who start a Crossbeam demo click a CTA somewhere in the demo; we integrate Navattic with Hubspot and Segment to track engagement beyond that point.","_key":"300fc75017c40"}],"_type":"block","style":"normal","_key":"4fba62e1e280"},{"style":"normal","_key":"6bf8b472f990","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Interactive demos have also helped us showcase new features and conduct user upgrades at live events like conferences. For example, we recently used a screenshot-based Navattic demo (we love this functionality, too) to spotlight pre-release functionality at a conference - this led to many attendees hand-raising to be part of this beta program and helped our team gather early feedback just from the event, which directly impacted the feature build itself. Navattic made it possible to showcase the functionality earlier in the development process and to get this feedback to our product team.","_key":"d744a7d87ec00"}],"_type":"block"},{"_type":"block","style":"normal","_key":"687ed92ed18d","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Lastly, we use demos for internal enablement and have heard from our Sales and CS teams that these help them align on talk tracks for features that are going to market soon. Demos have helped Sales and CS teams discuss upgrade features in more depth and feel equipped to answer more customer questions that come up.","_key":"ce866f022b780"}]},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What do you love about Navattic?","_key":"800f260b26980"}],"_type":"block","style":"h3","_key":"bca0c62f1327"},{"_key":"cb8e01bd3bed","markDefs":[],"children":[{"text":"At this point, 90% of the time we’re producing new features, I will create a new Navattic demo for our internal teams, which can also be shared in our marketing and help documentation to enable customers. It helps that we can build demos faster than other assets - generally, 30 minutes is enough time to create an in-depth demo. Recording a video could easily take twice as long and end up not nearly as polished as a Navattic demo.","_key":"5b32d28327e00","_type":"span","marks":[]}],"_type":"block","style":"normal"},{"_type":"block","style":"normal","_key":"942b97a7bc61","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We also love that Navattic makes it easy for other team members to collaborate on the same demo, which is inherently different from a Loom or video tool. On this note, the tool is also so intuitive that new users within Crossbeam can get started without even needing to reach out to me.","_key":"297ded516f430"}]},{"_key":"013b01849725","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Of all the things I do for work, building Navattic tours is the most fun thing that I do. It’s a very creative use of my time and, as it’s great to think in terms of UX experience within our own app. When building experience using the actual product, demos help us spotlight what is most important from a customer’s perspective as they explore the feature, rather than what we think is important. As we go through our own app to build the demo, the process helps us refine our positioning and messaging because we've gotten another chance to experience it as a customer.","_key":"3ecd5a9945950"}],"_type":"block","style":"normal"}],"hide":null,"slug":"crossbeam","estimatedReadingTime":6},{"hide":null,"slug":"form","estimatedReadingTime":3,"featuredQuote":{"authorTitle":null,"_id":"ac760228-b042-4231-8722-a5eec70fdf6e","customer":{"title":"Form","logo":{"_type":"image","asset":{"_ref":"image-0fabe0dc40c3dbd6e1a37cbea199b24ad046a310-437x115-png","_type":"reference"}},"logoScalar":"0.9","website":"https://form.com","companyBrandColor":"#1BDBEC","industries":["Field Service Management","SaaS"],"founded":"Boston, 2002"},"featuredQuote":"Navattic tours add a layer of interactivity to our content that helps users quickly understand the value of our product.","author":null},"customer":{"website":"https://form.com","companyBrandColor":"#1BDBEC","industries":["Field Service Management","SaaS"],"founded":"Boston, 2002","title":"Form","logo":{"_type":"image","asset":{"_ref":"image-0fabe0dc40c3dbd6e1a37cbea199b24ad046a310-437x115-png","_type":"reference"}},"logoScalar":"0.9"},"_id":"9fded0a3-1b96-444d-97c5-6c468c6656d5","title":"Form","content":[{"children":[{"marks":[],"text":"What is FORM?","_key":"cb0877f4d4c10","_type":"span"}],"_type":"block","style":"h3","_key":"bc2506f55a52","markDefs":[]},{"markDefs":[],"children":[{"marks":[],"text":"FORM is a mobile digital assistant for frontline teams. FORM’s field execution platform guides daily tasks, speeds data collection, boosts communication, and gives leaders real-time intelligence to drive the right action, everywhere. The platform provides flexible design and advanced features that can be used to streamline any data collection processes, at the office or in the field, that use forms to capture data - online or offline.","_key":"fbe63b6344b50","_type":"span"}],"_type":"block","style":"normal","_key":"7705e89d0fa2"},{"children":[{"_type":"span","marks":[],"text":"What was the problem you were facing?","_key":"5a462df3840b0"}],"_type":"block","style":"h3","_key":"aa3724028d7e","markDefs":[]},{"_key":"ecffbadd54b9","markDefs":[],"children":[{"marks":[],"text":"Product-led brands have changed how consumers want to research, test, and select software. We know that when buyers can see and experience our product, the value of the problems it solves ‘clicks.’ Based on our enterprise go to market strategy and packages for large teams, we don’t offer freemiums and our trials are designed for groups vs individual users, so we wanted to find a way to get buyers into our product quickly to experience how it can help them. This helps them in their research and evaluation and builds a comprehensive understanding of the product before they talk with sales, so that they can have an informed conversation during their live demos.","_key":"f111ece3f67a0","_type":"span"}],"_type":"block","style":"normal"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"How are you using Navattic product tours today?","_key":"9b3afe603fb50"}],"_type":"block","style":"h3","_key":"80650be73ae5"},{"_key":"7769b770580f","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We have Navattic tours created for each of our products and capabilities. We use tours as content offers on pay-per click (PPC) landing pages (i.e., Take a Tour or Request a Demo)—offering a strong CTA for buyers earlier in their selection process who may not be ready to “Request a Demo.” The tours are also gated on our website as a lead generation driver.","_key":"1d5b04dae6360"}],"_type":"block","style":"normal"},{"style":"normal","_key":"301dd773ddb8","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We also have developed account based marketing (ABM) product tours customized for target accounts which we promote in outbound ads and sales outreach. Another popular way we’ve used product tours is for a variety of training use cases for internal teams around new processes, and externally for things like large trials or new feature adoption.","_key":"90c27d3b5cc70"}],"_type":"block"},{"markDefs":[],"children":[{"_key":"efc61c17bf0b","_type":"span","marks":[],"text":""}],"_type":"block","style":"normal","_key":"4e5cd4e03ed3"},{"_type":"block","style":"blockquote","_key":"2e0811cdd013","markDefs":[],"children":[{"_type":"span","marks":[],"text":"With Navattic, we are able to create hands-on walkthroughs of our product for customers, prospects, and internal team members. Navattic tours add a layer of interactivity to our content that helps users quickly understand the value of our product.","_key":"78aa28b0f5f90"}]},{"markDefs":[],"children":[{"_key":"f003e9676cce0","_type":"span","marks":[],"text":"What are some results you have seen?"}],"_type":"block","style":"h3","_key":"4bfbe01ce895"},{"_type":"block","style":"normal","_key":"7ab8e1ab5f92","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Since launching our Navattic product tours on PPC landing pages, we have seen a 33% increase in conversion to drive prospects into our sales funnel. Additionally, Navattic product tours and the “take a tour” call to action (CTA) have helped decrease our cost per lead in ABM campaigns by nearly 50% when compared to campaigns running with the “request a demo” CTA .","_key":"00f1f08576940"}]}]},{"_id":"81a464e7-76cf-4070-8f23-e4d28ed3dc9e","title":"SourceDay","content":[{"_key":"11ab9d73367b","markDefs":[],"children":[{"_key":"8ed5272644c40","_type":"span","marks":[],"text":"What is SourceDay?"}],"_type":"block","style":"h3"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"SourceDay is a modern purchase order management platform for syteline, epicor, and netSuite ERPs. SourceDay’s supply chain software integrates with your ERP to automate direct spend purchase order (PO) changes.","_key":"e226119f70070"}],"_type":"block","style":"normal","_key":"3a8b2f23834c"},{"_type":"block","style":"h3","_key":"333dae1e0701","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What was the problem you were facing?","_key":"abbf50aefe5b0"}]},{"children":[{"_type":"span","marks":[],"text":"We found that our sales reps were bringing in technical solutions consulting team earlier and earlier in the sales process including the discovery phase. After additional investigation, we learned that this was largely due to the fact that our sales reps did not have a way to showcase our product. We experimented with demo environments but saw that data quality and consistency was a struggle especially as a sales team continues to grow. We were looking for a solution to help our sellers showcase the product in a streamlined and controlled environment that they can’t break.","_key":"ff7bd18e75480"}],"_type":"block","style":"normal","_key":"f2bf601e1405","markDefs":[]},{"children":[{"_type":"span","marks":[],"text":"Why Navattic?","_key":"d28e52f0983d0"}],"_type":"block","style":"h3","_key":"7756ea909211","markDefs":[]},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"We came across Navattic when browsing for solutions to solve our demo environment challenges. We saw how easy it was to build immersive and comprehensive product demos all from a simple to navigate user interface. In working with the Navattic team, we have also found that they are very responsive and receptive to feedback and feature requests to build the best possible user experience.","_key":"f9f457cd46980"}],"_type":"block","style":"normal","_key":"10564579241f"},{"style":"h3","_key":"595a63e621c8","markDefs":[],"children":[{"_type":"span","marks":[],"text":"How are you using Navattic product tours today?","_key":"dbbdaa4ec6370"}],"_type":"block"},{"_key":"24e9a4c60625","markDefs":[],"children":[{"marks":[],"text":"We are using Navattic demos across a number of teams and use cases throughout our go-to-market motions. The presales team is using interactive demos built on Navattic to give confident and consistent product overviews earlier in the sales funnel. We are using these demos to deliver to prospect champions and enable them to position the product internally without the need for multiple product demos throughout the sales cycle. Lastly, our training and onboarding teams have adopted Navattic product tours for user enablement and to quickly build product simulations to save support time.","_key":"d86b4ca21dcf0","_type":"span"}],"_type":"block","style":"normal"},{"markDefs":[],"children":[{"text":"What are some results you have seen?","_key":"01c6981201850","_type":"span","marks":[]}],"_type":"block","style":"h3","_key":"6e5bcc00ba5d"},{"_key":"42fdeac6ff12","markDefs":[],"children":[{"text":"Since launching these product tours across different teams and functions, we have seen real results. With Navattic product tours deployed for user enablement, our onboarding and training team is seeing a 90% decrease in the number of one-on-one trainings needed to activate new users. This has enabled us to focus time and hiring investments on our growth and product teams.","_key":"ac09828f6b250","_type":"span","marks":[]}],"_type":"block","style":"normal"},{"_key":"5be3b036a13d","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We’ve also used interactive product tours built on the Navattic platform for conferences and in-person selling events. At these events, it is critical that things work to showcase the product in the best possible light. At our last conference, prebuilt Navattic demos gave us the ability to confidently showcase product functionality without risk of potential failure. From this latest conference alone using Navattic, we created 30 opportunities resulting in significant pipeline generated.","_key":"b3949b348d8a0"}],"_type":"block","style":"normal"},{"_key":"39a8bded16b1","markDefs":[],"children":[{"marks":[],"text":"On the presales side, with interactive product tours as a part of our sales rep playbook, solutions consultants are spending 30% less time on early stage demos and can now fully focus on higher value and more strategic deals.","_key":"5fd463ecef100","_type":"span"}],"_type":"block","style":"normal"}],"hide":null,"slug":"sourceday","estimatedReadingTime":3,"featuredQuote":{"_id":"daf3d67e-d7d8-49cb-854b-d53860d89896","customer":{"industries":["Supply Chain Management","Procurement"],"founded":"Austin, 2013","title":"SourceDay","logo":{"_type":"image","asset":{"_ref":"image-951438ffa5562e5e3dea3492ab68b5b6c601a379-1200x230-png","_type":"reference"}},"logoScalar":"1","website":"https://sourceday.com","companyBrandColor":"#3BAE28"},"featuredQuote":"On the presales side, with interactive product tours as a part of our sales rep playbook, solutions consultants are spending 30% less time on early stage demos and can now fully focus on higher value and more strategic deals.","author":null,"authorTitle":null},"customer":{"title":"SourceDay","logo":{"_type":"image","asset":{"_ref":"image-951438ffa5562e5e3dea3492ab68b5b6c601a379-1200x230-png","_type":"reference"}},"logoScalar":"1","website":"https://sourceday.com","companyBrandColor":"#3BAE28","industries":["Supply Chain Management","Procurement"],"founded":"Austin, 2013"}},{"estimatedReadingTime":5,"featuredQuote":{"authorTitle":null,"_id":"849f703f-3c22-44c5-bddc-27a097b6c92e","customer":{"website":"https://athennian.com","companyBrandColor":"#3B69F2","industries":["Legal","Cloud management"],"founded":"Calgary, 2016","title":"Athennian","logo":{"_type":"image","asset":{"_ref":"image-e1b2f1b59d2c9003699098b3c143bd91712e625b-1000x150-png","_type":"reference"}},"logoScalar":".8"},"featuredQuote":"Thousands of visitors engage with our interactive demo each month. Leads from Navattic already know what the Athennian product does, and are confident that it addresses a pain point that they have.","author":null},"customer":{"logo":{"_type":"image","asset":{"_ref":"image-e1b2f1b59d2c9003699098b3c143bd91712e625b-1000x150-png","_type":"reference"}},"logoScalar":".8","website":"https://athennian.com","companyBrandColor":"#3B69F2","industries":["Legal","Cloud management"],"founded":"Calgary, 2016","title":"Athennian"},"_id":"a5a7cc5a-c081-441f-a6f7-b886d816abcc","title":"Athennian","content":[{"_key":"159d70fd18fa","markDefs":[],"children":[{"text":"What is Athennian","_key":"4625f259d0720","_type":"span","marks":[]}],"_type":"block","style":"h3"},{"_type":"block","style":"normal","_key":"36e1328e03c8","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Athennian is a modern business entity and subsidiary governance platform that powers teams to be transaction, audit, and compliance-ready. Legal, finance, and tax professionals use Athennian to automate workflows for ownership, governance, tax, and corporate compliance. ","_key":"8e0f1643d5530"}]},{"style":"h3","_key":"5f1d6080f996","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What was the problem you were facing?","_key":"9957107282940"}],"_type":"block"},{"markDefs":[],"children":[{"_key":"e60c28dce7d40","_type":"span","marks":[],"text":"The Athennian platform is one of the most intuitive entity management and business workflow platforms on the market. However, in order to use Athennian and maximize functionality, new users need to migrate years or even decades worth of data over to our platform. We knew we wanted to provide some sort of free trial or self-guided demo of the platform in order to show immediate value for new users, but there was no easy way for us to do that. This was going to require too much of a lift for our development team, so we decided to see what other options we had to showcase Athennian."}],"_type":"block","style":"normal","_key":"4bc1e7ceba9c"},{"markDefs":[],"children":[{"marks":[],"text":"Why Navattic?","_key":"2ac12d98eb3d0","_type":"span"}],"_type":"block","style":"h3","_key":"0e7d1e43f86a"},{"markDefs":[],"children":[{"text":"When we found Navattic, we realized it could solve our problem of wanting to show people “under the hood” of Athennian without having to import real customer data in order to make it effective. We could easily create guided product tours to share with prospects right away, and let our product speak for itself.","_key":"3ed9d3c2bae10","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"c51febcf4b78"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"On the customer side, we also realized that asking a prospect to schedule a sales call as the first touch point can be intimidating. Instead of connecting with a sales rep from the beginning, prospects can now explore Athennian at their own pace with Navattic. This helps prospects self-qualify prior to joining a customized demo with the sales team, leading to more impactful conversations and an overall shorter deal cycle.","_key":"d6c287766f290"}],"_type":"block","style":"normal","_key":"c12bbc991627"},{"_key":"b4a5b830ab90","markDefs":[],"children":[{"text":"What are some results you have seen?","_key":"ffcce82b61c00","_type":"span","marks":[]}],"_type":"block","style":"h3"},{"children":[{"text":"We’ve used interactive product tours built on Navattic for lead generation and deal acceleration. We’ve seen real results with ","_key":"992fddbab8100","_type":"span","marks":[]},{"_type":"span","marks":["strong"],"text":"22% of product tour registrations subsequently converting to marketing-qualified leads","_key":"db61a4576f1b"},{"_type":"span","marks":[],"text":". Navattic is an easy platform to work with, and ","_key":"a2cb3694e79b"},{"_type":"span","marks":["strong"],"text":"we had our first Product Tour live on our site in a matter of days.","_key":"abe793a6b58b3"}],"_type":"block","style":"normal","_key":"3edc7010de77","markDefs":[]},{"_key":"ccb1cf128624","markDefs":[],"children":[{"_type":"span","marks":[],"text":"In terms of deployment, we first created an in-depth product tour for our website, which thousands of visitors engage with each month. After seeing the success of this product tour, we decided to build product tours for specific use cases, personas, and customers in different industries. We house these tours in a gated demo center, which allows visitors to browse our various options to choose the content that is most relevant for them. ","_key":"b245c445c6d9"},{"marks":["strong"],"text":"Our interactive, product-led initiatives now contribute to over 25% of annual leads.","_key":"9880c7f09a3f","_type":"span"}],"_type":"block","style":"normal"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Navattic has saved us time and sales resources by providing only the most highly qualified product leads. Leads from Navattic already know what the Athennian product does, and are confident that it addresses a pain point that they have. This allows our sales reps to focus on specific questions during their demos, and significantly reduces the time spent on initial discovery. Lastly, we’ve noticed that using product tours during the sales process ultimately ","_key":"ceaecec1076d0"},{"_type":"span","marks":["strong"],"text":"shortens the learning curve when those users become customers","_key":"17f926586467"},{"_type":"span","marks":[],"text":".","_key":"1bf2eca8d257"}],"_type":"block","style":"normal","_key":"72eefb546df4"},{"_type":"block","style":"h3","_key":"78ed57cb1936","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some other ways you currently use Navattic?","_key":"2d3122ce0c790"}]},{"markDefs":[],"children":[{"marks":[],"text":"We recently decided to form gate our product tours – this has helped us see clear value from Navattic by capturing new leads each month. We also integrate Navattic with Hubspot to inform our sales team of a prospect’s product tour engagement history, allowing them to tailor sales interactions based on the product areas the prospect has already seen.","_key":"eeed51b65e050","_type":"span"}],"_type":"block","style":"normal","_key":"dc7db168b693"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"We also create product tours to support customer enablement and customer marketing. These are used to update existing customers on a quarterly feature release, or to promote new features and integrations. We use a Growth Flywheel model similar to Hubspot and have found that our Navattic product tours are applicable in each of the three stages of that flywheel–not only with lead generation and sales, but in our customer marketing and product enablement strategies as well.","_key":"1028c29582e80"}],"_type":"block","style":"normal","_key":"a908dece0ba9"},{"_key":"6f6f6b4a012d","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What has been a highlight of your experience with Navattic?","_key":"6da7cca8958a0"}],"_type":"block","style":"h3"},{"_type":"block","style":"normal","_key":"38f644c21558","markDefs":[],"children":[{"_key":"f8b2daaef24d0","_type":"span","marks":[],"text":"Navattic is really ahead of the game in terms of features and content! Every time I think of a feature that would be useful, I open the Navattic product newsletter and find out that it already exists. I get many marketing newsletters, and I’m actually excited to see what’s new with Navattic each month."}]}],"hide":null,"slug":"athennian"},{"customer":{"website":"https://www.visier.com/","companyBrandColor":"#24a3a8","industries":["Human Resources","SaaS"],"founded":"Vancouver, 2010","title":"Visier","logo":{"_type":"image","asset":{"_ref":"image-5dd181314fb4370e7b20f72960e79bb6dcd68900-2000x468-png","_type":"reference"}},"logoScalar":"0.75"},"_id":"36afc7ce-6b92-4118-b5e1-1234d6ca6cc4","title":"Visier","content":[{"style":"h3","_key":"46b04d52c4d5","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What is Visier?","_key":"54e9d8b78e6a"}],"_type":"block"},{"_type":"block","style":"normal","_key":"a7ba806f1194","markDefs":[{"_type":"link","href":"https://www.visier.com/why-visier/","_key":"079570d99d9d"}],"children":[{"marks":[],"text":"Visier is a leader in the people analytics space providing on-demand answers for people-powered businesses. Designed by people data and HR experts, ","_key":"e32440901ff30","_type":"span"},{"_type":"span","marks":["079570d99d9d"],"text":"Visier’s cloud-based people analytics solutions","_key":"e32440901ff31"},{"_type":"span","marks":[],"text":" help reveal the impact businesses have on their employees, and the impact employees have on the business.","_key":"e32440901ff32"}]},{"style":"normal","_key":"7f0873fdcc37","markDefs":[],"children":[{"_type":"span","marks":[],"text":"","_key":"07322968c14f"}],"_type":"block"},{"_type":"block","style":"h3","_key":"d8a1adead0fb","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What was the problem you were facing?","_key":"b09d568891d4"}]},{"style":"normal","_key":"00083aa1fd10","markDefs":[],"children":[{"_type":"span","marks":[],"text":"In enterprise software, we sell to companies that are very large and typically buy software that is not very visible to the public. We pride ourselves on a visual and intuitive user experience – especially compared to alternatives that customers might have or compared to our competitors – and wanted to showcase that early to prospective customers.","_key":"9c46fddfc8710"}],"_type":"block"},{"_type":"block","style":"normal","_key":"eb5eb4e10804","markDefs":[],"children":[{"marks":[],"text":"\nOur field (people analytics) is also an emerging discipline. When designing our website, it was important for us to have a way to “make real” some of the claims that we feature. We talk a lot about what you can achieve with Visier and why you should use our solutions, and wanted to back those claims up with the ","_key":"f7d3f01c3da90","_type":"span"},{"text":"how","_key":"f7d3f01c3da91","_type":"span","marks":["em"]},{"_type":"span","marks":[],"text":". Navattic shows prospects how our software works, which is such a rare thing within enterprise software.","_key":"f7d3f01c3da92"}]},{"_key":"0264e59470fd","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Why interactive demos?","_key":"aab9d9656904"}],"_type":"block","style":"h3"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"We’ve all seen the research showing that buyers are relying less on salespeople. They’ll typically only reach out when they're pretty close to making a purchasing decision. That’s why it’s so important to offer a rich self-serve experience. We found the guided tours we create with Navattic to be an effective “medium commitment” expression of interest – in between just reading something or watching a video (low commitment) and signing up for a personalized demo (high commitment).\n","_key":"86a02aa458dc0"}],"_type":"block","style":"normal","_key":"9ae6e582dc41"},{"style":"normal","_key":"1ccfe1301cfa","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We especially like a tour’s ability to engage a wide array of visitors: we can use this to educate casual window shoppers and to make a lasting impression that keeps Visier in the back of their minds until they’re ready to buy, or to help serious buyers evaluate in detail the aspects that make Visier stand out from our competitors.","_key":"fbb5242b3af40"}],"_type":"block"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"What are some results you have seen?","_key":"0d8044b56c5a"}],"_type":"block","style":"h3","_key":"b8837b5d06b2"},{"_type":"block","style":"normal","_key":"0af29ff04f70","markDefs":[],"children":[{"text":"“Get a demo” is our biggest signal of buying intent and primary CTA throughout the website. However, our “Self-Guided Tour” option has become a close second in terms of engagement. ","_key":"52373b569e9b0","_type":"span","marks":[]}]},{"style":"normal","_key":"fb7597a2262d","markDefs":[],"children":[{"_type":"span","marks":[],"text":"","_key":"2c4225d4052c"}],"_type":"block"},{"_type":"block","style":"normal","_key":"bba29c812e54","markDefs":[],"children":[{"text":"Navattic has also inspired several use cases internally, which has been really positive. For example, the sales enablement team has seen what we’re offering to the public and they’ve asked us to figure out how to help them optimize guided tours for their team and their use case (sales-led presentations and outreach). The Navattic team’s support and training offerings have also helped us pursue these additional use cases with minimal friction.","_key":"23e6d35cea07","_type":"span","marks":[]}]},{"_type":"block","style":"h3","_key":"7363c5922320","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some other ways you plan to use Navattic?","_key":"ae6a582db2f70"}]},{"style":"normal","_key":"0f9931c6f4bc","markDefs":[],"children":[{"marks":[],"text":"New use cases for interactive demos are coming out of the woodwork. Just recently, our recruiters shared how Navattic tours have become a way for potential candidates to learn about Visier, especially when applying for technical or developer roles.","_key":"7b26d1715a260","_type":"span"}],"_type":"block"}],"hide":null,"slug":"visier","estimatedReadingTime":3,"featuredQuote":{"featuredQuote":"Navattic shows prospects how our software works, which is such a rare thing within enterprise software.","author":null,"authorTitle":null,"_id":"e16f0f2c-e5a3-486f-80f0-415d5a391b69","customer":{"title":"Visier","logo":{"_type":"image","asset":{"_ref":"image-5dd181314fb4370e7b20f72960e79bb6dcd68900-2000x468-png","_type":"reference"}},"logoScalar":"0.75","website":"https://www.visier.com/","companyBrandColor":"#24a3a8","industries":["Human Resources","SaaS"],"founded":"Vancouver, 2010"}}},{"content":[{"style":"h3","_key":"49882f457218","markDefs":[],"children":[{"_type":"span","marks":[],"text":"What is Dooly?","_key":"ae56f3793f680"}],"_type":"block"},{"markDefs":[],"children":[{"marks":[],"text":"Dooly is the fastest way to update Salesforce, take sales notes, and easily manage all your deals. With Dooly, sellers become the best versions of themselves by eliminating the busywork, selling with consistency, and collaborating with the right people so they can hit their number.","_key":"00d1b561e6850","_type":"span"}],"_type":"block","style":"normal","_key":"6db319216cf0"},{"children":[{"_type":"span","marks":[],"text":"What was the problem you were facing?","_key":"854cf2a677090"}],"_type":"block","style":"h3","_key":"51a92e57794e","markDefs":[]},{"style":"normal","_key":"9228fa33a4b8","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Everyone takes in information differently, and videos weren’t sufficient in communicating our product to all users. Some customers who visited our site would say, “We love your brand, but what exactly does Dooly do?” Embedding interactive demos on our website answers this question immediately by providing an opportunity to explore the product, without having to set up an account or connect their Salesforce instance.","_key":"0f9590b9c6260"}],"_type":"block"},{"style":"h3","_key":"bdef6b096728","markDefs":[],"children":[{"text":"Why Navattic?","_key":"cd64f3ef11c10","_type":"span","marks":[]}],"_type":"block"},{"children":[{"_type":"span","marks":[],"text":"Before Navattic, we tried a different interactive demo vendor and just weren’t happy. The demo-building process required a highly technical skillset, which prevented us from quickly deploying demos on our website. Navattic’s guided demo builder is intuitive and lets me build the entire demo on my own without needing to engage technical resources. This has helped us build and update demos quickly to keep up with website and product updates.","_key":"2af7770c5f810"}],"_type":"block","style":"normal","_key":"9fb6c73d527e","markDefs":[]},{"children":[{"text":"I also appreciate the proactive communication we receive from the Navattic team. With Navattic, we feel like truly valued customers and know we can count on them to provide the guidance we need to be successful.","_key":"925c89e8499a0","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"86debd741642","markDefs":[]},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"How are you using Navattic product tours today?","_key":"637b37a3ee290"}],"_type":"block","style":"h3","_key":"37ac289a1f7c"},{"markDefs":[{"_type":"link","href":"https://navattic.com/showcase/dooly","_key":"02d081e8a2ad"}],"children":[{"_key":"ffb5175d88cb0","_type":"span","marks":[],"text":"I like that interactive demos enable users to take in information in an entirely new way, by letting users click around to understand how Dooly works for them. We use demos on our website and in product launches to let customers try Dooly for themselves. We recently launched a new "},{"_type":"span","marks":["02d081e8a2ad"],"text":"Dooly in Action","_key":"6e08a0370049"},{"_type":"span","marks":[],"text":" page built entirely around interactive demos. Our goal is to show customers the value of our product with as little friction as possible, and to encourage high-intent customers to have more in-depth conversations with sales.","_key":"055f0cfade34"}],"_type":"block","style":"normal","_key":"06b98cf89ee5"},{"style":"normal","_key":"4d0452c54de5","markDefs":[],"children":[{"_key":"6ffc14bbb81b0","_type":"span","marks":[],"text":"We also use demos to support product launches. Anytime we release a new feature, we make a Navattic demo for it!"}],"_type":"block"},{"children":[{"_type":"span","marks":[],"text":"What are some results you have seen?","_key":"56e0b60a00660"}],"_type":"block","style":"h3","_key":"c425ef77cb2f","markDefs":[]},{"style":"normal","_key":"debdd571dc37","markDefs":[],"children":[{"_key":"5e5a42f12c50","_type":"span","marks":[],"text":"Our sales team has really embraced Navattic demos (I was kind of shocked by how excited they were to share demos with prospective buyers). Receiving a demo on a feature you were most interested in feels more personalized than just an email or one-pager, and is just as scalable for our team to share. Navattic’s new demo personalization ability makes this even easier."}],"_type":"block"}],"hide":null,"slug":"dooly","estimatedReadingTime":3,"featuredQuote":{"author":null,"authorTitle":null,"_id":"9f1468e0-ce9d-434a-b0d1-9a5836adbac9","customer":{"companyBrandColor":"#ff1f8a","industries":["SalesTech"],"founded":"Vancouver, 2016","title":"Dooly","logo":{"_type":"image","asset":{"_ref":"image-e38541ff3e43dbb82066fe36d04d8fc981783c1f-243x72-svg","_type":"reference"}},"logoScalar":null,"website":"https://dooly.ai"},"featuredQuote":"Navattic’s guided demo builder is intuitive and lets me build the entire demo on my own without needing to engage technical resources. "},"customer":{"logoScalar":null,"website":"https://dooly.ai","companyBrandColor":"#ff1f8a","industries":["SalesTech"],"founded":"Vancouver, 2016","title":"Dooly","logo":{"_type":"image","asset":{"_ref":"image-e38541ff3e43dbb82066fe36d04d8fc981783c1f-243x72-svg","_type":"reference"}}},"_id":"66b4fbad-6c1f-4650-bb81-f478666fff30","title":"Dooly"},{"hide":false,"slug":"swipedon","estimatedReadingTime":4,"featuredQuote":{"authorTitle":null,"_id":"178d0d9a-d266-46cb-b4ab-e0a90c63dfe5","customer":{"logoScalar":"1.7","website":"https://www.swipedon.com/","companyBrandColor":"#f74000","industries":["Visitor Management"],"founded":"Tauranga, 2013","title":"SwipedOn","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-8d5f3d790a7113e1d18c840c118518c49b2c6875-1920x1080-webp"}}},"featuredQuote":"We have had thousands of website visitors engage with the experience. On average, visitors explore 25 steps of our demo and have a 34% likelihood of clicking a CTA during the experience.","author":null},"customer":{"industries":["Visitor Management"],"founded":"Tauranga, 2013","title":"SwipedOn","logo":{"_type":"image","asset":{"_ref":"image-8d5f3d790a7113e1d18c840c118518c49b2c6875-1920x1080-webp","_type":"reference"}},"logoScalar":"1.7","website":"https://www.swipedon.com/","companyBrandColor":"#f74000"},"_id":"e8bc4710-9460-4edb-87bc-5a7cd4aa560b","title":"SwipedOn","content":[{"_key":"8d8df87a1856","markDefs":[],"children":[{"text":"What is SwipedOn?","_key":"ffc681c2e8f60","_type":"span","marks":["strong"]}],"_type":"block","style":"h3"},{"_type":"block","style":"normal","_key":"a5487d681de4","markDefs":[],"children":[{"_type":"span","marks":[],"text":"SwipedOn is a workplace sign in system used to automate visitor arrivals, track employee sign in and streamline resource bookings. Over 8,000 customers use SwipedOn to elevate those crucial first impressions while boosting workplace safety and security.","_key":"6dbfcc713a47"}]},{"markDefs":[],"children":[{"_key":"70234551efee0","_type":"span","marks":["strong"],"text":"What was the problem you were facing?"}],"_type":"block","style":"h3","_key":"8821b9d8aa28"},{"children":[{"text":"I’m in a number of product-led growth forums and have seen Navattic demos on some other websites. We’ve always prioritized ease-of-use in developing SwipedOn and consistently get positive feedback on the UI, especially compared to our competitors.","_key":"2b07a269276e","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"ce636fa50475","markDefs":[]},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Even so, we had been leaning on stylized elements like product videos or graphic visuals in our marketing efforts, rather than using our product itself.","_key":"7f2fe9ffeab00"}],"_type":"block","style":"normal","_key":"cee30a200aba"},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Did you consider other interactive demo options?","_key":"d32796ad1e050"}],"_type":"block","style":"h3","_key":"7f7285f724ce"},{"_type":"block","style":"normal","_key":"77cbfea6f591","markDefs":[],"children":[{"_type":"span","marks":[],"text":"It was clear that we should make our product more visible to prospects and Navattic was the most highly recommended tool I had seen around. As a startup looking for the lowest price when purchasing software, we also considered a tool called Storylane.","_key":"eb93dfe1f5e10"}]},{"style":"normal","_key":"d20ebad27866","markDefs":[],"children":[{"text":"However, throughout the evaluation process, we felt more confident in the Navattic team’s sales approach and transparency, and decided that the partnership with Navattic was worth it.","_key":"bf9ada0bcc910","_type":"span","marks":[]}],"_type":"block"},{"children":[{"_type":"span","marks":[],"text":"Since becoming customers, we’ve confirmed that Navattic is super easy to use and robust in functionality. The many positive customer stories about Navattic also caught our attention during the evaluation and now we have had an excellent experience working with the success and support team ourselves.","_key":"30001a38d9810"}],"_type":"block","style":"normal","_key":"348ca163c260","markDefs":[]},{"_key":"9e2fd49b6563","markDefs":[],"children":[{"text":"What are some results you have seen since implementing Navattic?","_key":"77757a6b39810","_type":"span","marks":["strong"]}],"_type":"block","style":"h3"},{"children":[{"_type":"span","marks":[],"text":"Since adding our interactive demo to our marketing homepage 6 months ago, we have had thousands of website visitors engage with the experience. ","_key":"595d4f43e7270"}],"_type":"block","style":"normal","_key":"04260e8e37ce","markDefs":[]},{"children":[{"_type":"span","marks":[],"text":"On average, our demo visitors explore 25 steps of our demo (we have a Checklist that presents 3 different product areas) and have a 34% likelihood of clicking a CTA during the demo experience. We were also impressed to see the average visitor spending about 9 minutes in the demo experience!","_key":"14ff1b01f6e4"}],"_type":"block","style":"blockquote","_key":"d4e65fa3d888","markDefs":[]},{"markDefs":[],"children":[{"text":"We’ve also had great feedback from our sales teams in terms of qualified leads. Leads from Navattic (we track attribution with UTMs) have an understanding of the product by the time they meet with sales and often want to discuss specific functionality.","_key":"b339d249649f0","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"61714745a6eb"},{"markDefs":[],"children":[{"_key":"c8f5caa94bf80","_type":"span","marks":[],"text":"We still use videos and our previous stylized elements for product marketing, but have found that demos are much better for qualifying leads at the top of the funnel. By providing an in-depth demo that covers three different product areas, we’re able to educate prospects and help filter out poor-fit use cases. Prospects who book a sales demo after the product tour are often higher-intent and speed through the sales process."}],"_type":"block","style":"normal","_key":"204a2c5bef7a"},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are some other ways you currently use Navattic?","_key":"47fecf606f5c0"}],"_type":"block","style":"h3","_key":"3e01177bc77a"},{"_type":"block","style":"normal","_key":"dc1066928bed","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Beyond marketing and sales, we also use demos in email onboarding sequences to save our customer success teams some time. We’d love to introduce a demo center in the future as well - we’ve seen some encouraging customer examples and stories about this.","_key":"b471c3ebca270"}]},{"_type":"block","style":"h3","_key":"63650bb8625d","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Why is Navattic a great solution startups?","_key":"6948b743d89e0"}]},{"_type":"block","style":"normal","_key":"119d73b7da71","markDefs":[],"children":[{"_key":"098b7d9c2dbd0","_type":"span","marks":[],"text":"Navattic is really "},{"_type":"span","marks":["em"],"text":"very","_key":"098b7d9c2dbd1"},{"_type":"span","marks":[],"text":" easy to use and priced appropriately. ","_key":"098b7d9c2dbd2"}]},{"markDefs":[],"children":[{"text":"In a week, we could showcase our product in a way that our product, marketing, and design teams were all proud of.","_key":"4358f81e17c1","_type":"span","marks":[]}],"_type":"block","style":"blockquote","_key":"5e53c6dd97ba"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"The UI is completely painless and we love all the helpful blog and best practices content that’s available to us for free. I follow Navattic on LinkedIn and they’re always sharing data-driven content and recommendations for improving our demo results.","_key":"487dee87cb990"}],"_type":"block","style":"normal","_key":"05422af10ba0"}]}]},"__N_SSG":true},"page":"/","query":{},"buildId":"l7gGD9ObudbvEUgAqG1kj","isFallback":false,"isExperimentalCompile":false,"gsp":true,"scriptLoader":[]}</script><script id="mutiny-init">(function(){var a=window.mutiny=window.mutiny||{};if(!window.mutiny.client){a.client={_queue:{}};var b=["identify","trackConversion"];var c=[].concat(b,["defaultOptOut","optOut","optIn"]);var d=function factory(c){return function(){for(var d=arguments.length,e=new Array(d),f=0;f<d;f++){e[f]=arguments[f]}a.client._queue[c]=a.client._queue[c]||[];if(b.includes(c)){return new Promise(function(b,d){a.client._queue[c].push({args:e,resolve:b,reject:d});setTimeout(d,500)})}else{a.client._queue[c].push({args:e})}}};c.forEach(function(b){a.client[b]=d(b)})}})();</script><script id="mutiny" data-cfasync="false" src="https://client-registry.mutinycdn.com/personalize/client/1a3054bd309da90d.js"></script></body></html>