1<!DOCTYPE html><html lang="en" class="scroll-smooth" data-ssr-experiments="{}"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><title>The AI Powered SuperApp for Work | Motion</title><meta name="description" content="Motion is the #1 Rated Productivity Platform for the AI Era. AI Projects, AI Tasks, AI Calendar, AI Meetings, AI Docs, AI Notes, AI Reports, AI Workflows, and more."><meta property="og:title" content="The AI Powered SuperApp for Work | Motion"><meta property="og:description" content="Motion is the #1 Rated Productivity Platform for the AI Era. AI Projects, AI Tasks, AI Calendar, AI Meetings, AI Docs, AI Notes, AI Reports, AI Workflows, and more."><meta property="og:image" content="https://www-cdn.usemotion.com/default-og-image-1764610536.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:type" content="website"><meta property="og:url" content="https://www.usemotion.com/"><meta property="twitter:title" content="The AI Powered SuperApp for Work | Motion"><meta property="twitter:description" content="Motion is the #1 Rated Productivity Platform for the AI Era. AI Projects, AI Tasks, AI Calendar, AI Meetings, AI Docs, AI Notes, AI Reports, AI Workflows, and more."><meta property="twitter:image" content="https://www-cdn.usemotion.com/default-og-image-1764610536.png"><meta property="twitter:image:width" content="1200"><meta property="twitter:image:height" content="630"><meta name="generator" content="Astro v5.14.1"><link rel="icon" href="/favicon.ico" sizes="any"><link rel="icon" href="/favicon.svg" type="image/svg+xml"><link rel="preconnect" href="https://fonts.bunny.net"><link rel="stylesheet" href="https://fonts.bunny.net/css?family=albert-sans:400,500,600,700,800|inter:400,500,600,700"><link rel="canonical" href="https://www.usemotion.com/"><link rel="sitemap" href="/sitemap-index.xml">
1<script type="module" src="/_astro/AmplitudeWebExperimentationScript.astro_astro_type_script_index_0_lang.FSaEZjog.js"></script>
1
1<script src="https://cdn.amplitude.com/script/6fe2bcadaeac4de59911c38cf1bc6f6a.experiment.js"></script>
1<link rel="stylesheet" href="/_astro/_page_.Bc6WwzGC.css">
1<script type="module" src="/_astro/page.7qqag-5g.js"></script>
1<script type="application/json" id="__ssr_data__">{}</script>
1</head> <body class="group/body flex min-h-screen flex-col bg-white antialiased has-[[data-mobile-nav-button]:checked]:overflow-hidden has-[[role=dialog][data-open]]:overflow-hidden has-[dialog[open]]:overflow-hidden" data-add-padding-for-nav="first-child"> <nav class="group/nav peer sticky top-0 z-10 w-full bg-white py-6 transition group-[[data-add-padding-for-nav]]/body:bg-transparent has-[[data-mobile-nav-button]:checked]:bg-white data-[mobile-nav-open]:fixed data-[has-scrolled=true]:bg-white data-[has-scrolled=true]:shadow-md" data-primary-nav data-has-scrolled="false" data-testid="primary-nav"> <div class="container"> <div class="relative flex h-12 flex-row items-center gap-4" data-nav-container> <label class="peer desktop-nav:hidden order-4 cursor-pointer" tabindex="0" role="button"> <input type="checkbox" class="peer gtfo" tabindex="-1" data-mobile-nav-button> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" class="size-5 transition-colors"> 2<path fill-rule="evenodd" clip-rule="evenodd" d="M2.875 6C2.875 5.37868 3.37868 4.875 4 4.875H20C20.6213 4.875 21.125 5.37868 21.125 6C21.125 6.62132 20.6213 7.125 20 7.125H4C3.37868 7.125 2.875 6.62132 2.875 6ZM2.875 12C2.875 11.3787 3.37868 10.875 4 10.875H20C20.6213 10.875 21.125 11.3787 21.125 12C21.125 12.6213 20.6213 13.125 20 13.125H4C3.37868 13.125 2.875 12.6213 2.875 12ZM2.875 18C2.875 17.3787 3.37868 16.875 4 16.875H20C20.6213 16.875 21.125 17.3787 21.125 18C21.125 18.6213 20.6213 19.125 20 19.125H4C3.37868 19.125 2.875 18.6213 2.875 18Z" fill="currentColor" /> 3</svg> </label> <a href="/" class="contents text-black transition"> <div class="inline-flex items-start justify-center overflow-hidden mr-auto size-10 shrink-0 min-[950px]:h-auto min-[950px]:w-[130px]"> <svg width="164" height="48" viewBox="0 0 164 48" fill="none" preserveAspectRatio="xMinYMid slice" class="h-full"> 4<path d="M22.1002 0.0488892C15.3034 0.595188 9.05836 4.01222 4.88604 9.46448C4.45756 10.0268 3.43457 11.5425 3.43457 11.6175C3.43457 11.6443 4.74143 11.6657 6.47677 11.6657C8.18533 11.6657 9.7225 11.6925 9.99566 11.7193C11.4043 11.88 12.529 12.4102 13.4288 13.3368C14.243 14.1723 14.725 15.0774 15.0571 16.3789C15.3302 17.4393 15.3409 17.6429 15.3731 21.3598L15.4052 24.8679L16.4978 20.2351C17.0977 17.6857 17.6601 15.3666 17.7458 15.0828C18.2974 13.2243 19.1812 11.9657 20.2363 11.5533C20.4827 11.4569 20.6541 11.4301 21.0826 11.4301C21.5646 11.4247 21.6503 11.4408 21.9181 11.5747C22.4805 11.8478 22.9089 12.4477 23.1446 13.2832C23.4445 14.3383 23.4338 13.9955 23.466 23.1808C23.4927 31.0593 23.5035 31.6913 23.5892 31.9483C23.7873 32.5375 24.2105 32.7357 24.5157 32.3822C24.7086 32.1519 25.0192 31.477 25.2281 30.8397C25.3191 30.5612 26.2029 26.9888 27.1884 22.9077C28.1739 18.8212 29.0523 15.2434 29.138 14.9542C29.8503 12.5655 31.0983 11.3069 32.6515 11.4087C33.7441 11.4836 34.3761 12.3406 34.6975 14.183C34.7778 14.6329 34.7939 15.5327 34.8207 22.1364L34.8528 29.5811L34.9706 30.0309C35.2866 31.2307 35.999 31.9591 37.0166 32.1251C37.2469 32.1626 38.8966 32.1786 41.9709 32.1679L46.5771 32.1519L46.7538 31.6431C47.0002 30.9307 47.3269 29.715 47.5144 28.8312C48.0553 26.2176 48.1464 23.3897 47.7822 20.7011C46.8502 13.9045 43.0153 7.80416 37.2576 3.96937C33.9048 1.73598 29.9039 0.364887 25.8012 0.0435333C25.0085 -0.0153809 22.8929 -0.0153809 22.1002 0.0488892Z" fill="currentColor" /> 5<path d="M20.8096 13.7379C20.4669 13.8879 20.1026 14.5038 19.7492 15.5375C19.642 15.8481 18.5923 20.1542 17.4139 25.1084C16.2356 30.0679 15.2287 34.2133 15.1698 34.3204C15.1109 34.4329 14.977 34.6097 14.8699 34.7114C14.6877 34.8882 14.6503 34.8989 14.3343 34.8989C14.0075 34.8989 13.9808 34.8882 13.7772 34.69C13.338 34.2615 13.3755 34.9899 13.3434 25.8743C13.3113 17.8941 13.3113 17.7494 13.1988 17.2781C12.8721 15.8642 12.1919 14.8948 11.1849 14.4181C10.3065 14.0057 10.0977 13.9843 5.80216 13.9843L2.17616 13.9789L1.87622 14.6913C0.215868 18.6224 -0.362578 23.0089 0.221224 27.2829C1.15317 34.0794 4.98805 40.1797 10.7457 44.0145C12.4864 45.1714 14.6717 46.2212 16.6909 46.8639C20.0919 47.9511 23.7287 48.2617 27.285 47.7797C34.5263 46.7835 40.9428 42.5095 44.692 36.1736C44.8902 35.8415 45.1687 35.3273 45.3186 35.0328L45.5864 34.4972H41.4195C38.8165 34.4972 37.0865 34.4758 36.8026 34.4383C34.9387 34.208 33.6694 33.0458 33.1123 31.0587C32.8124 29.9983 32.8231 30.2125 32.7856 22.0181C32.7642 16.78 32.7321 14.3753 32.6946 14.236C32.5393 13.6951 32.4589 13.6201 32.1804 13.7379C31.7787 13.9039 31.3342 14.6377 31.0128 15.6446C30.9271 15.9231 30.0487 19.4633 29.0632 23.5123C28.0777 27.556 27.1726 31.1605 27.0547 31.514C26.637 32.7619 26.1335 33.6617 25.5443 34.208C25.0034 34.7007 24.4999 34.8721 23.8304 34.7703C22.786 34.6097 22.1111 33.9134 21.7309 32.6173C21.4577 31.6747 21.4684 31.905 21.4309 22.8482C21.3988 13.8772 21.4042 14.1182 21.1578 13.8022C21.0346 13.6415 21.0292 13.6415 20.8096 13.7379Z" fill="currentColor" /> 6<path d="M67.7761 35.224C66.9228 35.224 66.4961 34.776 66.4961 33.88V20.536C66.4961 19.6613 66.9121 19.224 67.7441 19.224C68.5974 19.224 69.0241 19.6613 69.0241 20.536V22.072C69.4934 21.1333 70.1441 20.4187 70.9761 19.928C71.8081 19.416 72.7788 19.16 73.8881 19.16C76.3201 19.16 77.8774 20.216 78.5601 22.328C79.0294 21.3467 79.7228 20.5787 80.6401 20.024C81.5574 19.448 82.6134 19.16 83.8081 19.16C87.2641 19.16 88.9921 21.208 88.9921 25.304V33.88C88.9921 34.776 88.5548 35.224 87.6801 35.224C86.8268 35.224 86.4001 34.776 86.4001 33.88V25.432C86.4001 24.0027 86.1441 22.9573 85.6321 22.296C85.1414 21.6133 84.3201 21.272 83.1681 21.272C81.9094 21.272 80.9068 21.72 80.1601 22.616C79.4134 23.512 79.0401 24.7067 79.0401 26.2V33.88C79.0401 34.776 78.6028 35.224 77.7281 35.224C76.8748 35.224 76.4481 34.776 76.4481 33.88V25.432C76.4481 24.0027 76.1921 22.9573 75.6801 22.296C75.1894 21.6133 74.3681 21.272 73.2161 21.272C71.9361 21.272 70.9228 21.72 70.1761 22.616C69.4508 23.512 69.0881 24.7067 69.0881 26.2V33.88C69.0881 34.776 68.6508 35.224 67.7761 35.224Z" fill="currentColor" /> 7<path d="M99.9823 35.288C98.4677 35.288 97.1557 34.9573 96.0463 34.296C94.937 33.6347 94.073 32.7067 93.4543 31.512C92.857 30.296 92.5583 28.8667 92.5583 27.224C92.5583 25.5813 92.857 24.1627 93.4543 22.968C94.073 21.752 94.937 20.8133 96.0463 20.152C97.1557 19.4907 98.4677 19.16 99.9823 19.16C101.476 19.16 102.777 19.4907 103.886 20.152C105.017 20.8133 105.881 21.752 106.478 22.968C107.097 24.1627 107.406 25.5813 107.406 27.224C107.406 28.8667 107.097 30.296 106.478 31.512C105.881 32.7067 105.01
77 33.6347 103.886 34.296C102.777 34.9573 101.476 35.288 99.9823 35.288ZM99.9823 33.208C101.433 33.208 102.596 32.696 103.47 31.672C104.345 30.6267 104.782 29.144 104.782 27.224C104.782 25.2827 104.345 23.8 103.47 22.776C102.596 21.752 101.433 21.24 99.9823 21.24C98.5103 21.24 97.337 21.752 96.4623 22.776C95.609 23.8 95.1823 25.2827 95.1823 27.224C95.1823 29.144 95.609 30.6267 96.4623 31.672C97.337 32.696 98.5103 33.208 99.9823 33.208Z" fill="currentColor" /> 8<path d="M117.063 35.288C115.229 35.288 113.853 34.808 112.935 33.848C112.018 32.8667 111.559 31.4587 111.559 29.624V21.464H109.415C108.669 21.464 108.295 21.1227 108.295 20.44C108.295 19.7787 108.669 19.448 109.415 19.448H111.559V15.768C111.559 14.8933 111.997 14.456 112.871 14.456C113.725 14.456 114.151 14.8933 114.151 15.768V19.448H118.183C118.93 19.448 119.303 19.7787 119.303 20.44C119.303 21.1227 118.93 21.464 118.183 21.464H114.151V29.368C114.151 30.584 114.407 31.512 114.919 32.152C115.431 32.7707 116.263 33.08 117.415 33.08C117.821 33.08 118.162 33.0373 118.439 32.952C118.717 32.8667 118.962 32.824 119.175 32.824C119.367 32.8027 119.527 32.8667 119.655 33.016C119.783 33.1653 119.847 33.4213 119.847 33.784C119.847 34.04 119.794 34.2747 119.687 34.488C119.602 34.7013 119.442 34.8507 119.207 34.936C118.951 35.0213 118.61 35.096 118.183 35.16C117.778 35.2453 117.405 35.288 117.063 35.288Z" fill="currentColor" /> 9<path d="M123.158 15.704C122.028 15.704 121.462 15.1707 121.462 14.104C121.462 13.0587 122.028 12.536 123.158 12.536C124.289 12.536 124.854 13.0587 124.854 14.104C124.854 15.1707 124.289 15.704 123.158 15.704ZM123.158 35.16C122.305 35.16 121.878 34.6907 121.878 33.752V20.664C121.878 19.7467 122.305 19.288 123.158 19.288C124.033 19.288 124.47 19.7467 124.47 20.664V33.752C124.47 34.6907 124.033 35.16 123.158 35.16Z" fill="currentColor" /> 10<path d="M135.46 35.288C133.945 35.288 132.633 34.9573 131.524 34.296C130.415 33.6347 129.551 32.7067 128.932 31.512C128.335 30.296 128.036 28.8667 128.036 27.224C128.036 25.5813 128.335 24.1627 128.932 22.968C129.551 21.752 130.415 20.8133 131.524 20.152C132.633 19.4907 133.945 19.16 135.46 19.16C136.953 19.16 138.255 19.4907 139.364 20.152C140.495 20.8133 141.359 21.752 141.956 22.968C142.575 24.1627 142.884 25.5813 142.884 27.224C142.884 28.8667 142.575 30.296 141.956 31.512C141.359 32.7067 140.495 33.6347 139.364 34.296C138.255 34.9573 136.953 35.288 135.46 35.288ZM135.46 33.208C136.911 33.208 138.073 32.696 138.948 31.672C139.823 30.6267 140.26 29.144 140.26 27.224C140.26 25.2827 139.823 23.8 138.948 22.776C138.073 21.752 136.911 21.24 135.46 21.24C133.988 21.24 132.815 21.752 131.94 22.776C131.087 23.8 130.66 25.2827 130.66 27.224C130.66 29.144 131.087 30.6267 131.94 31.672C132.815 32.696 133.988 33.208 135.46 33.208Z" fill="currentColor" /> 11<path d="M147.737 35.224C146.884 35.224 146.457 34.776 146.457 33.88V20.536C146.457 19.6613 146.873 19.224 147.705 19.224C148.558 19.224 148.985 19.6613 148.985 20.536V22.104C149.497 21.1227 150.222 20.3867 151.161 19.896C152.1 19.4053 153.156 19.16 154.329 19.16C158.02 19.16 159.865 21.208 159.865 25.304V33.88C159.865 34.776 159.438 35.224 158.585 35.224C157.71 35.224 157.273 34.776 157.273 33.88V25.464C157.273 24.0133 156.985 22.9573 156.409 22.296C155.854 21.6133 154.958 21.272 153.721 21.272C152.292 21.272 151.15 21.72 150.297 22.616C149.465 23.4907 149.049 24.664 149.049 26.136V33.88C149.049 34.776 148.612 35.224 147.737 35.224Z" fill="currentColor" /> 12</svg> </div> </a> <ul class="text-dark-grey desktop-nav:transition-all flex-col transition-discrete max-desktop-nav:bg-white max-desktop-nav:px-5 max-desktop-nav:fixed max-desktop-nav:w-full max-desktop-nav:top-[var(--mobile-top-offset)] max-desktop-nav:bottom-0 max-desktop-nav:left-0 max-desktop-nav:overflow-auto max-desktop-nav:pb-[25vh] peer-[:has(:checked)]:max-desktop-nav:flex peer-[:has(:checked)]:max-desktop-nav:opacity-100 peer-[:has(:checked)]:max-desktop-nav:starting:opacity-0 max-desktop-nav:opacity-0 hidden desktop-nav:flex desktop-nav:flex-row desktop-nav:items-center desktop-nav:h-full" style="--mobile-top-offset: 0px" data-mobile-nav> <li class="group desktop-nav:h-full desktop-nav:static relative" data-active="false" data-testid="primary-nav-link"> <label tabindex="0" class="peer inline-flex w-full cursor-pointer items-center justify-start gap-1.5 transition-colors group-data-[active=true]:text-primary group-has-[a[data-active=true]]:text-primary py-3 font-medium desktop-nav:px-3 desktop-nav:h-full desktop-nav:cursor-default desktop-nav:pointer-events-none"><input type="checkbox" class="gtfo" tabindex="-1"><span>Features</span> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="desktop-nav:group-hocus-within:translate-y-0.5 size-4 transition-transform"> 13<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 14</svg></label> <div class="grid grid-flow-row transition-all max-desktop-nav:peer-[:not(:has(:checked))]:hidden max-desktop-nav:auto-rows-auto max-desktop-nav:grid-cols-1 max-desktop-nav:-mx-2 max-desktop-nav:gap-2 desktop-nav:p-4 desktop-nav:auto-cols-fr desktop-nav:grid-flow-col desktop-nav:grid-rows-1 desktop-nav:absolute desktop-nav:translate-y-3 desktop-nav:gap-4 desktop-nav:rounded-lg desktop-nav:bg-white desktop-nav:opacity-0 desktop-nav:shadow-xl desktop-nav:invisible desktop-nav:max-w-full desktop-nav:border desktop-nav:border-black/10 desktop-nav:group-hocus-within:visible desktop-nav:group-hocus-within:translate-y-0 desktop-nav:group-hocus-within:opacity-100" data-nav-dropdown> <div class="desktop-nav:max-w-[266px]"> <p class="font-display px-2 py-3 text-xs font-extrabold tracking-[0.02em] text-[#677685] uppercase desktop-nav:px-3"> Project Management </p> <ul data-nav-group> <li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/features/ai-project-manager" aria-label="AI Project Manager" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%239AADEC'%20d='M11.9245%2011.4196c0-.4815-.2877-.9163-.7309-1.1045l-5.8578-2.488c-.7913-.336-1.669.2448-1.669%201.1046v7.1098a1.2%201.2%200%200%200%20.6373%201.0599l5.8577%203.1098c.7993.4244%201.7627-.155%201.7627-1.0599v-7.7317Z'/%3e%3cpath%20fill='%23CAD4F4'%20d='M20.1248%2016.0014c0%20.4409-.2417.8463-.6296%201.
140558l-5.8005%203.1336c-.7995.4319-1.7704-.147-1.7704-1.0558v-7.6637c0-.4754.2807-.9061.7158-1.0979l5.8005-2.5583c.7932-.3498%201.6842.231%201.6842%201.098v7.0883Z'/%3e%3cpath%20fill='%23F6F9FF'%20d='M12.0554%2010.2689a1.0002%201.0002%200%200%201-.8148-.0112L5.6977%207.6933c-.5588-.2585-.5883-1.042-.0505-1.3418l5.7903-3.2277a1%201%200%200%201%20.9738%200l5.7452%203.2026c.5462.3045.5051%201.1034-.0694%201.3502l-6.0317%202.5923Z'/%3e%3cpath%20fill='url(%23a)'%20fill-rule='evenodd'%20d='M10.002%203.4988a4.3238%204.3238%200%200%201%203.8873-.0109l4.9824%202.49a3.0909%203.0909%200%200%201%201.7091%202.7648v6.4283a3.091%203.091%200%200%201-1.6774%202.7487l-4.9694%202.5554a4.324%204.324%200%200%201-3.9764-.0112l-4.8764-2.5427a3.0907%203.0907%200%200%201-1.6618-2.7406V8.7332a3.0908%203.0908%200%200%201%201.6938-2.757l4.8888-2.4774Zm3.3285%201.1073a3.0738%203.0738%200%200%200-2.7635.0077L5.6782%207.0912a1.8429%201.8429%200%200%200-.2303.1386l5.7596%202.698a1.8408%201.8408%200%200%200%201.5758-.0066l5.6995-2.7287a1.8453%201.8453%200%200%200-.1699-.0965l-4.9824-2.49Zm-8.661%204.1271c0-.1575.02-.312.0584-.4603l5.9494%202.7869c.2075.0972.423.1701.6426.2187v8.3586a3.0713%203.0713%200%200%201-.7844-.2816l-4.8763-2.5427a1.8407%201.8407%200%200%201-.9898-1.6322V8.7332Zm7.9004%2010.9088a3.0733%203.0733%200%200%200%20.7924-.2785l4.9695-2.5554a1.841%201.841%200%200%200%20.999-1.6371V8.7427a1.838%201.838%200%200%200-.0787-.5326l-5.929
14%202.8385a3.0887%203.0887%200%200%201-.7532.2479v8.3455Z'%20clip-rule='evenodd'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='12.0001'%20x2='12.0001'%20y1='3.0319'%20y2='20.9537'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="AI Project Manager"> </div> <div class="space-y-1"> <p class="font-semibold text-black">AI Project Manager</p> <p class="text-sm text-[#787F86]">Plan and manage projects automatically</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/features/ai-gantt-chart" aria-label="AI Gantt Chart" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23F6F9FF'%20d='m4.0281%2018.1498.3725-10.9825c.0658-1.9396%201.6572-3.478%203.598-3.478h10.485c2.0327%200%203.6623%201.6818%203.5982%203.7135l-.3463%2010.9825c-.0613%201.9431-1.6542%203.4866-3.5982%203.4866H7.626c-2.036%200-3.667-1.6872-3.5979-3.7221Z'/%3e%3cpath%20stroke='url(%23a)'%20stroke-linejoin='round'%20stroke-width='1.5'%20d='m4.0281%2018.1498.3725-10.9825c.0658-1.9396%201.6572-3.478%203.598-3.478h10.485c2.0327%200%203.6623%201.6818%203.5982%203.7135l-.3463%2010.9825c-.0613%201.9431-1.6542%203.4866-3.5982%203.4866H7.626c-2.036%200-3.667-1.6872-3.5979-3.7221Z'/%3e%3cpath%20fill='url(%23b)'%20fill-opacity='.2'%20d='M11.6433%2017.3704c.017-.6503.5491-1.1686%201.1996-1.1686h7.795c.675%200%201.2172.5565%201.1996%201.2313l-.0338%201.2911c-.017.6503-.549%201.1686-1.1995%201.1686h-7.795c-.6751%200-1.2173-.5566-1.1996-1.2314l.0337-1.291Z'/%3e%3cpath%20fill='url(%23c)'%20d='M1.8702%207.2074c.0178-.6497.5496-1.1671%201.1995-1.1671h8.285c.6756%200%201.2181.5575%201.1995%201.2329l-.0353%201.291c-.0178.6497-.5496%201.1671-1.1996%201.1671h-8.285c-.6756%200-1.218-.5575-1.1995-1.2329l.0354-1.291Z'/%3e%3cpath%20fill='url(%23d)'%20fill-opacity='.5'%20d='M6.2814%2012.2883c.0177-.6498.5496-1.1673%201.1996-1.1673h8.228c.6756%200%201.218.5574%201.1996%201.2327l-.0352%201.291c-.0177.6498-.5495%201.1673-1.1995%201.1673H7.4458c-.6756%200-1.218-.5574-1.1996-1.2327l.0352-1.291Z'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='13.0504'%20x2='13.0504'%20y1='3.6893'%20y2='21.8719'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='16.7235'%20x2='16.7235'%20y1='16.2018'%20y2='19.8928'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='7.1945'%20x2='7.1945'%20y1='6.0403'%20y2='9.7313'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='d'%20x1='11.5774'%20x2='11.5774'%20y1='11.121'%20y2='14.812'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="AI Gantt Chart"> </div> <div class="space-y-1"> <p class="font-semibold text-black">AI Gantt Chart</p> <p class="text-sm text-[#787F86]">Visualize projects over time with auto-scheduling</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/features/ai-workflows" aria-label="AI Workflows" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23F6F9FF'%20d='M3.1263%2017.7865%203.4988%206.804c.0658-1.9396%201.6572-3.478%203.598-3.478h10.4849c2.0327%200%203.6623%201.6818%203.5982%203.7135l-.3463%2010.9825c-.0612%201.9431-1.6541%203.4866-3.5982%203.4866H6.7242c-2.036%200-3.667-1.6872-3.598-3.7221Z'/%3e%3cpath%20stroke='url(%23a)'%20stroke-linejoin='round'%20stroke-width='1.5'%20d='M3.1263%2017.7865%203.4988%206.804c.0658-1.9396%201.6572-3.478%203.598-3.478h10.4849c2.0327%200%203.6623%201.6818%203.5982%203.7135l-.3463%2010.9825c-.0612%201.9431-1.6541%203.4866-3.5982%203.4866H6.7242c-2.036%200-3.667-1.6872-3.598-3.7221Z'/%3e%3cpath%20fill='url(%23b)'%20fill-opacity='.5'%20d='M6.8311%204.1746C6.845%203.5219%207.3781%203%208.031%203h8.2853c.6727%200%201.214.5529%201.1997%201.2254l-.0503%202.3753c-.0138.6527-.5469%201.1746-1.1997%201.1746H7.9806c-.6727%200-1.214-.5529-1.1998-1.2254l.0503-2.3753Z'/%3e%3cpath%20fill='url(%23c)'%20fill-opacity='.5'%20d='M6.1934%2016.9041c.0273-.6423.556-1.149%201.1989-1.149h8.2268c.6827%200%201.2279.5689%201.1989%201.2511l-.1538%203.6123c-.0273.6423-.556%201.149-1.1989%201.149H7.2385c-.6828%200-1.228-.5689-1.199-1.2511l.1539-3.6123Z'/%3e%3cpath%20fill='url(%23d)'%20d='M11.9724%208.6836a.6254.6254%200%200%201%20.5781.6689l-.2412%203.2725.707-.6631c.2513-.2362.6473-.2246.8838.0263a.626.626%200%200%201-.0264.8838l-1.9199%201.8067c-.2504.2356-.6448.2256-.8818-.0235l-1.581-1.6621-.0772-.1006a.6252.6252%200%200%201%20.0996-.7832.6255.6255%200%200%201%20.7871-.0605l.0967.083.6455.6787.2607-3.5498.0215-.124a.6258.6258%200%200%201%20.6475-.4531Z'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='12.1485'%20x2='12.1485'%20y1='3.326'%20y2='21.5086'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='12.1484'%20x2='12.1484'%20y1='3'%20y2='7.7753'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='11.5065'%20x2='11.5065'%20y1='15.7551'%20y2='22.5305'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='d'%20x1='12.1594'%20x2='12.1594'%20y1='8.6818'%20y2='13.6905'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="AI Workflows"> </div> <div class="space-y-1"> <p class="font-semibold text-black">AI Workflows</p> <p class="text-sm text-[#787F86]">Automate repeatable projects and SOPs</p> </div> </a> </li> </ul> </div><div class="desktop-nav:max-w-[266px]"> <p class="font-display px-2 py-3 text-xs font-extrabold tracking-[0.02em] text-[#677685] uppercase desktop-nav:px-3"> Time Management </p> <ul data-nav-group> <li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/features/ai-task-manager" aria-label="AI Task Manager" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23F6F9FF'%20d='M2.2802%208.9205c.0537-1.7768%201.5096-3.1894%203.2873-3.1894h10.5373c1.8401%200%203.3222%201.5097%203.2883%203.3494l-.1586%208.5982c-.0331%201.7924-1.4955%203.2282-3.2882%203.2282H5.3076c-1.8553%200-3.3433-1.5338-3.2873-3.3882l.2599-8.5982Z'/%3e%3cpath%20fill='%23CAD4F4'%20fill-rule='evenodd'%20d='M8.299%203.0936h10.8669c1.5993%200%202.8853%201.3165%202.8477%202.9154l-.1985%208.4551c-.0341%201.4539-1.
141532%202.6323-2.5724%202.7685l.1503-8.152c.0339-1.8399-1.4481-3.3495-3.2882-3.3495H5.5674c-.0366%200-.073.0006-.1094.0018.1071-1.4755%201.3381-2.6393%202.841-2.6393Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='url(%23a)'%20fill-rule='evenodd'%20d='M16.1049%204.981H6.433c.3487-.6755%201.0534-1.1374%201.866-1.1374h10.867c1.1782%200%202.1255.9699%202.0979%202.1478l-.1985%208.4551c-.0178.7598-.4379%201.4175-1.0538%201.7714l.1314-7.1236c.0416-2.2593-1.7784-4.1132-4.0381-4.1132Zm6.4601%209.5007c-.0376%201.6033-1.1197%202.9414-2.5867%203.37-.1218%202.1264-1.8838%203.8052-4.032%203.8052H5.3076c-2.2783%200-4.1057-1.8835-4.037-4.1608l.26-8.5982c.058-1.924%201.4549-3.5001%203.281-3.8461.3961-1.5568%201.8073-2.7082%203.4874-2.7082h10.867c2.0204%200%203.6449%201.663%203.5975%203.683l-.1985%208.4551ZM5.5675%206.4811c-1.3723%200-2.4962%201.0904-2.5376%202.462L2.77%2017.5415c-.0433%201.4315%201.1054%202.6155%202.5376%202.6155h10.6387c1.3839%200%202.5128-1.1084%202.5383-2.492l.1586-8.5982c.0262-1.4202-1.1179-2.5856-2.5383-2.5856H5.5675Zm9.2454%204.9982a.75.75%200%200%200-1.0771-1.044l-4.3385%204.476-1.7516-1.8671a.75.75%200%201%200-1.094%201.0262l2.2897%202.4408a.75.75%200%200%200%201.0856.0089l4.8859-5.0408Z'%20clip-rule='evenodd'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='12.0166'%20x2='12.0166'%20y1='2.3436'%20y2='21.6569'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="AI Task Manager"> </div> <div class="space-y-1"> <p class="font-semibold text-black">AI Task Manager</p> <p class="text-sm text-[#787F86]">Organize and prioritize your tasks</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/features/ai-calendar" aria-label="AI Calendar" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20fill='%23F6F9FF'%20d='M1.91%206.501a2.857%202.857%200%200%201%202.848-2.623h14.033a2.857%202.857%200%200%201%202.853%203.015l-.666%2012.06a2.857%202.857%200%200%201-2.854%202.7H3.765A2.857%202.857%200%200%201%20.918%2018.56L1.91%206.5Z'/%3e%3cpath%20fill='%239AADEC'%20d='M3.664%203.534H20.51l.696%204.053H3.062l.602-4.053Z'/%3e%3cpath%20fill='url(%23b)'%20fill-rule='evenodd'%20d='M6.965%201.008a.75.75%200%200%201%20.75.75v.78h8.018v-.663a.75.75%200%200%201%201.5%200v.664h1.569c1.385%200%202.53.982%202.798%202.275l.008-.001%201.723%2013.032a1.822%201.822%200%200%201-1.806%202.06h-.778a2.858%202.858%200%200%201-2.633%201.747H3.746a2.857%202.857%200%200%201-2.849-3.075l1.027-13.4A2.857%202.857%200%200%201%204.773%202.54h1.442v-.781a.75.75%200%200%201%20.75-.75Zm14.03%2017.398.251-4.888.598%204.524a.321.321%200%200%201-.319.363h-.53ZM18.802%204.039H4.773c-.71%200-1.3.546-1.353%201.254L3.3%206.84h16.786l.07-1.374a1.357%201.357%200%200%200-1.355-1.427ZM20.01%208.34l-.54%2010.525a1.357%201.357%200%200%201-1.356%201.287H3.746c-.79%200-1.413-.672-1.353-1.46L3.186%208.34H20.01Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='url(%23c)'%20fill-opacity='.5'%20d='M14.233%2017.964c-1.437%200-2.287-.621-2.604-1.362a1.095%201.095%200%200%201-.094-.496c.022-.407.296-.662.73-.662.313%200%20.505.125.647.412.239.527.63.84%201.414.84.773%200%201.33-.449%201.362-1.075.044-.73-.473-1.138-1.387-1.138h-.33c-.38%200-.588-.224-.57-.563.017-.329.248-.558.63-.558h.308c.789%200%201.323-.428%201.355-1.044.032-.605-.354-1.007-1.117-1.007-.638%200-1.038.266-1.312.798-.19.355-.38.486-.736.486-.439%200-.65-.256-.63-.637.01-.
14177.054-.329.142-.506.373-.736%201.262-1.351%202.594-1.351%201.594%200%202.629.787%202.566%201.993-.05.955-.768%201.58-1.666%201.763l-.001.032c1.118.104%201.81.761%201.755%201.8-.072%201.367-1.305%202.275-3.056%202.275Z'/%3e%3cpath%20fill='url(%23d)'%20fill-opacity='.5'%20d='M5.715%2017.797c-.497%200-.728-.277-.707-.673.016-.298.141-.496.475-.788l2.36-2.145c.976-.892%201.236-1.257%201.264-1.8.033-.62-.425-1.064-1.099-1.064-.606%200-1.04.302-1.343.908-.194.313-.385.459-.725.459-.423%200-.66-.25-.64-.642.006-.12.033-.23.075-.34.3-.834%201.287-1.611%202.713-1.611%201.599%200%202.628.897%202.56%202.191-.048.918-.527%201.492-1.821%202.656l-1.713%201.565-.001.032h2.842c.408%200%20.64.245.62.626-.019.37-.278.626-.685.626H5.715Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='12.118'%20x2='12.118'%20y1='1.008'%20y2='21.652'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='14.716'%20x2='14.716'%20y1='10.101'%20y2='17.964'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='d'%20x1='8.161'%20x2='8.161'%20y1='10.101'%20y2='17.797'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="AI Calendar"> </div> <div class="space-y-1"> <p class="font-semibold text-black">AI Calendar</p> <p class="text-sm text-[#787F86]">Auto-plan your day with smart scheduling</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/features/ai-meeting-assistant" aria-label="AI Meeting Assistant" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23ADC0FF'%20stroke='url(%23a)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.25'%20d='M20.19%202.314c1.151%200%202.085.934%202.085%202.086v5.912c0%20.93-.755%201.686-1.686%201.686a.436.436%200%200%200-.436.436v1.169c0%20.832-.976%201.283-1.608.742l-2.513-2.147a.836.836%200%200%200-.543-.2h-4.315a2.086%202.086%200%200%201-2.086-2.086V4.4c0-1.152.934-2.086%202.086-2.086h9.015Z'%20opacity='.8'/%3e%3cpath%20fill='%23F6F9FF'%20d='M16.078%2017.278H9.526a1%201%200%200%200-.658.246l-2.832%202.471a1%201%200%200%201-1.635-.543L4.17%2018.38a1%201%200%200%200-.731-.759l-.591-.15a1%201%200%200%201-.753-.97V7.467a1%201%200%200%201%201-1h12.983a1%201%200%200%201%201%201v8.812a1%201%200%200%201-1%201Z'/%3e%3cpath%20stroke='url(%23b)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.25'%20d='M3.556%205.841A2.086%202.086%200%200%200%201.47%207.927v8.02c0%201.08.875%201.955%201.956%201.956.39%200%20.707.317.707.707v2.098a.808.808%200%200%200%201.338.61l3.678-3.21a.836.836%200%200%201%20.55-.205h5.918a2.086%202.086%200%200%200%202.086-2.086v-7.89a2.086%202.086%200%200%200-2.086-2.086H3.556Z'/%3e%3cpath%20stroke='%23849BE5'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.461'%20d='M4.298%209.516H14.43m-10.132%203.04h5.573'%20opacity='.8'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='15.342'%20x2='15.342'%20y1='3.454'%20y2='13.884'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='10.013'%20x2='10.013'%20y1='7.127'%20y2='20.498'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="AI Meeting Assistant"> </div> <div class="space-y-1"> <p class="font-semibold text-black">AI Meeting Assistant</p> <p class="text-sm text-[#787F86]">Simplify meeting scheduling and booking links</p> </div> </a> </li> </ul> </div><div class="desktop-nav:max-w-[266px]"> <p class="font-display px-2 py-3 text-xs font-extrabold tracking-[0.02em] text-[#677685] uppercase desktop-nav:px-3"> Knowledge Management </p> <ul data-nav-group> <li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/features/ai-chat" aria-label="AI Chat" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20width='25'%20height='25'%20viewBox='0%200%2025%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.8'%20d='M21.5391%207.375C22.691%207.375%2023.625%208.30898%2023.625%209.46094V17.1807C23.625%2018.1638%2022.8279%2018.9609%2021.8447%2018.9609C21.552%2018.961%2021.3145%2019.1985%2021.3145%2019.4912V21.1777C21.3145%2022.0371%2020.2836%2022.4764%2019.6641%2021.8809L16.8691%2019.1943C16.7135%2019.0448%2016.5059%2018.961%2016.29%2
14018.9609H11.4609C10.309%2018.9609%209.375%2018.027%209.375%2016.875V9.46094C9.375%208.30898%2010.309%207.375%2011.4609%207.375H21.5391Z'%20fill='%23ADC0FF'%20stroke='url(%23paint0_linear_3868_9799)'%20stroke-width='1.25'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M16.9835%2015.8117H10.431C10.1893%2015.8117%209.95575%2015.8993%209.77361%2016.0582L6.94097%2018.5292C6.36697%2019.0299%205.46624%2018.7307%205.30598%2017.986L5.07504%2016.913C4.99518%2016.5419%204.71215%2016.248%204.34436%2016.1543L3.75307%2016.0036C3.31005%2015.8908%203.00001%2015.4918%203.00001%2015.0346V6C3.00001%205.44772%203.44772%205%204.00001%205H16.9835C17.5357%205%2017.9835%205.44772%2017.9835%206V14.8117C17.9835%2015.364%2017.5357%2015.8117%2016.9835%2015.8117Z'%20fill='%23F6F9FF'/%3e%3cpath%20d='M4.461%204.375C3.30904%204.375%202.37506%205.30898%202.37506%206.46094V14.4805C2.37514%2015.5608%203.25081%2016.4364%204.33112%2016.4365C4.72126%2016.4365%205.03815%2016.7534%205.03815%2017.1436V19.2422C5.03815%2019.9353%205.85359%2020.3068%206.37604%2019.8516L10.0547%2016.6426C10.2069%2016.51%2010.4018%2016.4366%2010.6036%2016.4365H16.5225C17.6745%2016.4365%2018.6085%2015.5025%2018.6085%2014.3506V6.46094C18.6085%205.30898%2017.6745%204.375%2016.5225%204.375H4.461Z'%20stroke='url(%23paint1_linear_3868_9799)'%20stroke-width='1.25'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20opacity='0.8'%20d='M5.20355%208.04968H15.3351M5.20355%2011.0892H10.7759'%20stroke='%23849BE5'%20stroke-width='1.46081'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M18.5228%201.38042C18.7624%201.39971%2018.9892%201.48676%2019.174%201.63371C19.3854%201.8019%2019.5308%202.04048%2019.5825%202.31369L19.5824%202.31466L19.7442%203.17097H19.7433C19.8475%203.71656%2020.2631%204.15578%2020.8411%204.29907L21.7149%204.51242H21.7139C21.9467%204.56907%2022.1546%204.69209%2022.3111%204.868L22.3749%204.94691L22.4316%205.03069C22.555%205.23308%2022.6135%205.47261%2022.5962%205.72041C22.5764%206.0036%2022.4591%206.27637%2022.2667%206.49488C22.0747%206.71291%2021.82%206.86465%2021.5449%206.92937L21.544%206.9284L20.6434%207.14077L20.6443%207.14174C20.0454%207.28449%2019.5675%207.72387%2019.3867%208.26985L19.1062%209.12518L19.1071%209.12615C19.0177%209.39996%2018.8385%209.63934%2018.6034%209.80808C18.3685%209.97657%2018.0898%2010.0662%2017.8119%2010.0662C17.534%2010.0662%2017.2677%209.97655%2017.0565%209.80808C16.8452%209.63952%2016.7003%209.40052%2016.649%209.12713L16.4882%208.27082C16.4374%208.00219%2016.31%207.7543%2016.1174%207.5548C15.9728%207.40509%2015.795%207.28711%2015.5957%207.20799L15.3894%207.14174L14.5176%206.9284L14.5175%206.92937C14.2516%206.86462%2014.018%206.71291%2013.8565%206.49488C13.6947%206.27638%2013.6155%206.00359%2013.6353%205.72041C13.6551%205.43744%2013.7726%205.16529%2013.9648%204.94691C14.1567%204.72891%2014.4116%204.57719%2014.6866%204.51242L15.5882%204.29907L15.8037%204.2338C16.0141%204.15468%2016.2083%204.03576%2016.3739%203.88602C16.5944%203.68652%2016.7566%203.43857%2016.8449%203.16999L17.1254%202.31466L17.1255%202.31369C17.2153%202.04053%2017.3942%201.8019%2017.6291%201.63371C17.8637%201.46585%2018.1421%201.37647%2018.4195%201.37652L18.5228%201.38042Z'%20fill='url(%23paint2_linear_3868_9799)'%20stroke='white'%20stroke-width='1.25'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_3868_9799'%20x1='16.1301'%20y1='8.63173'%20x2='16.1301'%20y2='21.4143'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_3868_9799'%20x1='10.918'%20y1='5.66079'%20x2='10.918'%20y2='19.0315'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_3868_9799'%20x1='17.6318'%20y1='4.98123'%20x2='17.6318'%20y2='8.83699'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="AI Chat"> </div> <div class="space-y-1"> <p class="font-semibold text-black">AI Chat</p> <p class="text-sm text-[#787F86]">The fastest way to go from question to done</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/features/ai-meeting-notetaker" aria-label="AI Meeting Notetaker" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20fill='%23F6F9FF'%20d='m1.126%2016.944.321-9.466A3.6%203.6%200%200%201%205.045%204h9.01a3.6%203.6%200%200%201%203.599%203.713l-.299%209.466a3.6%203.6%200%200%201-3.598%203.487H4.724a3.6%203.6%200%200%201-3.598-3.722Z'/%3e%3cpath%20stroke='url(%23b)'%20stroke-linejoin='round'%20stroke-width='1.5'%20d='m1.126%2016.944.321-9.466A3.6%203.6%200%200%201%205.045%204h9.01a3.6%203.6%200%200%201%203.599%203.713l-.299%209.466a3.6%203.6%200%200%201-3.598%203.487H4.724a3.6%203.6%200%200%201-3.598-3.722Z'/%3e%3cpath%20stroke='%23849BE5'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.461'%20d='M4.89%208.317h8.611m-8.8%202.966h8.61M4.494%2014.19H10.5'%20opacity='.8'/%3e%3cpath%20fill='%23fff'%20d='m22.625%209.955-1.07.974-5.599%204.87a3.6%203.6%200%200%201-2.256.882l-.321.01-1.398.04a.15.15%200%200%201-.148-.193l.411-1.357.17-.562a3.6%203.6%200%200%201%201.086-1.675l5.666-4.918.984-.854a1.862%201.862%200%200%201%202.475%202.783Z'/%3e%3cpath%20stroke='url(%23c)'%20stroke-linejoin='round'%20stroke-width='1.5'%20d='m21.555%2010.93%201.07-.975a1.862%201.862%200%200%200-2.475-2.783l-.984.854m2.389%202.903-5.599%204.87a3.6%203.6%200%200%201-2.256.882l-.321.01m8.176-5.762-2.389-2.903m0%200L13.5%2012.944a3.6%203.6%200%200%200-1.085%201.675l-.17.563m0%200-.412%201.356a.15.15%200%200%200%20.148.194l1.398-.041m-1.135-1.51%201.135%201.51'/%3e%3cpath%20fill='url(%23d)'%20fill-opacity='.5'%20d='M21.643
14%209.972%2020.127%208.12c.048-.074.208-.271.463-.463.32-.239.926-.43%201.516%200%20.59.431.51%201.23.255%201.564a6.652%206.652%200%200%201-.718.75Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='9.385'%20x2='9.385'%20y1='4'%20y2='20.666'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='17.388'%20x2='17.654'%20y1='7.574'%20y2='16.564'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='d'%20x1='21.281'%20x2='21.281'%20y1='7.777'%20y2='9.972'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="AI Meeting Notetaker"> </div> <div class="space-y-1"> <p class="font-semibold text-black">AI Meeting Notetaker</p> <p class="text-sm text-[#787F86]">Auto-capture meeting notes and summaries</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/features/ai-dashboards" aria-label="AI Dashboards" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cdefs%3e%3cpath%20id='reuse-0'%20fill='%23fff'%20d='M0%200h24v24H0z'/%3e%3c/defs%3e%3cg%20clip-path='url(%23a)'%3e%3cg%20clip-path='url(%23b)'%3e%3cpath%20fill='url(%23c)'%20d='M3.141%2019.498H11.1l-.287-1.518.492-2.953%202.379-2.994%202.994-.902%203.035.574-.328-8.983-1.312-1.067c-4.813-.027-14.48-.065-14.644%200-.164.066-1.134.985-1.6%201.436l-.656%2014.315%201.97%202.092Z'/%3e%3ccircle%20cx='16.774'%20cy='17.216'%20r='5.66'%20fill='%23F6F9FF'/%3e%3cpath%20fill='url(%23d)'%20d='M17.527%2013.765a.75.75%200%201%200-1.49-.172l-.43%203.727a.75.75%200%200%200%20.176.575l1.765%202.052a.75.75%200%201%200%201.137-.978l-1.55-1.803.392-3.4Z'/%3e%3cpath%20fill='url(%23e)'%20d='M9.697%2010.462a.734.734%200%200%200-.737-.75.766.766%200%200%200-.763.75l-.086%204.907a.734.734%200%200%200%20.737.75.766.766%200%200%200%20.763-.75l.086-4.907Z'/%3e%3cpath%20fill='url(%23f)'%20d='M6.382%2012.915a.734.734%200%200%200-.737-.75.766.766%200%200%200-.763.75L4.84%2015.37a.734.734%200%200%200%20.737.75.766.766%200%200%200%20.763-.75l.043-2.454Z'/%3e%3cpath%20fill='url(%23g)'%20fill-rule='evenodd'%20d='M4.209.715c-.85%200-1.
1467.338-2.282.938A3.26%203.26%200%200%200%20.95%203.92L.721%2017.005c-.015.85.308%201.664.899%202.265.59.6%201.399.938%202.249.938h7.049a6.634%206.634%200%201%200%209.397-8.853l.13-7.436a3.148%203.148%200%200%200-.899-2.266c-.59-.6-1.4-.938-2.249-.938H4.21Zm8.535%2019.493a5.132%205.132%200%200%201%203.925-8.444%205.116%205.116%200%200%201%203.613%201.487%205.134%205.134%200%201%201-7.539%206.957Zm-2.71-3.31c0-1.532.52-2.943%201.394-4.067l.084-4.823a.766.766%200%200%201%20.763-.75c.414%200%20.744.336.737.75l-.06%203.394a6.61%206.61%200%200%201%201.787-.853l.088-4.995a.766.766%200%200%201%20.763-.75c.414%200%20.744.336.737.75l-.083%204.724a6.625%206.625%200%200%201%202.584.346l.117-6.705a1.674%201.674%200%200%200-.478-1.205%201.674%201.674%200%200%200-1.196-.5H4.183c-.452%200-.889.18-1.214.5-.325.32-.512.753-.52%201.205l-.228%2013.086c-.008.451.164.885.478%201.204.314.32.744.5%201.196.5h6.39a6.64%206.64%200%200%201-.25-1.81Z'%20clip-rule='evenodd'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='c'%20x1='10.442'%20x2='10.442'%20y1='1.619'%20y2='19.498'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23DCE4FE'%20stop-opacity='.37'/%3e%3cstop%20offset='1'%20stop-color='%23DCE4FE'/%3e%3c/linearGradient%3e%3clinearGradient%20id='d'%20x1='11.988'%20x2='11.988'%20y1='1.747'%20y2='22.62'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='e'%20x1='11.988'%20x2='11.988'%20y1='1.747'%20y2='22.62'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='f'%20x1='11.988'%20x2='11.988'%20y1='1.747'%20y2='22.62'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='g'%20x1='11.988'%20x2='11.988'%20y1='1.747'%20y2='22.62'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3cclipPath%20id='a'%3e%3cuse%20xlink:href='%23reuse-0'/%3e%3c/clipPath%3e%3cclipPath%20id='b'%3e%3cuse%20xlink:href='%23reuse-0'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="AI Dashboards"> </div> <div class="space-y-1"> <p class="font-semibold text-black">AI Dashboards</p> <p class="text-sm text-[#787F86]">Track project progress in one view</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/features/ai-docs-assistant" aria-label="AI Docs Assistant" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20fill='%23ADC0FF'%20stroke='url(%23b)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.1'%20d='M18.215%204.405c.54.09%201.004.41%201.276.879l2.447%204.219c.254.437.316.965.172%201.462l-2.67%209.24c-.22.759-1.007%201.218-1.76%201.026l-9.14-2.34a1.828%201.828%200%200%201-.695-.35l-.044-.035a1.847%201.847%200%200%201-.598-1.96L10.57%204.9c.276-.956%201.233-1.568%202.202-1.406l5.444.911Z'%20opacity='.8'/%3e%3cpath%20fill='%23F6F9FF'%20d='M3.686%2019.85%204.1%207.94c.066-1.87%201.554-3.428%203.424-3.585l3.58-.3A3.49%203.49%200%200%201%2013.88%205.06l2.71%202.725a3.475%203.475%200%200%201%201%202.58l-.352%2010.118c-.02.552-.483%201-1.035%201H5.26a1.564%201.564%200%200%201-1.575-1.631Z'/%3e%3cpath%20fill='url(%23c)'%20d='M7.38%2012.23a.73.73%200%200%200-.724.7c-.014.386.289.699.675.699h7.002a.73.73%200%200%200%20.724-.7.671.671%200%200%200-.675-.7H7.38Z'/%3e%3cpath%20fill='url(%23d)'%20d='M6.54%2016.253a.73.73%200%200%201%20.724-.7h3.5c.387%200%20.69.313.677.7a.73.73%200%200%201-.725.7h-3.5a.671.671%200%200%201-.676-.7Z'/%3e%3cpath%20fill='url(%23e)'%20fill-rule='evenodd'%20d='M18.685%209.16c.002.034.002.068%200%20.102l-.36%2010.314a2.5
1456%202.556%200%200%201-2.535%202.45H5.288a2.35%202.35%200%200%201-2.365-2.45l.489-13.994a2.556%202.556%200%200%201%202.536-2.449h6.82c.034%200%20.067.002.1.005a.68.68%200%200%201%20.569.2l.12.124.003.004%204.82%204.992.005.004.12.124a.68.68%200%200%201%20.18.575ZM4.812%205.583c.02-.58.507-1.05%201.087-1.05h6.3l-.143%204.112a1.09%201.09%200%200%200%201.098%201.137h4.113l-.342%209.795c-.02.58-.506%201.05-1.086%201.05H5.337c-.58%200-1.034-.47-1.014-1.05l.489-13.994Zm11.514%202.8-2.76-2.86-.1%202.86h2.86Z'%20clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='16.764'%20x2='13.281'%20y1='5.266'%20y2='18.868'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='11.152'%20x2='11.152'%20y1='3.988'%20y2='21.27'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='d'%20x1='11.152'%20x2='11.152'%20y1='3.988'%20y2='21.27'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='e'%20x1='11.152'%20x2='11.152'%20y1='3.988'%20y2='21.27'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="AI Docs Assistant"> </div> <div class="space-y-1"> <p class="font-semibold text-black">AI Docs Assistant</p> <p class="text-sm text-[#787F86]">Help writing and organizing docs faster</p> </div> </a> </li> </ul> </div><div class="desktop-nav:max-w-[266px]"> <p class="font-display px-2 py-3 text-xs font-extrabold tracking-[0.02em] text-[#677685] uppercase desktop-nav:px-3"> And More </p> <ul data-nav-group> <li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/features/integrations" aria-label="Integrations" data-active="false"> <div class="size-6 shrink-0"> <img src="/_astro/integrations.6xMbP95X.svg" class="h-full w-full object-contain" alt="Integrations"> </div> <div class="space-y-1"> <p class="font-semibold text-black">Integrations</p> <p class="text-sm text-[#787F86]">Connect your favorite tools to Motion</p> </div> </a> </li> </ul> </div> </div> </li><li class="group desktop-nav:h-full desktop-nav:static relative" data-active="false" data-testid="primary-nav-link"> <label tabindex="0" class="peer inline-flex w-full cursor-pointer items-center justify-start gap-1.5 transition-colors group-data-[active=true]:text-primary group-has-[a[data-active=true]]:text-primary py-3 font-medium desktop-nav:px-3 desktop-nav:h-full desktop-nav:cursor-default desktop-nav:pointer-events-none"><input type="checkbox" class="gtfo" tabindex="-1"><span>Use Cases</span> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="desktop-nav:group-hocus-within:translate-y-0.5 size-4 transition-transform"> 15<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 16</svg></label> <div class="grid grid-flow-row transition-all max-desktop-nav:peer-[:not(:has(:checked))]:hidden max-desktop-nav:auto-rows-auto max-desktop-nav:grid-cols-1 max-desktop-nav:-mx-2 max-desktop-nav:gap-2 desktop-nav:p-4 desktop-nav:auto-cols-fr desktop-nav:grid-flow-col desktop-nav:grid-rows-1 desktop-nav:absolute desktop-nav:translate-y-3 desktop-nav:gap-4 desktop-nav:rounded-lg desktop-nav:bg-white desktop-nav:opacity-0 desktop-nav:shadow-xl desktop-nav:invisible desktop-nav:max-w-full desktop-nav:border desktop-nav:border-black/10 desktop-nav:group-hocus-within:visible desktop-nav:group-hocus-within:translate-y-0 desktop-nav:group-hocus-within:opacity-100" data-nav-dropdown> <div class="desktop-nav:max-w-[266px]"> <p class="font-display px-2 py-3 text-xs font-extrabold tracking-[0.02em] text-[#677685] uppercase desktop-nav:px-3"> Service Businesses </p> <ul data-nav-group> <li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/use-cases/it-service-providers" aria-label="IT Service Providers" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='4'%20y='14'%20width='16'%20height='2'%20fill='%23B4C3F1'/%3e%3cpath%20d='M9.33333%2
16016.6667V17.5618C9.33338%2017.9121%209.26439%2018.259%209.13033%2018.5826C8.99627%2018.9063%208.79975%2019.2003%208.552%2019.448L8%2020H16L15.448%2019.448C15.2003%2019.2003%2015.0037%2018.9063%2014.8697%2018.5826C14.7356%2018.259%2014.6666%2017.9121%2014.6667%2017.5618V16.6667M20%206V14.6667C20%2015.1971%2019.7893%2015.7058%2019.4142%2016.0809C19.0391%2016.456%2018.5304%2016.6667%2018%2016.6667H6C5.46957%2016.6667%204.96086%2016.456%204.58579%2016.0809C4.21071%2015.7058%204%2015.1971%204%2014.6667V6M20%206C20%205.46957%2019.7893%204.96086%2019.4142%204.58579C19.0391%204.21071%2018.5304%204%2018%204H6C5.46957%204%204.96086%204.21071%204.58579%204.58579C4.21071%204.96086%204%205.46957%204%206M20%206V12C20%2012.5304%2019.7893%2013.0391%2019.4142%2013.4142C19.0391%2013.7893%2018.5304%2014%2018%2014H6C5.46957%2014%204.96086%2013.7893%204.58579%2013.4142C4.21071%2013.0391%204%2012.5304%204%2012V6'%20stroke='url(%23paint0_linear_3285_25093)'%20stroke-width='1.5'%20stroke-linejoin='round'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_3285_25093'%20x1='12'%20y1='4'%20x2='12'%20y2='20'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="IT Service Providers"> </div> <div class="space-y-1 mt-0.75"> <p class="font-semibold text-black">IT Service Providers</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/use-cases/marketing-agencies" aria-label="Marketing Agencies" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23B4C3F1'%20d='m10.5%208-4%20.5-2%202v2L7%2015l3.5.5L10%2011l.5-3Z'/%3e%3cpath%20fill='%23CAD4F4'%20d='M10.5%2015.5h-2l1%204L11%2019l.5-1.5-1-2Z'/%3e%3cpath%20stroke='url(%23a)'%20stroke-linejoin='round'%20stroke-width='1.5'%20d='M10.617%2015.2a20.06%2020.06%200%200%200-1.742-.075H8.25a3.75%203.75%200%200%201%200-7.5h.625c.587%200%201.168-.025%201.742-.075m0%207.65c.21.802.486%201.577.82%202.32.206.457.05%201.008-.385%201.258l-.548.317c-.459.265-1.05.098-1.272-.384a17.37%2017.37%200%200%201-1.2-3.568m2.585.057a15.026%2015.026%200%200%201-.492-3.825c0-1.322.17-2.603.492-3.825m0%207.65c2.568.22%205.068.938%207.362%202.113M10.617%207.55a19.873%2019.873%200%200%200%207.362-2.112m0%2011.875c-.098.316-.204.628-.316.937m.316-.938c.454-1.46.737-2.97.845-4.495m-.845-7.38a19.822%2019.822%200%200%200-.316-.937m.316.938a19.93%2019.93%200%200%201%20.845%204.495m0%200a1.874%201.874%200%200%201%200%202.884m0-2.884c.068.96.068%201.924%200%202.884'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='12'%20x2='12'%20y1='4.5'%20y2='19.22'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="Marketing Agencies"> </div> <div class="space-y-1 mt-0.75"> <p class="font-semibold text-black">Marketing Agencies</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/use-cases/design-agencies" aria-label="Design Agencies" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.5%2016L8.5%2014L6%2014.5L5%2017L3.5%2018.5L4.5%2020L7%2020.5L9.5%2019L10.5%2016Z'%20fill='%23B4C3F1'/%3e%3cpath%20d='M13%2014L10%2011.5L12.5%208.5L18.5%204H19.5L20%205L19%207L15.5%2011.5L13%2014Z'%20fill='%23BDCDFF'/%3e%3cpath%20d='M9.94167%2015.435C9.72366%2014.8975%209.32556%2014.4526%208.81556%2014.1764C8.30556%2013.9002%207.7154%2013.8099%207.14614%2013.921C6.57689%2014.0321%206.06398%2014.3376%205.69525%2014.7853C5.32653%2015.233%205.12493%2015.795%205.125%2016.375C5.125%2016.6317%205.07227%2016.8858%204.97007%2017.1213C4.86787%201
167.3568%204.71838%2017.5689%204.53087%2017.7443C4.34336%2017.9197%204.12182%2018.0547%203.87999%2018.141C3.63816%2018.2272%203.38119%2018.2629%203.125%2018.2458C3.53704%2018.9616%204.17386%2019.5214%204.9366%2019.8381C5.69934%2020.1549%206.54534%2020.2111%207.34325%2019.9978C8.14116%2019.7846%208.84635%2019.3139%209.34934%2018.6588C9.85234%2018.0037%2010.125%2017.2009%2010.125%2016.375C10.125%2016.0425%2010.06%2015.725%209.94167%2015.435ZM9.94167%2015.435C10.9325%2015.0974%2011.8802%2014.6443%2012.765%2014.085M8.5625%2014.0641C8.90017%2013.0712%209.35387%2012.1216%209.91417%2011.235M12.7642%2014.085C14.3445%2013.0865%2015.6971%2011.7669%2016.7342%2010.2116L19.9642%205.36665C20.0879%205.18212%2020.1437%204.96035%2020.1221%204.73922C20.1005%204.5181%2020.0029%204.31133%2019.8458%204.15423C19.6887%203.99712%2019.4819%203.89943%2019.2608%203.87783C19.0396%203.85624%2018.8179%203.91208%2018.6333%204.03581L13.7883%207.26665C12.2329%208.30343%2010.913%209.65575%209.91417%2011.2358C11.1824%2011.8029%2012.1971%2012.8176%2012.7642%2014.0858'%20stroke='url(%23paint0_linear_3285_25107)'%20stroke-width='1.5'%20stroke-linejoin='round'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_3285_25107'%20x1='11.6258'%20y1='3.87329'%20x2='11.6258'%20y2='20.125'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="Design Agencies"> </div> <div class="space-y-1 mt-0.75"> <p class="font-semibold text-black">Design Agencies</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/use-cases/law-firms" aria-label="Law Firms" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2020L5.5%2010.5H18.5L19%2020H5Z'%20fill='%23B4C3F1'/%3e%3cpath%20d='M12%2020.25V12.6875M15.4375%2020.25V12.6875M8.5625%2020.25V12.6875M3.75%209.25L12%203.75L20.25%209.25M18.875%2020.25V10.471C16.6007%2010.1149%2014.302%209.93656%2012%209.9375C9.66158%209.9375%207.36533%2010.1208%205.125%2010.471V20.25M3.75%2020.25H20.25M12%207.1875H12.0073V7.19483H12V7.1875Z'%20stroke='url(%23paint0_linear_3285_25115)'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_3285_25115'%20x1='12'%20y1='3.75'%20x2='12'%20y2='20.25'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="Law Firms"> </div> <div class="space-y-1 mt-0.75"> <p class="font-semibold text-black">Law Firms</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/use-cases/consulting-businesses" aria-label="Consulting Businesses" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23ADC0FF'%20stroke='url(%23a)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.25'%20d='M20.19%202.314c1.151%200%202.085.934%202.085%202.086v5.912c0%20.93-.755%201.686-1.686%201.686a.436.436%200%200%200-.436.436v1.169c0%20.832-.976%201.283-1.608.742l-2.513-2.147a.836.836%200%200%200-.543-.2h-4.315a2.086%202.086%200%200%201-2.086-2.086V4.4c0-1.152.934-2.086%202.086-2.086h9.015Z'%20opacity='.8'/%3e%3cpath%20fill='%23F6F9FF'%20d='M16.078%2017.278H9.526a1%201%200%200%200-.658.246l-2.832%202.471a1%201%200%200%201-1.635-.543L4.17%2018.38a1%201%200%200%200-.731-.759l-.591-.15a1%201%200%200%201-.753-.97V7.467a1%201%200%200%201%201-1h12.983a1%201%200%200%201%201%201v8.812a1%201%200%200%201-1%201Z'/%3e%3cpath%20stroke='url(%23b)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.25'%2
160d='M3.556%205.841A2.086%202.086%200%200%200%201.47%207.927v8.02c0%201.08.875%201.955%201.956%201.956.39%200%20.707.317.707.707v2.098a.808.808%200%200%200%201.338.61l3.678-3.21a.836.836%200%200%201%20.55-.205h5.918a2.086%202.086%200%200%200%202.086-2.086v-7.89a2.086%202.086%200%200%200-2.086-2.086H3.556Z'/%3e%3cpath%20stroke='%23849BE5'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.461'%20d='M4.298%209.516H14.43m-10.132%203.04h5.573'%20opacity='.8'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='15.342'%20x2='15.342'%20y1='3.454'%20y2='13.884'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='10.013'%20x2='10.013'%20y1='7.127'%20y2='20.498'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="Consulting Businesses"> </div> <div class="space-y-1 mt-0.75"> <p class="font-semibold text-black">Consulting Businesses</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/use-cases/construction-companies" aria-label="Construction Companies" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23B3C2F1'%20d='m17%2020-5-5%202-3.5%206%205.5v1.5L18.5%2020H17Z'/%3e%3cpath%20stroke='url(%23a)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.4'%20d='m11.517%2014.642%204.858%204.858a2.21%202.21%200%200%200%203.125-3.125l-4.898-4.898m-3.085%203.165%202.08-2.525c.264-.32.616-.522%201.006-.639.459-.136.97-.156%201.453-.116a3.75%203.75%200%200%200%203.738-5.28l-2.73%202.73a2.503%202.503%200%200%201-1.875-1.874l2.73-2.73a3.75%203.75%200%200%200-5.28%203.738c.076.896-.059%201.886-.753%202.458l-.085.071m-.284%204.167-3.88%204.71a2.124%202.124%200%201%201-2.988-2.988l5.698-4.692L6.924%208.25H5.75L3.875%205.125l1.25-1.25L8.25%205.75v1.174l3.55%203.55-1.454%201.198m6.966%205.64-2.187-2.187m-9.07%202.813h.008v.006h-.007v-.006Z'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='12'%20x2='12'%20y1='3.875'%20y2='20.129'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="Construction Companies"> </div> <div class="space-y-1 mt-0.75"> <p class="font-semibold text-black">Construction Companies</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/use-cases/real-estate-management" aria-label="Real Estate Management" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23B3C2F1'%20d='M16.5%2010v9.5H19V11l-2.5-1Z'/%3e%3cpath%20fill='%23DEE5FB'%20d='M5%2019V9.5L16%205v14H5Z'/%3e%3cpath%20fill='%23fff'%20d='M9%2015h3v5H9z'/%3e%3cpath%20stroke='url(%23a)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.4'%20d='M8.875%2019.5v-4.063c0-.517.42-.937.938-.937h1.874c.518%200%20.938.42.938.938V19.5m0%200h3.75V4.954M12.625%2019.5h6.25v-8.542m-2.5-6.004%201.25-.454m-1.25.454-8.75%203.183m11.25%202.821-2.5-.833m2.5.833%201.25.417M3.875%2019.5h1.25m0%200h15m-15%200v-15h2.5v3.637M3.875%209.5l3.75-1.363'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='12'%20x2='12'%20y1='4.5'%20y2='19.5'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="Real Estate Management"> </div> <div class="space-y-1 mt-0.75"> <p class="font-semibold text-black">Real Estate Management</p> </div> </a> </li> </ul> </div><div class="desktop-nav:max-w-[266px]"> <p class="font-display px-2 py-3 text-xs font-extrabold tracking-[0.02em] text-[#677685] uppercase desktop-nav:px-3"> Functional Teams </p> <ul data-nav-group> <li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/use-cases/startups" aria-label="Startups" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23DEE5FB'%20d='m9.5%2016.5-2-2.5%202-5%205-4.5%206-1.5v2.5l-1.5%204-2.5%203.5-7%203.5Z'/%3e%3cpath%20fill='%239AADEC'%20d='M10%2021v-4.5l5.5-2-1%203.5-1.5%202-3%201ZM3%2014l4.677-.65%202.74-5.172-3.605.508-2.188%201.21L3%2014Z'/%3e%3cpath%20stroke='url(%23a)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%20d='M15.29%2014.172a5.5%205.5%200%200%201-5.352%206.765v-4.4m5.353-2.364a13.73%2013.73%200%200%200%205.646-11.11A13.732%2013.732%200%200%200%209.829%2
1608.709m5.463%205.463a13.678%2013.678%200%200%201-5.354%202.366m0%200-.285.055a13.831%2013.831%200%200%201-2.244-2.245l.054-.286M9.829%208.71a5.5%205.5%200%200%200-6.765%205.354h4.4m2.365-5.354a13.685%2013.685%200%200%200-2.365%205.354m-2.053%202.19a4.119%204.119%200%200%200-1.61%203.948%204.118%204.118%200%200%200%203.947-1.612m8.378-9.339a1.375%201.375%200%201%201-2.75%200%201.375%201.375%200%200%201%202.75%200Z'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='12'%20x2='12'%20y1='3.063'%20y2='20.938'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="Startups"> </div> <div class="space-y-1 mt-0.75"> <p class="font-semibold text-black">Startups</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/use-cases/sales-teams" aria-label="Sales Teams" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23DEE5FB'%20d='M5%204h14v12H5z'/%3e%3cpath%20stroke='url(%23a)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%20d='M4.385%203.692v10.385a2.077%202.077%200%200%200%202.077%202.077h2.076M4.385%203.692H3m1.385%200
16h15.23M8.538%2016.154h6.923m-6.923%200-.923%202.77m12-15.232H21m-1.385%200v10.385a2.077%202.077%200%200%201-2.076%202.077H15.46m0%200%20.924%202.77m-8.77%200h8.77m-8.77%200-.461%201.384m9.23-1.385.462%201.385m-9-8.308%202.77-2.77%201.982%201.984a11.133%2011.133%200%200%201%203.556-3.27'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='12'%20x2='12'%20y1='3.692'%20y2='20.308'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="Sales Teams"> </div> <div class="space-y-1 mt-0.75"> <p class="font-semibold text-black">Sales Teams</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/use-cases/executive-teams" aria-label="Executive Teams" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3ccircle%20cx='11.5'%20cy='7.5'%20r='2.5'%20fill='%23DEE5FB'/%3e%3cpath%20fill='%23DEE5FB'%20d='m7%2016-.5%202.5%203%201.5h4l3.5-1-.5-3.5-3-2.5-1.5-.5-3%20.5-2%203Z'/%3e%3cpath%20fill='%239AADEC'%20d='M3.5%2015h3L6%2018H3l.5-3Z'/%3e%3ccircle%20cx='6'%20cy='10'%20r='2'%20fill='%239AADEC'/%3e%3cpath%20fill='%239AADEC'%20d='M19.5%2015h-3l.5%203h3l-.5-3Z'/%3e%3ccircle%20cx='2'%20cy='2'%20r='2'%20fill='%239AADEC'%20transform='matrix(-1%200%200%201%2019%208)'/%3e%3cpath%20stroke='url(%23a)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%20d='M15.91%2015.236a2.62%202.62%200%200%201%203.792.945c.23.437.33.929.29%201.42a7.948%207.948%200%200%201-3.262.416%205.22%205.22%200%200%200-5.23-5.191%205.237%205.237%200%200%200-4.41%202.41m9.64%202.78v.028c0%20.195-.01.388-.032.579A10.434%2010.434%200%200%201%2011.499%2020c-1.892%200-3.668-.5-5.199-1.377a5.26%205.26%200%200%201-.032-.607m0%200a7.848%207.848%200%200%201-3.26-.414%202.603%202.603%200%200%201%201.293-2.466%202.62%202.62%200%200%201%202.788.1m-.82%202.78c.002-.985.288-1.95.82-2.78m7.025-7.627c0%20.692-.275%201.355-.766%201.844a2.619%202.619%200%200%201-3.698%200%202.605%202.605%200%200%201%200-3.689%202.619%202.619%200%200%201%203.698%200c.491.49.766%201.153.766%201.845Zm5.231%202.608a1.952%201.952%200%200%201-1.21%201.808%201.967%201.967%200%200%201-2.563-1.059%201.952%201.952%200%200%201%20.425-2.132%201.964%201.964%200%200%201%203.348%201.383Zm-11.77%200a1.952%201.952%200%200%201-1.21%201.808%201.966%201.966%200%200%201-2.563-1.059%201.952%201.952%200%200%201%20.425-2.132%201.964%201.964%200%200%201%203.349%201.383Z'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='11.5'%20x2='11.5'%20y1='5'%20y2='20'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="Executive Teams"> </div> <div class="space-y-1 mt-0.75"> <p class="font-semibold text-black">Executive Teams</p> </div> </a> </li> </ul> </div> </div> </li><li class="group desktop-nav:h-full desktop-nav:static relative" data-active="false" data-testid="primary-nav-link"> <a href="/resources" tabindex="0" class="peer inline-flex w-full cursor-pointer items-center justify-start gap-1.5 transition-colors group-data-[active=true]:text-primary group-has-[a[data-active=true]]:text-primary py-3 font-medium desktop-nav:px-3 desktop-nav:h-full"><span>Resources</span> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="desktop-nav:group-hocus-within:translate-y-0.5 size-4 transition-transform"> 17<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 18</svg></a> <div class="grid grid-flow-row transition-all max-desktop-nav:peer-[:not(:has(:checked))]:hidden max-desktop-nav:auto-rows-auto max-desktop-nav:grid-cols-1 max-desktop-nav:-mx-2 max-desktop-nav:gap-2 desktop-nav:p-4 desktop-nav:auto-cols-fr desktop-nav:grid-flow-col desktop-nav:grid-rows-1 desktop-nav:absolute desktop-nav:translate-y-3 desktop-nav:gap-4 desktop-nav:rounded-lg desktop-nav:bg-white desktop-nav:opacity-0 desktop-nav:shadow-xl desktop-nav:invisible desktop-nav:max-w-full desktop-nav:border desktop-nav:border-black/10 desktop-nav:group-hocus-within:visible desktop-nav:group-hocus-within:translate-y-0 desktop-nav:group-hocus-within:opacity-100" data-nav-dropdown> <div class="desktop-nav:max-w-[266px]"> <ul data-nav-group> <li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/blog" aria-label="Blog" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23B4C3F1'
18%20d='m10.5%208-4%20.5-2%202v2L7%2015l3.5.5L10%2011l.5-3Z'/%3e%3cpath%20fill='%23CAD4F4'%20d='M10.5%2015.5h-2l1%204L11%2019l.5-1.5-1-2Z'/%3e%3cpath%20stroke='url(%23a)'%20stroke-linejoin='round'%20stroke-width='1.5'%20d='M10.617%2015.2a20.06%2020.06%200%200%200-1.742-.075H8.25a3.75%203.75%200%200%201%200-7.5h.625c.587%200%201.168-.025%201.742-.075m0%207.65c.21.802.486%201.577.82%202.32.206.457.05%201.008-.385%201.258l-.548.317c-.459.265-1.05.098-1.272-.384a17.37%2017.37%200%200%201-1.2-3.568m2.585.057a15.026%2015.026%200%200%201-.492-3.825c0-1.322.17-2.603.492-3.825m0%207.65c2.568.22%205.068.938%207.362%202.113M10.617%207.55a19.873%2019.873%200%200%200%207.362-2.112m0%2011.875c-.098.316-.204.628-.316.937m.316-.938c.454-1.46.737-2.97.845-4.495m-.845-7.38a19.822%2019.822%200%200%200-.316-.937m.316.938a19.93%2019.93%200%200%201%20.845%204.495m0%200a1.874%201.874%200%200%201%200%202.884m0-2.884c.068.96.068%201.924%200%202.884'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='12'%20x2='12'%20y1='4.5'%20y2='19.22'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="Blog"> </div> <div class="space-y-1"> <p class="font-semibold text-black">Blog</p> <p class="text-sm text-[#787F86]">Expert insights, practical tips, and stories on productivity, AI, and work</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/resources" aria-label="Resources" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23DEE5FB'%20d='m9.5%2016.5-2-2.5%202-5%205-4.5%206-1.5v2.5l-1.5%204-2.5%203.5-7%203.5Z'/%3e%3cpath%20fill='%239AADEC'%20d='M10%2021v-4.5l5.5-2-1%203.5-1.5%202-3%201ZM3%2014l4.677-.65%202.74-5.172-3.605.508-2.188%201.21L3%2014Z'/%3e%3cpath%20stroke='url(%23a)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%20d='M15.29%2014.172a5.5%205.5%200%200%201-5.352%206.765v-4.4m5.353-2.364a13.73%2013.73%200%200%200%205.646-11.11A13.732%2013.732%200%200%200%209.829%208.709m5.463%205.463a13.678%2013.678%200%200%201-5.354%202.366m0%200-.285.055a13.831%2013.831%200%200%201-2.244-2.245l.054-.286M9.829%208.71a5.5%205.5%200%200%200-6.765%205.354h4.4m2.365-5.354a13.685%2013.685%200%200%200-2.365%205.354m-2.053%202.19a4.119%204.119%200%200%200-1.61%203.948%204.118%204.118%200%200%200%203.947-1.612m8.378-9.339a1.375%201.375%200%201%201-2.75%200%201.375%201.375%200%200%201%202.75%200Z'/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='12'%20x2='12'%20y1='3.063'%20y2='20.938'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="Resources"> </div> <div class="space-y-1"> <p class="font-semibold text-black">Resources</p> <p class="text-sm text-[#787F86]">Free guides, webinars, whitepapers, and reports</p> </div> </a> </li><li> <a class="hocus:bg-[var(--hover-bg-color)] data-[active=true]:text-primary flex items-start gap-3 rounded-lg px-2 py-3 text-[15px] leading-[18px] transition-colors" style="--hover-bg-color: var(--color-light-grey)" href="/help" aria-label="Knowledge Base" data-active="false"> <div class="size-6 shrink-0"> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20fill='%23ADC0FF'%20stroke='url(%23b)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.1'%20d='M18.215%204.405c.54.09%201.004.41%201.276.879l2.447%204.219c.254.437.316.965.172%201.462l-2.67%209.24c-.22.759-1.007%201.218-1.76%201.026l-9.14-2.34a1.828%201.828%200%200%201-.695-.35l-.044-.035a1.847%201.847%200%200%201-.598-1.96L10.57%204.9c.276-.956%201.233-1.568%202.202-1.406l5.444.911Z'%20opacity='.8'/%3e%3cpath%20fill='%23F6F9FF'%20d='M3.686%2019.85%204.1%207.94c.066-1.87%201.554-3.428%203.424-3.585l3.58-.3A3.49%203.49%200%200%201%2013.88%205.06l2.71%202.725a3.475%203.475%200%200%201%201%202.58l-.352%2010.118c-.02.552-.483%201-1.035%201H5.26a1.564%201.564%200%200%201-1.575-1.631Z'/%3e%3cpath%20fill='url(%23c)'%20d='M7.38%2012.23a.73.73%200%200%200-.724.7c-.014.386.289.699.675.699h7.002a.73.73%200%200%200%20.724-.7.671.671%200%200%200-.675-.7H7.38Z'/%3e%3cpath%20fill='url(%23d)'%20d='M6.54%2016.253a.73.73%200%200%201%20.724-.7
18h3.5c.387%200%20.69.313.677.7a.73.73%200%200%201-.725.7h-3.5a.671.671%200%200%201-.676-.7Z'/%3e%3cpath%20fill='url(%23e)'%20fill-rule='evenodd'%20d='M18.685%209.16c.002.034.002.068%200%20.102l-.36%2010.314a2.556%202.556%200%200%201-2.535%202.45H5.288a2.35%202.35%200%200%201-2.365-2.45l.489-13.994a2.556%202.556%200%200%201%202.536-2.449h6.82c.034%200%20.067.002.1.005a.68.68%200%200%201%20.569.2l.12.124.003.004%204.82%204.992.005.004.12.124a.68.68%200%200%201%20.18.575ZM4.812%205.583c.02-.58.507-1.05%201.087-1.05h6.3l-.143%204.112a1.09%201.09%200%200%200%201.098%201.137h4.113l-.342%209.795c-.02.58-.506%201.05-1.086%201.05H5.337c-.58%200-1.034-.47-1.014-1.05l.489-13.994Zm11.514%202.8-2.76-2.86-.1%202.86h2.86Z'%20clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='16.764'%20x2='13.281'%20y1='5.266'%20y2='18.868'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='11.152'%20x2='11.152'%20y1='3.988'%20y2='21.27'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='d'%20x1='11.152'%20x2='11.152'%20y1='3.988'%20y2='21.27'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3clinearGradient%20id='e'%20x1='11.152'%20x2='11.152'%20y1='3.988'%20y2='21.27'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23849BE5'/%3e%3cstop%20offset='1'%20stop-color='%233D61DD'/%3e%3c/linearGradient%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e" class="h-full w-full object-contain" alt="Knowledge Base"> </div> <div class="space-y-1"> <p class="font-semibold text-black">Knowledge Base</p> <p class="text-sm text-[#787F86]">Step-by-step tutorials, FAQs, and documentation to help you get the most out of Motion</p> </div> </a> </li> </ul> </div> </div> </li><li class="group desktop-nav:h-full desktop-nav:static relative" data-active="false" data-testid="primary-nav-link"> <a href="/pricing" tabindex="0" class="peer inline-flex w-full cursor-pointer items-center justify-start gap-1.5 transition-colors group-data-[active=true]:text-primary group-has-[a[data-active=true]]:text-primary py-3 font-medium desktop-nav:px-3 desktop-nav:h-full"><span>Pricing</span> </a> </li><li class="group desktop-nav:h-full desktop-nav:static relative" data-active="false" data-testid="primary-nav-link"> <a href="https://app.usemotion.com" tabindex="0" class="peer inline-flex w-full cursor-pointer items-center justify-start gap-1.5 transition-colors group-data-[active=true]:text-primary group-has-[a[data-active=true]]:text-primary py-3 font-medium desktop-nav:px-3 desktop-nav:h-full"><span>Login</span> </a> </li> <!-- Mobile --> <li class="desktop-nav:hidden mt-4 space-y-4"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50 w-full" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label="Mobile Navigation" data-testid="trial-cta"> Try Motion for free </a>
18<script type="module" src="/_astro/TrialCTA.astro_astro_type_script_index_0_lang.C1DG6fki.js"></script>
18 </li> </ul> <!-- Desktop --> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label="Primary Navigation" data-testid="trial-cta"> Try Motion for free </a> </div> </div> </nav>
18<script type="module">const t=document.querySelector("[data-primary-nav]");function a(){const{top:e}=t.getBoundingClientRect(),n=window.scrollY>0&&e===0;t.setAttribute("data-has-scrolled",n.toString())}function i(){const{top:e,height:n}=t.getBoundingClientRect();t.querySelector("[data-mobile-nav]").style.setProperty("--mobile-top-offset",`${e+n}px`)}function l(){let e=!1;e||(requestAnimationFrame(()=>{a(),e=!1}),e=!0)}window.addEventListener("scroll",l);i();a();const r=document.querySelector("[data-global-banner]");r&&new ResizeObserver(()=>{i()}).observe(r);const u=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--breakpoint-desktop-nav"),10);function d(){if(window.innerWidth<u)return;const e=t.querySelector("[data-nav-container]");t.querySelectorAll("[data-nav-dropdown]").forEach(o=>{o.style.removeProperty("right");const s=Math.round(o.getBoundingClientRect().right),c=Math.round(e.getBoundingClientRect().right);s>=c&&o.style.setProperty("right","0")})}document.addEventListener("DOMContentLoaded",()=>{d()});window.addEventListener("resize",d);</script>
18 <main class="grow group-[[data-add-padding-for-nav]]/body:-mt-24 group-[:has([data-primary-nav])]/body:[&>:first-child]:pt-24"> <header class="[background-image:linear-gradient(125deg,rgba(115,103,240,0.05)_0%,rgba(78,205,196,0.05)_25%,rgba(115,103,240,0.08)_50%,rgba(78,205,196,0.05)_75%,rgba(115,103,240,0.05)_100%)] [background-size:200%_200%] animate-bg-subtle-shift"> <div class="container py-12 lg:py-20"> <p class="font-display mx-auto mb-4 max-w-3/4 text-center leading-loose font-semibold tracking-tight"> <span class="text-gradient">Voted #1 hottest product by </span> <span class="sr-only">Amplitude</span> <img src="/cdn-cgi/image/onerror=redirect,width=1038,height=216,format=webp/https://www-cdn.usemotion.com/logos/amplitude-full.svg" alt="Amplitude logo" loading="lazy" decoding="async" fetchpriority="auto" width="1038" height="216" class="inline-block h-6 w-auto"> </p> <h1 class="font-display mx-auto mb-6 max-w-[16ch] text-center text-[clamp(24px,8vw,88px)] leading-[110%] font-semibold tracking-tight text-balance"> 19Get an unfair advantage by using AI to <span class="text-gradient-ai">double productivity</span> </h1> <p class="text-light-grey-text mx-auto mt-6 max-w-3/4 text-center text-lg text-balance"> 20The <strong>#1 Rated Productivity Platform</strong> for the AI Era. AI Projects, AI Tasks, AI Calendar, AI Meetings, 21 AI Docs, AI Notes, AI Reports, AI Workflows, and more. 22</p> <div class="my-10 flex w-full flex-col items-center"> <form class="flex flex-col gap-4 mx-auto w-full max-w-md lg:hidden" data-inline-trial-form> <input type="email" class="focus:ring-primary h-[44px] rounded-lg border-0 bg-white px-3 py-2 text-[#333] ring ring-[#d9dce4] outline-0 focus:ring-2 w-full" data-prefill="email" data-prefill-last-value name="email" placeholder="Enter work email" required>
22<script type="module" src="/_astro/TextField.astro_astro_type_script_index_0_lang.BQ8rUuPR.js"></script>
22 <button class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" type="submit" data-cta="trial" data-testid="inline-trial-form-submit"> Try Motion for free </button> </form>
22<script type="module" src="/_astro/InlineTrialForm.astro_astro_type_script_index_0_lang.W7Ez1eFy.js"></script>
22 <div class="group inline-flex flex-col gap-4 items-center max-lg:hidden" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label="Hero" data-testid="trial-cta"> Try Motion for free </a> </div> <div class="text-light-grey-text text-sm max-sm:text-center"> <p>Start your free trial. Cancel in 1 click.</p> </div> </div> </div> <div id="ai-tools-module" class="flex flex-col gap-8 rounded-lg bg-white p-6 md:rounded-xl lg:grid lg:grid-cols-[1fr_2fr] lg:p-8 [box-shadow:_0px_-4px_80px_rgba(105,124,229,0.05),0px_2px_32px_rgba(105,124,229,0.14),inset_0px_0px_0px_1px_#F1F2F4]"> <div class="lg:col-start-2 lg:row-start-1"> <div class="relative"> <div class="aspect-[1015/720] overflow-hidden rounded-lg"> <video class="h-full w-full object-contain object-center" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/features/strategy-design-development.mp4" type="video/mp4"> </video>
22<script type="module" src="/_astro/InlineVideo.astro_astro_type_script_index_0_lang.jmyZ9gkE.js"></script>
22 </div> </div> </div> <div class="lg:col-start-1 lg:row-start-1"> <h3 class="font-display mb-6 text-center text-2xl font-semibold tracking-tight lg:text-left"> <span>What </span> <span class="text-gradient-ai">AI tools</span> <span> would you like to use?</span> </h3> <div class="grid grid-cols-2 gap-3"> <label class="outline-dark-grey/20 relative flex cursor-pointer flex-col items-center gap-2 rounded-lg p-3 outline transition-all hocus:outline-primary has-checked:outline-primary has-checked:outline-2" data-feature-video-url="https://www-cdn.usemotion.com/features/tasks.mp4"> <input type="checkbox" class="peer gtfo"> <div class="bg-primary-light text-primary flex size-7 items-center justify-center rounded"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" class="size-5"> 23<path d="M17.1129 4.86157C17.4304 4.48422 17.3818 3.92098 17.0045 3.60355C16.6271 3.28611 16.0639 3.33468 15.7464 3.71203L9.50615 11.1301L7.87806 8.77855C7.59736 8.37313 7.04115 8.27202 6.63573 8.55271C6.2303 8.83341 6.12919 9.38962 6.40989 9.79504L8.70312 13.1073C8.86149 13.336 9.11744 13.4779 9.39535 13.4909C9.67325 13.504 9.94136 13.3867 10.1205 13.1738L17.1129 4.86157Z" fill="currentColor" /> 24<path d="M5.85826 4.56332C4.10278 4.56332 2.67969 5.98641 2.67969 7.74189V14.599C2.67969 16.3545 4.10278 17.7776 5.85826 17.7776H12.7154C14.4709 17.7776 15.894 16.3545 15.894 14.599V10.7157C15.894 10.2226 15.4942 9.82281 15.0011 9.82281C14.508 9.82281 14.1083 10.2226 14.1083 10.7157V14.599C14.1083 15.3683 13.4847 15.9919 12.7154 15.9919H5.85826C5.08901 15.9919 4.4654 15.3683 4.4654 14.599V7.74189C4.4654 6.97264 5.08901 6.34903 5.85826 6.34903H10.7154C11.2085 6.34903 11.6083 5.94929 11.6083 5.45618C11.6083 4.96307 11.2085 4.56332 10.7154 4.56332H5.85826Z" fill="currentColor" /> 25</svg> </div> <div class="text-light-grey-text text-center text-sm font-medium">AI Tasks</div> <div class="absolute top-2 right-2 border-dark-grey/20 ml-auto flex size-4 shrink-0 items-center justify-center rounded border text-white peer-checked:border-transparent peer-checked:bg-linear-to-b peer-checked:from-[#617fe3] peer-checked:to-[#3e63dd]"> <svg fill="none" viewBox="0 0 18 18" class="size-3"> 26 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 27</svg> </div> </label><label class="outline-dark-grey/20 relative flex cursor-pointer flex-col items-center gap-2 rounded-lg p-3 outline transition-all hocus:outline-primary has-checked:outline-primary has-checked:outline-2" data-feature-video-url="https://www-cdn.usemotion.com/features/projects.mp4"> <input type="checkbox" class="peer gtfo"> <div class="bg-primary-light text-primary flex size-7 items-center justify-center rounded"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" class="size-5"> 28<path fill-rule="evenodd" clip-rule="evenodd" d="M8.96143 1.58975C9.61548 1.26273 10.3853 1.26273 11.0394 1.58975L16.4939 4.31702C17.281 4.71055 17.7782 5.515 17.7782 6.39497V13.5892C17.7782 14.4692 17.281 15.2736 16.4939 15.6671L11.0394 18.3944C10.3853 18.7214 9.61548 18.7214 8.96143 18.3944L3.5069 15.6671C2.71983 15.2736 2.22266 14.4692 2.22266 13.5892V6.39497C2.22266 5.515 2.71983 4.71055 3.5069 4.31702L8.96143 1.58975ZM10.407 2.85459C10.151 2.72663 9.84978 2.72663 9.59385 2.85459L4.51078 5.39613L9.05178 7.66663C9.64895 7.96522 10.3519 7.96522 10.949 7.66663L15.49 5.39613L10.407 2.85459ZM3.63679 13.5892V6.54019L8.41936 8.93147C8.69935 9.07147 8.99329 9.17209 9.29333 9.23332V16.9793L4.13932 14.4023C3.83134 14.2483 3.63679 13.9335 3.63679 13.5892ZM10.7075 16.9793L15.8615 14.4023C16.1695 14.2483 16.364 13.9335 16.364 13.5892V6.54019L11.5815 8.93147C11.3015 9.07147 11.0075 9.17209 10.7075 9.23332V16.9793Z" fill="currentColor" /> 29</svg> </div> <div class="text-light-grey-text text-center text-sm font-medium">AI Projects</div> <div class="absolute top-2 right-2 border-dark-grey/20 ml-auto flex size-4 shrink-0 items-center justify-center rounded border text-white peer-checked:border-transparent peer-checked:bg-linear-to-b peer-checked:from-[#617fe3] peer-checked:to-[#3e63dd]"> <svg fill="none" viewBox="0 0 18 18" class="size-3"> 30 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 31</svg> </div> </label><label class="outline-dark-grey/20 relative flex cursor-pointer flex-col items-center gap-2 rounded-lg p-3 outline transition-all hocus:outline-primary has-checked:outline-primary has-checked:outline-2" data-feature-video-url="https://www-cdn.usemotion.com/features/docs.mp4"> <input type="checkbox" class="peer gtfo"> <div class="bg-primary-light text-primary flex size-7 items-center justify-center rounded"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" class="size-5"> 32<path d="M8.93879 9.93798C8.88458 9.89708 8.81854 9.87495 8.75064 9.87494C8.68274 9.87495 8.6167 9.89708 8.5625 9.93798C8.5083 9.97888 8.46889 10.0363 8.45024 10.1016L8.11151 11.2875C8.03857 11.5429 7.90175 11.7755 7.71396 11.9633C7.5261
327 12.1511 7.2936 12.2879 7.03823 12.3608L5.85246 12.6996C5.78722 12.7183 5.72983 12.7577 5.68898 12.8119C5.64813 12.8661 5.62604 12.9322 5.62604 13C5.62604 13.0679 5.64813 13.1339 5.68898 13.1881C5.72983 13.2423 5.78722 13.2818 5.85246 13.3005L7.03823 13.6392C7.2936 13.7122 7.52617 13.849 7.71396 14.0368C7.90175 14.2246 8.03857 14.4572 8.11151 14.7126L8.45024 15.8985C8.46893 15.9637 8.50835 16.0211 8.56255 16.0619C8.61675 16.1028 8.68277 16.1249 8.75064 16.1249C8.81851 16.1249 8.88453 16.1028 8.93873 16.0619C8.99293 16.0211 9.03235 15.9637 9.05104 15.8985L9.38977 14.7126C9.46271 14.4572 9.59953 14.2246 9.78732 14.0368C9.97512 13.849 10.2077 13.7122 10.463 13.6392L11.6488 13.3005C11.7141 13.2818 11.7714 13.2423 11.8123 13.1881C11.8531 13.1339 11.8752 13.0679 11.8752 13C11.8752 12.9322 11.8531 12.8661 11.8123 12.8119C11.7714 12.7577 11.7141 12.7183 11.6488 12.6996L10.463 12.3608C10.2077 12.2879 9.97512 12.1511 9.78732 11.9633C9.59953 11.7755 9.46271 11.5429 9.38977 11.2875L9.05104 10.1016C9.03239 10.0363 8.99299 9.97888 8.93879 9.93798Z" fill="currentColor" /> 33<path d="M12.6928 8.69102C12.6379 8.64814 12.5701 8.62486 12.5004 8.6249C12.4307 8.62486 12.363 8.64814 12.308 8.69102C12.2531 8.73391 12.214 8.79394 12.1971 8.86157L12.0896 9.29325C12.0416 9.48558 11.9421 9.66122 11.8019 9.8014C11.6618 9.94158 11.4861 10.041 11.2938 10.0891L10.8622 10.1966C10.7944 10.2134 10.7342 10.2524 10.6912 10.3074C10.6482 10.3623 10.6248 10.4301 10.6248 10.5C10.6248 10.5698 10.6482 10.6376 10.6912 10.6925C10.7342 10.7475 10.7944 10.7865 10.8622 10.8033L11.2938 10.9108C11.4861 10.9589 11.6618 11.0583 11.8019 11.1985C11.9421 11.3387 12.0416 11.5143 12.0896 11.7067L12.1971 12.1383C12.2139 12.2061 12.2529 12.2663 12.3079 12.3093C12.3628 12.3523 12.4306 12.3757 12.5004 12.3757C12.5702 12.3757 12.638 12.3523 12.693 12.3093C12.748 12.2663 12.787 12.2061 12.8038 12.1383L12.9112 11.7067C13.0096 11.315 13.3154 11.0091 13.707 10.9108L14.1387 10.8033C14.2064 10.7865 14.2666 10.7475 14.3096 10.6925C14.3527 10.6376 14.376 10.5698 14.376 10.5C14.376 10.4301 14.3527 10.3623 14.3096 10.3074C14.2666 10.2524 14.2064 10.2134 14.1387 10.1966L13.707 10.0891C13.3154 9.99077 13.0096 9.68493 12.9112 9.29325L12.8038 8.86157C12.7868 8.79394 12.7478 8.73391 12.6928 8.69102Z" fill="currentColor" /> 34<path fill-rule="evenodd" clip-rule="evenodd" d="M17.3346 6.83938C17.3346 6.80701 17.3332 6.77478 17.3303 6.7428C17.3531 6.54402 17.2855 6.34151 17.1394 6.1954L17.0212 6.07722L17.0173 6.07335L12.2614 1.31742L12.2576 1.3136L12.1394 1.1954C11.9933 1.04933 11.7908 0.981685 11.5921 1.00444C11.5601 1.00157 11.5278 1.00012 11.4954 1.00012H5.0013C3.71264 1.00012 2.66797 2.04479 2.66797 3.33346V16.6668C2.66797 17.9555 3.71264 19.0001 5.0013 19.0001H15.0013C16.29 19.0001 17.3346 17.9555 17.3346 16.6668V6.83938ZM5.0013 2.33346C4.44902 2.33346 4.0013 2.78117 4.0013 3.33346V16.6668C4.0013 17.2191 4.44902 17.6668 5.0013 17.6668H15.0013C15.5536 17.6668 16.0013 17.2191 16.0013 16.6668V7.33347H12.0846C11.4863 7.33347 11.0013 6.84845 11.0013 6.25014V2.33346H5.0013ZM12.3346 3.27628L15.0585 6.00014H12.3346V3.27628Z" fill="currentColor" /> 35</svg> </div> <div class="text-light-grey-text text-center text-sm font-medium">AI Docs</div> <div class="absolute top-2 right-2 border-dark-grey/20 ml-auto flex size-4 shrink-0 items-center justify-center rounded border text-white peer-checked:border-transparent peer-checked:bg-linear-to-b peer-checked:from-[#617fe3] peer-checked:to-[#3e63dd]"> <svg fill="none" viewBox="0 0 18 18" class="size-3"> 36 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 37</svg> </div> </label><label class="outline-dark-grey/20 relative flex cursor-pointer flex-col items-center gap-2 rounded-lg p-3 outline transition-all hocus:outline-primary has-checked:outline-primary has-checked:outline-2" data-feature-video-url="https://www-cdn.usemotion.com/features/notetaker.mp4"> <input type="checkbox" class="peer gtfo"> <div class="bg-primary-light text-primary flex size-7 items-center justify-center rounded"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" class="size-5"> 38<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3779 2.47989C14.1719 1.67031 15.4751 1.66766 16.2724 2.474L17.4388 3.65362C18.2245 4.44814 18.2209 5.72804 17.4308 6.51815L6.72893 17.22C6.348 17.6009 5.83134 17.8149 5.29262 17.8149H4.89956L4.81659 17.8979L4.73361 17.8149H2.96051C2.52904 17.8149 2.17926 17.4652 2.17926 17.0337V15.2607L2.099 15.1805L2.17926 15.1002V14.7275C2.17926 14.1956 2.3879 13.6849 2.76035 13.3052L13.3779 2.47989ZM5.62408 16.1152C5.55552 16.1837 5.46793 16.2288 5.37372 16.2454L3.75313 14.6249C3.77209 14.5404 3.81427 14.4621 3.87586 14.3993L12.0679 6.04697L13.8801 7.85911L5.62408 16.1152Z" fill="currentColor" /> 39<path d="M4.94987 2.22219C5.05762 2.22213 5.16229 2.25811 5.24725 2.3244C5.3322 2.3907 5.39255 2.4835 5.4187 2.58805L5.58485 3.25536C5.73683 3.86083 6.20953 4.33362 6.81489 4.48563L7.48208 4.65181C7.58681 4.67776 7.67984 4.73803 7.74633 4.82302C7.81282 4.90801 7.84895 5.01282 7.84895 5.12073C7.84895 5.22865 7.81282 5.33346 7.74633 5.41845C7.67984 5.50344 7.58681 5.56371 7.48208 5.58965L6.81489 5.75584C6.20953 5.90785 5.73683 6.38063 5.58485 6.98611L5.4187 7.65342C5.39276 7.75817 5.33249 7.85121 5.24752 7.91772C5.16255 7.98422 5.05776 8.02036 4.94987 8.02036C4.84197 8.02036 4.73718 7.98422 4.65221 7.91772C4.56724 7.85121 4.50697 7.75817 4.48103 7.65342L4.31488 6.98611C4.24057 6.6888 4.08687 6.41728 3.87021 6.20059C3.65356 5.98389 3.38209 5.83016 3.08484 5.75584L2.41765 5.58965C2.31292 5.56371 2.21989 5.50344 2.1534 5.41845C2.08691 5.33346 2.05078 5.22865 2.05078 5.12073C2.05078 5.01282 2.08691 4.90801 2.1534 4.82302C2.21989 4.73803 2.31292 4.67776 2.41765 4.65181L3.08484 4.48563C3.38209 4.41131 3.65356 4.25758 3.87021 4.04088C4.08687 3.82418 4.24057 3.55267 4.31488 3.25536L4.48103 2.58805C4.50718 2.4835 4.56753 2.3907 4.65248 2.3244C4.73744 2.25811 4.84212 2.22213 4.94987 2.22219Z" fill="currentColor" /> 40</svg> </div> <div class="text-light-grey-text text-center text-sm font-medium">AI Notetaker</div> <div class="absolute top-2 right-2 border-dark-grey/20 ml-auto flex size-4 shrink-0 items-center justify-center rounded border text-white peer-checked:border-transparent peer-checked:bg-linear-to-b peer-checked:from-[#617fe3] peer-checked:to-[#3e63dd]"> <svg fill="none" viewBox="0 0 18 18" class="size-3"> 41 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 42</svg> </div> </label><label class="outline-dark-grey/20 relative flex cursor-pointer flex-col items-center gap-2 rounded-lg p-3 outline transition-all hocus:outline-primary has-checked:outline-primary has-checked:outline-2" data-feature-video-url="https://www-cdn.usemotion.com/features/calendar.mp4"> <input type="checkbox" class="peer gtfo"> <div class="bg-primary-light text-primary flex size-7 items-center justify-center rounded"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" class="size-5"> 43<path fill-rule="evenodd" clip-rule="evenodd" d="M6.88888 3.11111C6.88888 2.49746 6.39142 2 5.77777 2C5.16412 2 4.66666 2.49746 4.66666 3.11111V3.99999H4.5C3.11929 3.99999 2 5.11927 2 6.49999V15.5C2 16.8807 3.11929 18 4.5 18H15.5C16.8807 18 18 16.8807 18 15.5V11.1111V6.49999C18 5.11927 16.8807 3.99999 15.5 3.99999H15.3333V3.11111C15.3333 2.49746 14.8359 2 14.2222 2C13.6086 2 13.1111 2.49746 13.1111 3.11111V3.99999H6.88888V3.11111ZM3.66667 8.8889V15.5C3.66667 15.9602 4.03976 16.3333 4.5 16.3333H15.5C15.9602 16.3333 16.3333 15.9602 16.3333 15.5V11.1111V8.8889H3.66667Z" fill="currentColor" /> 44</svg> </div> <div class="text-light-grey-text text-center text-sm font-medium">AI Calendar</div> <div class="absolute top-2 right-2 border-dark-grey/20 ml-auto flex size-4 shrink-0 items-center justify-center rounded border text-white peer-checked:border-transparent peer-checked:bg-linear-to-b peer-checked:from-[#617fe3] peer-checked:to-[#3e63dd]"> <svg fill="none" viewBox="0 0 18 18" class="size-3"> 45 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 46</svg> </div> </label><label class="outline-dark-grey/20 relative flex cursor-pointer flex-col items-center gap-2 rounded-lg p-3 outline transition-all hocus:outline-primary has-checked:outline-primary has-checked:outline-2" data-feature-video-url="https://www-cdn.usemotion.com/features/workflows.mp4"> <input type="checkbox" class="peer gtfo"> <div class="bg-primary-light text-primary flex size-7 items-center justify-center rounded"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" class="size-5"> 47<g clip-path="url(#arrow_circle_solid_clip)"> 48<circle cx="10.0017" cy="10" r="7.11111" fill="currentColor" /> 49<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1744 7.21055C10.4059 6.97913 10.7811 6.97913 11.0125 7.21055L13.3829 9.58093C13.6143 9.81235 13.6143 10.1876 13.3829 10.419L11.0125 12.7894C10.7811 13.0208 10.4059 13.0208 10.1744 12.7894C9.94302 12.5579 9.94302 12.1827 10.1744 11.9513L11.5332 10.5925L7.03791 10.5925C6.71063 10.5925 6.44531 10.3272 6.44531 9.99995C6.44531 9.67267 6.71063 9.40736 7.03791 9.40736H11.5332L10.1744 8.04861C9.94302 7.81719 9.94302 7.44198 10.1744 7.21055Z" fill="white" /> 50</g> 51</svg> </div> <div class="text-light-grey-text text-center text-sm font-medium">AI Workflows</div> <div class="absolute top-2 right-2 border-dark-grey/20 ml-auto flex size-4 shrink-0 items-center justify-center rounded border text-white peer-checked:border-transparent peer-checked:bg-linear-to-b peer-checked:from-[#617fe3] peer-checked:to-[#3e63dd]"> <svg fill="none" viewBox="0 0 18 18" class="size-3"> 52 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 53</svg> </div> </label><label class="outline-dark-grey/20 relative flex cursor-pointer flex-col items-center gap-2 rounded-lg p-3 outline transition-all hocus:outline-primary has-checked:outline-primary has-checked:outline-2" data-feature-video-url="https://www-cdn.usemotion.com/features/reports.mp4"> <input type="checkbox" class="peer gtfo"> <div class="bg-primary-light text-primary flex size-7 items-center justify-center rounded"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" class="size-5"> 54<path d="M3.60156 12.3555C3.60156 11.9137 3.95973 11.5555 4.40156 11.5555L6.00156 11.5555C6.44339 11.5555 6.80156 11.9137 6.80156 12.3555L6.80156 15.6445C6.80156 16.0863 6.44339 16.4445 6.00156 16.4445L4.40156 16.4445C3.95973 16.4445 3.60156 16.0863 3.60156 15.6445L3.60156 12.3555Z" fill="currentColor" /> 55<path d="M8.40156 4.35555C8.40156 3.91372 8.75974 3.55555 9.20156 3.55555L10.8016 3.55555C11.2434 3.55555 11.6016 3.91372 11.6016 4.35555V15.6445C11.6016 16.0863 11.2434 16.4445 10.8016 16.4445L9.20156 16.4445C8.75973 16.4445 8.40156 16.0863 8.40156 15.6445L8.40156 4.35555Z" fill="currentColor" /> 56<path d="M13.2016 8.88888C13.2016 8.44705 13.5597 8.08888 14.0016 8.08888L15.6016 8.08888C16.0434 8.08888 16.4016 8.44705 16.4016 8.88888V15.6445C16.4016 16.0863 16.
560434 16.4445 15.6016 16.4445L14.0016 16.4445C13.5597 16.4445 13.2016 16.0863 13.2016 15.6445V8.88888Z" fill="currentColor" /> 57</svg> </div> <div class="text-light-grey-text text-center text-sm font-medium">AI Reports</div> <div class="absolute top-2 right-2 border-dark-grey/20 ml-auto flex size-4 shrink-0 items-center justify-center rounded border text-white peer-checked:border-transparent peer-checked:bg-linear-to-b peer-checked:from-[#617fe3] peer-checked:to-[#3e63dd]"> <svg fill="none" viewBox="0 0 18 18" class="size-3"> 58 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 59</svg> </div> </label> </div> <div class="mt-6 flex items-center justify-center"> <div class="group inline-flex flex-col gap-4 items-center" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label="AI Tools Module" data-testid="trial-cta"> Try Motion for free </a> </div> <div class="text-light-grey-text text-sm max-sm:text-center"> <p>Start your free trial. Cancel in 1 click.</p> </div> </div> </div> </div> </div>
59<script type="module">const s=document.getElementById("ai-tools-module");s&&(s.querySelectorAll('input[type="checkbox"]').forEach(e=>{e.addEventListener("change",()=>{if(e.checked){const t=e.closest("label");if(!t)return;l(t.dataset.featureVideoUrl)}})}),s.querySelectorAll("[data-advance]").forEach(e=>{e.addEventListener("click",()=>{const t=parseInt(e.dataset.advance,10),o=Array.from(document.querySelectorAll("#ai-tools-module [data-feature-data]")),r=o.find(d=>d.classList.contains("block"));let n=(parseInt(r.dataset.index,10)+t)%o.length;n<0&&(n=o.length-1);const u=o.find(d=>parseInt(d.dataset.index,10)===n);l(u.dataset.videoUrl)})}));function l(a){const c=document.querySelector("#ai-tools-module video");if(!a||!c)return;c.src=a,c.play(),document.querySelectorAll("#ai-tools-module [data-feature-data].block").forEach(t=>{t.classList.remove("block"),t.classList.add("hidden")});const e=document.querySelector(`#workplace-module [data-feature-data][data-video-url="${a}"]`);e&&(e.classList.remove("hidden"),e.classList.add("block"))}</script>
59 </div> </header> <section> <div class="container py-20"> <div> <p class="text-dark-grey mb-6 text-center leading-normal font-medium text-balance sm:text-lg"> <span>Over 1 million top performers and teams trust Motion</span> </p> <div class="grid place-content-center place-items-center gap-4 text-center max-lg:grid-cols-2 md:justify-center md:gap-8 lg:auto-cols-auto lg:grid-flow-col lg:grid-cols-none"> <img src="/cdn-cgi/image/onerror=redirect,width=150,height=72,format=webp/https://www-cdn.usemotion.com/logos/y-combinator.svg" alt="Y Combinator logo" loading="lazy" decoding="async" fetchpriority="auto" width="150" height="72"> <img src="/cdn-cgi/image/onerror=redirect,width=150,height=72,format=webp/https://www-cdn.usemotion.com/logos/on-deck.svg" alt="On Deck logo" loading="lazy" decoding="async" fetchpriority="auto" width="150" height="72"> <img src="/cdn-cgi/image/onerror=redirect,width=150,height=72,format=webp/https://www-cdn.usemotion.com/logos/efficient-app.svg" alt="Efficient App logo" loading="lazy" decoding="async" fetchpriority="auto" width="150" height="72"> <img src="/cdn-cgi/image/onerror=redirect,width=150,height=72,format=webp/https://www-cdn.usemotion.com/logos/sparkmate.svg" alt="Sparkmate logo" loading="lazy" decoding="async" fetchpriority="auto" width="150" height="72"> <img src="/cdn-cgi/image/onerror=redirect,width=150,height=69,format=webp/https://www-cdn.usemotion.com/logos/ally.png" alt="Ally Communications logo" loading="lazy" decoding="async" fetchpriority="auto" width="150" height="69"> </div> </div> </div> </section> <section class="from-primary-light group space-y-32 bg-linear-to-b to-white to-[200px] py-20"> <div class="container"> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-[34px] mb-4 text-center text-balance"> Motion is built for individuals and teams of all sizes </h2> <p class="text-light-grey-text text-center text-balance"> 60Whether you are an individual, a 20-person team, or a 1000-person business 61</p> <div class="mt-10 grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4 lg:gap-0"> <div class="flex flex-col rounded-lg border border-black/5 bg-white p-6 text-center text-sm lg:rounded-none lg:border-y-0 lg:border-r lg:border-l-0 lg:last-of-type:border-r-0"> <h3 class="mb-4 italic">âMotion saved me from under-performing at my job, I feel so much less stressed and finally have a healthy work-life balanceâ</h3> <p class="text-light-grey-text mt-auto text-balance">Matt J, Business Analyst</p> </div><div class="flex flex-col rounded-lg border border-black/5 bg-white p-6 text-center text-sm lg:rounded-none lg:border-y-0 lg:border-r lg:border-l-0 lg:last-of-type:border-r-0"> <h3 class="mb-4 italic">âMotion helped me get promoted 12 months faster than peersâ</h3> <p class="text-light-grey-text mt-auto text-balance">Jason H, Marketing Manager</p> </div><div class="flex flex-col rounded-lg border border-black/5 bg-white p-6 text-center text-sm lg:rounded-none lg:border-y-0 lg:border-r lg:border-l-0 lg:last-of-type:border-r-0"> <h3 class="mb-4 italic">âMotion helped make our business an extra $700k/year because we were able to complete client projects fasterâ</h3> <p class="text-light-grey-text mt-auto text-balance">Evan H, Business Owner</p> </div><div class="flex flex-col rounded-lg border border-black/5 bg-white p-6 text-center text-sm lg:rounded-none lg:border-y-0 lg:border-r lg:border-l-0 lg:last-of-type:border-r-0"> <h3 class="mb-4 italic">âMotion saved us whatâs equivalent to $250k a year of time previously wasted in emails and meetingsâ</h3> <p class="text-light-grey-text mt-auto text-balance">Sean H, COO</p> </div> </div> </div> <div class="container"> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-[34px] mb-8 text-center text-balance"> Stop using tech from the pre-AI era </h2> <div class="grid grid-cols-1 gap-2 md:grid-cols-2 md:gap-4 lg:gap-6 *:flex *:flex-col *:rounded-xl *:px-2 *:pb-2 md:*:rounded-3xl"> <div class="bg-light-grey"> <h3 class="font-display py-4 text-center text-xl font-semibold text-[#6f7788]"> 62Your existing, average tools 63</h3> <div class="h-full rounded-lg bg-white p-6 md:rounded-2xl"> <ul class="space-y-4"> <li class="flex gap-3"> <div class="bg-light-grey-text/50 mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full text-white"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" class="size-1.75 text-white"> 64<path fill-rule="evenodd" clip-rule="evenodd" d="M1.16004 17.5167C0.574257 18.1025 0.574257 19.0522 1.16004 19.638C1.74583 20.2238 2.69558 20.2238 3.28136 19.638L10.6104 12.309L17.9395 19.6382C18.5253 20.224 19.4751 20.224 20.0608 19.6382C20.6466 19.0524 20.6466 18.1026 20.0608 17.5169L12.7317 10.1877L20.0608 2.85851C20.6466 2.27273 20.6466 1.32298 20.0608 0.737191C19.4751 0.151405 18.5253 0.151405 17.9395 0.737191L10.6104 8.06636L3.28136 0.737373C2.69558 0.151586 1.74583 0.151586 1.16004 0.737373C0.574257 1.32316 0.574257 2.27291 1.16004 2.85869L8.48903 10.1877L1.16004 17.5167Z" fill="currentColor" /> 65</svg> </div> <div> <h4 class="font-semibold">Normal Task Manager</h4> <p class="text-light-grey-text">Endless lists, missed deadlines, forgotten tasks</p> </div> </li><li class="flex gap-3"> <div class="bg-light-grey-text/50 mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full text-white"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" class="size-1.75 text-white"> 66<path fill-rule="evenodd" clip-rule="evenodd" d="M1.16004 17.5167C0.574257 18.1025 0.574257 19.0522 1.16004 19.638C1.74583 20.2238 2.69558 20.2238 3.28136 19.638L10.6104 12.309L17.9395 19.6382C18.5253 20.224 19.4751 20.224 20.0608 19.6382C20.6466 19.0524 20.6466 18.1026 20.0608 17.5169L12.7317 10.1877L20.0608 2.85851C20.6466 2.27273 20.6466 1.32298 20.0608 0.737191C19.4751 0.151405 18.5253 0.151405 17.9395 0.737191L10.6104 8.06636L3.28136 0.737373C2.69558 0.151586 1.74583 0.151586 1.16004 0.737373C0.574257 1.32316 0.574257 2.27291 1.16004 2.85869L8.48903 10.1877L1.16004 17.5167Z" fill="currentColor" /> 67</svg> </div> <div> <h4 class="font-semibold">Normal Project Manager</h4> <p class="text-light-grey-text">Requires babysitting and hours of daily, manual work</p> </div> </li><li class="flex gap-3"> <div class="bg-light-grey-text/50 mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full text-white"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" class="size-1.75 text-white"> 68<path fill-rule="evenodd" clip-rule="evenodd" d="M1.16004 17.5167C0.574257 18.1025 0.574257 19.0522 1.16004 19.638C1.74583 20.2238 2.69558 20.2238 3.28136 19.638L10.6104 12.309L17.9395 19.6382C18.5253 20.224 19.4751 20.224 20.0608 19.6382C20.6466 19.0524 20.6466 18.1026 20.0608 17.5169L12.7317 10.1877L20.0608 2.85851C20.6466 2.27273 20.6466 1.32298 20.0608 0.737191C19.4751 0.151405 18.5253 0.151405 17.9395 0.737191L10.6104 8.06636L3.28136 0.737373C2.69558 0.151586 1.74583 0.151586 1.16004 0.737373C0.574257 1.32316 0.574257 2.27291 1.16004 2.85869L8.48903 10.1877L1.16004 17.5167Z" fill="currentColor" /> 69</svg> </div> <div> <h4 class="font-semibold">Normal Docs</h4> <p class="text-light-grey-text">Waste hours on drafting, reviewing, proofreading. Disorganized.</p> </div> </li><li class="flex gap-3"> <div class="bg-light-grey-text/50 mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full text-white"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" class="size-1.75 text-white"> 70<path fill-rule="evenodd" clip-rule="evenodd" d="M1.16004 17.5167C0.574257 18.1025 0.574257 19.0522 1.16004 19.638C1.74583 20.2238 2.69558 20.2238 3.28136 19.638L10.6104 12.309L17.9395 19.6382C18.5253 20.224 19.4751 20.224 20.0608 19.6382C20.6466 19.0524 20.6466 18.1026 20.0608 17.5169L12.7317 10.1877L20.0608 2.85851C20.6466 2.27273 20.6466 1.32298 20.0608 0.737191C19.4751 0.151405 18.5253 0.151405 17.9395 0.737191L10.6104 8.06636L3.28136 0.737373C2.69558 0.151586 1.74583 0.151586 1.16004 0.737373C0.574257 1.32316 0.574257 2.27291 1.16004 2.85869L8.48903 10.1877L1.16004 17.5167Z" fill="currentColor" /> 71</svg> </div> <div> <h4 class="font-semibold">Normal Calendar</h4> <p class="text-light-grey-text">Lots of conflicts, never enough time</p> </div> </li><li class="flex gap-3"> <div class="bg-light-grey-text/50 mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full text-white"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" class="size-1.75 text-white"> 72<path fill-rule="evenodd" clip-rule="evenodd" d="M1.16004 17.5167C0.574257 18.1025 0.574257 19.0522 1.16004 19.638C1.74583 20.2238 2.69558 20.2238 3.28136 19.638L10.6104 12.309L17.9395 19.6382C18.5253 20.224 19.4751 20.224 20.0608 19.6382C20.6466 19.0524 20.6466 18.1026 20.0608 17.5169L12.7317 10.1877L20.0608 2.85851C20.6466 2.27273 20.6466 1.32298 20.0608 0.737191C19.4751 0.151405 18.5253 0.151405 17.9395 0.737191L10.6104 8.06636L3.28136 0.737373C2.69558 0.151586 1.74583 0.151586 1.16004 0.737373C0.574257 1.32316 0.574257 2.27291 1.16004 2.85869L8.48903 10.1877L1.16004 17.5167Z" fill="currentColor" /> 73</svg> </div> <div> <h4 class="font-semibold">Normal Meetings</h4> <p class="text-light-grey-text">Take notes manually, miss important details</p> </div> </li><li class="flex gap-3"> <div class="bg-light-grey-text/50 mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full text-white"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" class="size-1.75 text-white"> 74<path fill-rule="evenodd" clip-rule="evenodd" d="M1.16004 17.5167C0.574257 18.1025 0.574257 19.0522 1.16004 19.638C1.74583 20.2238 2.69558 20.2238 3.28136 19.638L10.6104 12.309L17.9395 19.6382C18.5253 20.224 19.4751 20.224 20.0608 19.6382C20.6466 19.0524 20.6466 18.1026 20.0608 17.5169L12.7317 10.1877L20.0608 2.85851C20.6466 2.27273 20.6466 1.32298 20.0608 0.737191C19.4751 0.151405 18.5253 0.151405 17.9395 0.737191L10.6104 8.06636L3.28136 0.737373C2.69558 0.151586 1.74583 0.151586 1.16004 0.737373C0.574257 1.32316 0.574257 2.27291 1.16004 2.85869L8.48903 10.1877L1.16004 17.5167Z" fill="currentColor" /> 75</svg> </div> <div> <h4 class="font-semibold">Normal Search</h4> <p class="text-light-grey-text">Spend hours a week finding stuff</p> </div> </li><li class="flex gap-3"> <div class="bg-light-grey-text/50 mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full text-white"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" class="size-1.75 text-white"> 76<path fill-rule="evenodd" clip-rule="evenodd" d="M1.16004 17.5167C0.574257 18.1025 0.574257 19.0522 1.16004 19.638C1.74583 20.2238 2.69558 20.2238 3.28136 19.638L10.6104 12.309L17.9395 19.6382C18.5253 20.224 19.4751 20.224 20.0608 19.6382C20.6466 19.0524 20.6466 18.1026 20.0608 17.5169L12.7317 10.1877L20.0608 2.85851C20.6466 2.27273 20.6466 1.32298 20.0608 0.737191C19.4751 0.151405 18.5253 0.151405 17.9395 0.737191L10.6104 8.06636L3.28136 0.737373C2.69558 0.151586 1.74583 0.151586 1.16004 0.737373C0.574257 1.32316 0.574257 2.27291 1.16004 2.85869L8.48903 10.1877L1.16004 17.5167Z" fill="currentColor" /> 77</svg> </div> <div> <h4 class="font-semibold">Normal Workflows</h4> <p class="text-light-grey-text">Long SOPs that are difficult to follow</p> </div> </li><li class="flex gap-3"> <div class="bg-light-grey-text/50 mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full text-white"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" class="size-1.75 text-white"> 78<path fill-rule="evenodd" clip-rule="evenodd" d="M1.16004 17.5167C0.574257 18.1025 0.574257 19.0522 1.16004 19.638C1.74583 20.2238 2.69558 20.2238 3.28136 19.638L10.6104 12.309L17.9395 19.6382C18.5253 20.224 19.4751 20.224 20.0608 19.6382C20.6466 19.0524 20.6466 18.1026 20.0608 17.5169L12.7317 10.1877L20.0608 2.85851C20.6466 2.27273 20.6466 1.32298 20.0608 0.737191C19.4751 0.151405 18.5253 0.151405 17.9395 0.737191L10.6104 8.06636L3.28136 0.737373C2.69558 0.151586 1.74583 0.151586 1.16004 0.737373C0.574257 1.32316 0.574257 2.27291 1.16004 2.85869L8.48903 10.1877L1.16004 17.5167Z" fill="currentColor" /> 79</svg> </div> <div> <h4 class="font-semibold">Normal Busywork</h4> <p class="text-light-grey-text">Spend 90% of time on repetitive work</p> </div> </li> </ul> </div> </div> <div class="bg-[linear-gradient(122deg,#f6b2ab,#f4769c_34%,#ce5fd2_75%,#9e7edc)]"> <h3 class="font-display py-4 text-center text-xl font-semibold text-white">Motion's AI</h3>
79 <div class="flex h-full flex-col gap-4 rounded-lg bg-white p-6 md:rounded-2xl"> <ul class="space-y-4"> <li class="flex gap-3"> <div class="mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full bg-[#CDF0DD] text-white"> <svg fill="none" viewBox="0 0 18 18" class="size-2.75 text-[#1CAC5E]"> 80 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 81</svg> </div> <div> <h4 class="font-semibold">AI Task Planner</h4> <p class="text-light-grey-text">Automatically creates and prioritizes tasks</p> </div> </li><li class="flex gap-3"> <div class="mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full bg-[#CDF0DD] text-white"> <svg fill="none" viewBox="0 0 18 18" class="size-2.75 text-[#1CAC5E]"> 82 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 83</svg> </div> <div> <h4 class="font-semibold">AI Project Manager</h4> <p class="text-light-grey-text">Generates projects in seconds and manages statuses for you</p> </div> </li><li class="flex gap-3"> <div class="mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full bg-[#CDF0DD] text-white"> <svg fill="none" viewBox="0 0 18 18" class="size-2.75 text-[#1CAC5E]"> 84 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 85</svg> </div> <div> <h4 class="font-semibold">AI Docs Assistant</h4> <p class="text-light-grey-text">Drafts and proofreads in seconds. Organizes itself.</p> </div> </li><li class="flex gap-3"> <div class="mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full bg-[#CDF0DD] text-white"> <svg fill="none" viewBox="0 0 18 18" class="size-2.75 text-[#1CAC5E]"> 86 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 87</svg> </div> <div> <h4 class="font-semibold">AI Calendar Assistant</h4> <p class="text-light-grey-text">Plans your day for you and schedules meetings automatically</p> </div> </li><li class="flex gap-3"> <div class="mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full bg-[#CDF0DD] text-white"> <svg fill="none" viewBox="0 0 18 18" class="size-2.75 text-[#1CAC5E]"> 88 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 89</svg> </div> <div> <h4 class="font-semibold">AI Meeting Notetaker</h4> <p class="text-light-grey-text">Takes perfect notes and follows-up with action items for you</p> </div> </li><li class="flex gap-3"> <div class="mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full bg-[#CDF0DD] text-white"> <svg fill="none" viewBox="0 0 18 18" class="size-2.75 text-[#1CAC5E]"> 90 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 91</svg> </div> <div> <h4 class="font-semibold">AI Search Assistant</h4> <p class="text-light-grey-text">Instantly finds anything - docs, notes, project, task, communication</p> </div> </li><li class="flex gap-3"> <div class="mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full bg-[#CDF0DD] text-white"> <svg fill="none" viewBox="0 0 18 18" class="size-2.75 text-[#1CAC5E]"> 92 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 93</svg> </div> <div> <h4 class="font-semibold">AI Workflow Builder</h4> <p class="text-light-grey-text">Automatically builds workflows based on SOPs</p> </div> </li><li class="flex gap-3"> <div class="mt-1.25 flex size-3.5 shrink-0 items-center justify-center rounded-full bg-[#CDF0DD] text-white"> <svg fill="none" viewBox="0 0 18 18" class="size-2.75 text-[#1CAC5E]"> 94 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 95</svg> </div> <div> <h4 class="font-semibold">AI Personal Assistant</h4> <p class="text-light-grey-text">Focus on real work, let AI handle repetitive stuff</p> </div> </li> </ul> </div> </div> </div> <div class="mt-10 flex w-full flex-col items-center"> <div class="group inline-flex flex-col gap-4 items-center" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label=""Stop using tech from the pre-AI era" Section" data-testid="trial-cta"> Try Motion for free </a> </div> <div class="text-light-grey-text text-sm max-sm:text-center"> <p>Start your free trial. Cancel in 1 click.</p> </div> </div> </div> </div> <div class="container"> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-5xl/tight mb-8 text-center text-balance md:mb-12 lg:mb-16 lg:text-6xl/tight"> AI Task Planner </h2> <div class="grid grid-cols-1 lg:gap-12 lg:grid-cols-[2fr_3fr]" data-component="accordion"> <div class="hidden lg:block lg:order-2"> <div class="sticky top-28" data-slot="media"> <div> <video class="overflow-hidden rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/messy-tasks-to-schedule.mp4" type="video/mp4"> </video> </div> </div> </div> <ul class="flex flex-col"> <li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:
95pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Task Planner" value="Motion's AI detects and prioritizes your most urgent and important tasks, automatically" class="peer gtfo" checked> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Motion's AI detects and prioritizes your most urgent and important tasks, automatically </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 96<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 97</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Motion takes all of of your projects and tasks â their priorities, dependencies, deadlines, durations, and more â and prioritizes them based on your preferences. It builds a perfect plan that optimizes itself hundreds of times a day, automatically.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/messy-tasks-to-schedule.mp4" type="video/mp4"> </video> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Task Planner" value="Do Date â Due Date. Motion's AI ensures you'll never miss a deadline" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Do Date â Due Date. Motion's AI ensures you'll never miss a deadline </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 98<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 99</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Just because you put a due date on something doesnât mean itâll get done. Motionâs AI creates the perfect plan by matching between your workload and time. When Motion thinks a task is at-risk, it proactively warns you days or weeks in advance.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <img src="/cdn-cgi/image/onerror=redirect,width=1220,height=864,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/due-date.png" alt="Do Date â Due Date. Motion's AI ensures you'll never miss a deadline" loading="lazy" decoding="async" fetchpriority="auto" width="1220" height="864" class="h-full w-full overflow-hidden rounded-xl object-contain object-center"> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Task Planner" value="Gather all tasks from other apps in one global list, automatically" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Gather all tasks from other apps in one global list, automatically </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 100<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 101</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Create tasks in Motion from anywhere â forward Gmail/Outlook/iCloud emails, turn Zoom/Meet/Teams meetings or Slack/Teams messages into tasks, or tell Siri to add tasks via voice command.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <img src="/cdn-cgi/image/onerror=redirect,width=1220,height=864,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/tasks-from-other
101-places.png" alt="Gather all tasks from other apps in one global list, automatically" loading="lazy" decoding="async" fetchpriority="auto" width="1220" height="864" class="h-full w-full overflow-hidden rounded-xl object-contain object-center"> </div> </div> </div> </li> </ul> </div>
101<script type="module" src="/_astro/Accordion.astro_astro_type_script_index_0_lang.DN3_zQGt.js"></script>
101 <div class="mt-8 flex items-center justify-center"> <div class="group inline-flex flex-col gap-4 items-center" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label="AI Task Planner Section" data-testid="trial-cta"> Try Motion for free </a> </div> <div class="text-light-grey-text text-sm max-sm:text-center"> <p>Start your free trial. Cancel in 1 click.</p> </div> </div> </div> </div><div class="container"> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-5xl/tight mb-8 text-center text-balance md:mb-12 lg:mb-16 lg:text-6xl/tight"> AI Project Manager </h2> <div class="grid grid-cols-1 lg:grid-cols-[3fr_2fr] lg:gap-12" data-component="accordion"> <div class="hidden lg:block"> <div class="sticky top-28" data-slot="media"> <div> <video class="overflow-hidden rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/create-project-with-ai.mp4" type="video/mp4"> </video> </div> </div> </div> <ul class="flex flex-col"> <li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Project Manager" value="Create entire projects with AI. Save 4 hours per project" class="peer gtfo" checked> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Create entire projects with AI. Save 4 hours per project </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 102<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 103</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>No more creating hundreds of tasks one by one. Describe your project and add relevant docs. Motion instantly builds the entire project â tasks with deadlines and assignees, project stages, and more.<br/><br/>Motion is over 90% accurate out of the box. All you need to do? A quick review and final polish.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/create-project-with-ai.mp4" type="video/mp4"> </video> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Project Manager" value="Stop babysitting your project list and chasing your team for updates" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Stop babysitting your project list and chasing your team for updates </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 104<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 105</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Projects in Motion get done 32% faster by eliminating idle time between tasks.<br/><br/>Motion keeps work moving â automatically updating statuses, assigning next steps, and flagging delays.<br/><br/>No more endless emails, pings, or meetings just to check in.<br/><br/>You get full visibility into progress and automatic reports for every project âwithout the micromanaging.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/project-visibility.mp4" type="video/mp4"> </video> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:
105pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Project Manager" value="Reclaim 10+ hours a week from busywork" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Reclaim 10+ hours a week from busywork </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 106<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 107</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Motion analyzes your team's work â tasks, projects, deadlines, assignees, priorities, dependencies, and more. Then builds the optimal plan for every team member.<br/><br/>Motion auto-updates the plan with every change â like missed deadlines or new priorities. No 1-hour resync meetings needed.<br/><br/>Stop using ancient, manual spreadsheets.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/project-tasks-to-calendar.mp4" type="video/mp4"> </video> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Project Manager" value="Communicate and collaborate right inside Motion - skip endless Slack and emails without context" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Communicate and collaborate right inside Motion - skip endless Slack and emails without context </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 108<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 109</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Ask your teammates questions right inside a project, task, doc, or anywhere in Motion - communication should happen where the context is.<br/><br/>Every relevant person should see the full discussion on every important decision.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <img src="/cdn-cgi/image/onerror=redirect,width=1206,height=848,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/comments.png" alt="Communicate and collaborate right inside Motion - skip endless Slack and emails without context" loading="lazy" decoding="async" fetchpriority="auto" width="1206" height="848" class="h-full w-full overflow-hidden rounded-xl object-contain object-center"> </div> </div> </div> </li> </ul> </div> <div class="mt-8 flex items-center justify-center"> <div class="group inline-flex flex-col gap-4 items-center" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label="AI Project Manager Section" data-testid="trial-cta"> Try Motion for free </a> </div> <div class="text-light-grey-text text-sm max-sm:text-center"> <p>Start your free trial. Cancel in 1 click.</p> </div> </div> </div> </div><div class="container"> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-5xl/tight mb-8 text-center text-balance md:mb-12 lg:mb-16 lg:text-6xl/tight"> AI Meeting Notetaker </h2> <div class="grid grid-cols-1 lg:gap-12 lg:grid-cols-[2fr_3fr]" data-component="accordion"> <div class="hidden lg:block lg:order-2"> <div class="sticky top-28" data-slot="media"> <div> <video class="overflow-hidden rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/ai-notetaker.mp4" type="video/mp4"> </video> </div> </div> </div> <ul class="flex flex-col"> <li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:
109pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Meeting Notetaker" value="Your AI executive assistant for every meeting" class="peer gtfo" checked> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Your AI executive assistant for every meeting </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 110<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 111</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Stop juggling note-taking, listening, and speaking. Motionâs AI takes perfect notes so you can focus on the meeting.<br/><br/>Trained on 10K+ hours of proprietary meeting video data, Motion's Notetaker is more accurate than human notes 80% of the time â and just as good as the rest.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/ai-notetaker.mp4" type="video/mp4"> </video> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Meeting Notetaker" value="More than notes â summaries, action Items & follow-ups" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> More than notes â summaries, action Items & follow-ups </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 112<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 113</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Worried youâll forget an action item? Motion autogenerates action items and assigns them.<br/><br/>Canât attend? Get the key takeaways in 30 seconds with an AI summary.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/notetaker-action-items.mp4" type="video/mp4"> </video> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Meeting Notetaker" value="Don't waste 20 minutes after every meeting writing a follow-up email: let Motion's email assistant handle that" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Don't waste 20 minutes after every meeting writing a follow-up email: let Motion's email assistant handle that </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 114<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 115</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>After a meeting, Motion can send a follow-up email to all attendees with summaries, notes, and action items.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <img src="/cdn-cgi/image/onerror=redirect,width=1218,height=864,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/meeting-notes-recap-email.png" alt="Don't waste 20 minutes after every meeting writing a follow-up email: let Motion's email assistant handle that" loading="lazy" decoding="async" fetchpriority="auto" width="1218" height="864" class="h-full w-full overflow-hidden rounded-xl object-contain object-center"> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:
115pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Meeting Notetaker" value="Still want to take your own notes? Your notes get combined with AI" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Still want to take your own notes? Your notes get combined with AI </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 116<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 117</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Donât completely trust AI to take notes? No problem. Write down key points and Motionâs AI will magically combine its notes and yours for the full picture.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <img src="/cdn-cgi/image/onerror=redirect,width=1218,height=864,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/meeting-notes-ai-notes.png" alt="Still want to take your own notes? Your notes get combined with AI" loading="lazy" decoding="async" fetchpriority="auto" width="1218" height="864" class="h-full w-full overflow-hidden rounded-xl object-contain object-center"> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Meeting Notetaker" value="The ONLY AI Notetaker that integrates perfectly with Docs, Calendar, Task Planner, and Project Manager" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> The ONLY AI Notetaker that integrates perfectly with Docs, Calendar, Task Planner, and Project Manager </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 118<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 119</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Summaries, notes, recordings, and transcripts automatically become a Motion doc, linked right within Motion Calendar.<br/><br/>Action items directly become tasks in Motion, assigned to the correct person and organized under the correct project.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/notetaker-connected.mp4" type="video/mp4"> </video> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Meeting Notetaker" value="Recordings and full transcripts for you to review, labeled with AI" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Recordings and full transcripts for you to review, labeled with AI </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 120<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 121</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Want to jump back to review part of the meeting? No problem - Motion provides recording and transcript for every meeting.<br/><br/>The summary and notes are labeled with which part of the meeting they come from, so you can instantly go to the minute-mark you need.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/notetaker-time-stamp.mp4" type="video/mp4"> </video> </div> </div> </div> </li> </ul> </div> <div class="mt-8 flex items-center justify-center"> <div class="group inline-flex flex-col gap-4 items-center" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label="AI Meeting Notetaker Section" data-testid="trial-cta"> Try Motion for free </a> </div> <div class="text-light-grey-text text-sm max-sm:text-center"> <p>Start your free trial. Cancel in 1 click.</p> </div> </div> </div> </div><div class="container"> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-5xl/tight mb-8 text-center text-balance md:mb-12 lg:mb-16 lg:text-6xl/tight"> AI Docs Assistant </h2> <div class="grid grid-cols-1 lg:grid-cols-[3fr_2fr] lg:gap-12" data-component="accordion"> <div class="hidden lg:block"> <div class="sticky top-28" data-slot="media"> <div> <video class="overflow-hidden rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/doc-create-task.mp4" type="video/mp4"> </video> </div> </div> </div> <ul class="flex flex-col"> <li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:
121pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Docs Assistant" value="Motion's AI transforms words in docs into organized projects and tasks" class="peer gtfo" checked> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Motion's AI transforms words in docs into organized projects and tasks </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 122<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 123</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Messy notes? Long brainstorms? Motionâs AI turns them into clean tasks and organized projects â automatically.<br/><br/>No more wasting time turning thoughts into to-dos. Just ask AI to create a task mid-thought â without breaking your flow.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/doc-create-task.mp4" type="video/mp4"> </video> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Docs Assistant" value="No more scattered and forgotten tasks inside hundreds of notes" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> No more scattered and forgotten tasks inside hundreds of notes </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 124<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 125</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Tasks buried in long or old notes? Motion finds them â even five folders deep â and pulls them into one clean, central view.<br/><br/>You might forget a task in a note from five weeks ago. Motion wonât.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <img src="/cdn-cgi/image/onerror=redirect,width=1218,height=864,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/messy-notes-to-organized-tasks.png" alt="No more scattered and forgotten tasks inside hundreds of notes" loading="lazy" decoding="async" fetchpriority="auto" width="1218" height="864" class="h-full w-full overflow-hidden rounded-xl object-contain object-center"> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Docs Assistant" value="Create docs â notes, processes, wikis, pages â all in one place" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Create docs â notes, processes, wikis, pages â all in one place </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 126<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 127</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Write notes, brainstorm ideas, document processes, or build your company wiki. Set docs as private to you or viewable to your team.<br/><br/>Need to share a doc? Instantly publish any doc as a shareable link or even a live website.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <img src="/cdn-cgi/image/onerror=redirect,width=1218,height=865,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/docs.png" alt="Create docs â notes, processes, wikis, pages â all in one place" loading="lazy" decoding="async" fetchpriority="auto" width="1218" height="865" class="h-full w-full overflow-hidden rounded-xl object-contain object-center"> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:
127pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Docs Assistant" value="AI that actually knows all your work" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> AI that actually knows all your work </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 128<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 129</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Motion isnât a generic or fragmented AI assistant. Motion includes your docs, tasks, projects, and calendar â which gives it the context to hyper personalize everything it produces for you. You donât need to spend hours writing prompts and giving it context.<br/><br/><ul class="list-disc list-inside"><li>Create, edit, and summarize content with AI</li><li>Search across all your notes and docs instantly</li><li>Ask anything. Motion finds the answer fast.</li></ul></p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/doc-write-content.mp4" type="video/mp4"> </video> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Docs Assistant" value="A single home for everything you do" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> A single home for everything you do </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 130<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 131</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Embed tasks, projects, tables, images, attachments, and much more directly inside docs, so that you have all the context and never lose focus.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/doc-open-project.mp4" type="video/mp4"> </video> </div> </div> </div> </li> </ul> </div> <div class="mt-8 flex items-center justify-center"> <div class="group inline-flex flex-col gap-4 items-center" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label="AI Docs Assistant Section" data-testid="trial-cta"> Try Motion for free </a> </div> <div class="text-light-grey-text text-sm max-sm:text-center"> <p>Start your free trial. Cancel in 1 click.</p> </div> </div> </div> </div><div class="container"> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-5xl/tight mb-8 text-center text-balance md:mb-12 lg:mb-16 lg:text-6xl/tight"> AI Calendar Assistant </h2> <div class="grid grid-cols-1 lg:gap-12 lg:grid-cols-[2fr_3fr]" data-component="accordion"> <div class="hidden lg:block lg:order-2"> <div class="sticky top-28" data-slot="media"> <div> <video class="overflow-hidden rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/calendar-autoschedule.mp4" type="video/mp4"> </video> </div> </div> </div> <ul class="flex flex-col"> <li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:
131pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Calendar Assistant" value="Have an AI assistant schedule your day" class="peer gtfo" checked> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Have an AI assistant schedule your day </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 132<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 133</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Motion takes all of your projects and tasks, prioritizes and timeblocks them on your calendar, and dynamically optimizes your schedule dozens of times a day, all done automatically. Your plan will always be perfect and up-to-date.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/calendar-autoschedule.mp4" type="video/mp4"> </video> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Calendar Assistant" value="Always know exactly what to work on next" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Always know exactly what to work on next </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 134<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 135</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Motion will always tell you whatâs the best task to work on at any moment, by optimizing across all your projects & tasks, their deadlines, priorities, dependencies...etc</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <img src="/cdn-cgi/image/onerror=redirect,width=1218,height=864,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/most-important-task.png" alt="Always know exactly what to work on next" loading="lazy" decoding="async" fetchpriority="auto" width="1218" height="864" class="h-full w-full overflow-hidden rounded-xl object-contain object-center"> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Calendar Assistant" value="Automatically re-plan your day whenever anything changes" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Automatically re-plan your day whenever anything changes </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 136<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 137</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Plans change all the time. With traditional planning tools, you waste 15 minutes adjusting your plan each time something changes. Motion does this automatically for you.<br/><br/>Motion's optimization algorithm combined with AI ensures your schedule is always optimized, across both work and personal lives, to your preferences.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/daily-calendar-reschedule.mp4" type="video/mp4"> </video> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:
137pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Calendar Assistant" value="Combine all your calendars - work or personal" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Combine all your calendars - work or personal </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 138<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 139</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Turn all of your calendar accounts - Outlook, Google, or iCloud - into a single interface. Never get double-booked between work and personal lives.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <img src="/cdn-cgi/image/onerror=redirect,width=1218,height=864,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/combine-all-calendars.png" alt="Combine all your calendars - work or personal" loading="lazy" decoding="async" fetchpriority="auto" width="1218" height="864" class="h-full w-full overflow-hidden rounded-xl object-contain object-center"> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Calendar Assistant" value="Schedule meetings in seconds â automatically" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Schedule meetings in seconds â automatically </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 140<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 141</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Motion creates meeting booking pages, shows your availability, and schedules meetings at ideal times that maximize your focus time.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <img src="/cdn-cgi/image/onerror=redirect,width=1218,height=864,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/booking-link.png" alt="Schedule meetings in seconds â automatically" loading="lazy" decoding="async" fetchpriority="auto" width="1218" height="864" class="h-full w-full overflow-hidden rounded-xl object-contain object-center"> </div> </div> </div> </li> </ul> </div> <div class="mt-8 flex items-center justify-center"> <div class="group inline-flex flex-col gap-4 items-center" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label="AI Calendar Assistant Section" data-testid="trial-cta"> Try Motion for free </a> </div> <div class="text-light-grey-text text-sm max-sm:text-center"> <p>Start your free trial. Cancel in 1 click.</p> </div> </div> </div> </div><div class="container"> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-5xl/tight mb-8 text-center text-balance md:mb-12 lg:mb-16 lg:text-6xl/tight"> AI Workflows Builder </h2> <div class="grid grid-cols-1 lg:grid-cols-[3fr_2fr] lg:gap-12" data-component="accordion"> <div class="hidden lg:block"> <div class="sticky top-28" data-slot="media"> <div> <video class="overflow-hidden rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/doc-to-workflow.mp4" type="video/mp4"> </video> </div> </div> </div> <ul class="flex flex-col"> <li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:
141pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Workflows Builder" value="Turn SOP docs into Motion workflows in seconds with AI" class="peer gtfo" checked> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Turn SOP docs into Motion workflows in seconds with AI </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 142<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 143</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p><strong>Step 1:</strong> Use Motion's AI Docs to create a Standard Operating Procedures (SOP) draft.<br/><br/><strong>Example:</strong> Create an SOP that explains how to onboard new employees.<br/><br/><strong>Step 2:</strong> Use Motion's AI Project Manager to turn the SOP draft into a step-by-step workflow with action items.<br/><br/><strong>Example:</strong> Create a workflow in Motion using your employee onboarding SOP. This workflow is a template that includes all of the projects and tasks to onboard a new employee.<br/><br/><strong>Step 3:</strong> Turn the workflow into a Motion project and automatically assign the work with Motion's AI Task Planner.<br/><br/><strong>Example:</strong> You hire a new employee and use the workflow to automatically create a project with all of the tasks to onboard your new employee. Motion automatically assigns the tasks to the right people.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/doc-to-workflow.mp4" type="video/mp4"> </video> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Workflows Builder" value="A process your team members can actually follow" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> A process your team members can actually follow </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 144<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 145</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Your team members should focus on execution instead of learning complicated SOPs and project management. Motionâs AI automatically prioritizes a simple task list for each member based on your entire teamâs projects and tasks.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <video class="rounded-xl" autoplay muted="true" loop playsinline data-lazy="true"> <source data-src="https://www-cdn.usemotion.com/pages/homepage/v1/workflow-create-project.mp4" type="video/mp4"> </video> </div> </div> </div> </li> </ul> </div> <div class="mt-8 flex items-center justify-center"> <div class="group inline-flex flex-col gap-4 items-center" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label="AI Workflows Builder Section" data-testid="trial-cta"> Try Motion for free </a> </div> <div class="text-light-grey-text text-sm max-sm:text-center"> <p>Start your free trial. Cancel in 1 click.</p> </div> </div> </div> </div><div class="container"> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-5xl/tight mb-8 text-center text-balance md:mb-12 lg:mb-16 lg:text-6xl/tight"> AI Business Intelligence </h2> <div class="grid grid-cols-1 lg:gap-12 lg:grid-cols-[2fr_3fr]" data-component="accordion"> <div class="hidden lg:block lg:order-2"> <div class="sticky top-28" data-slot="media"> <div> <img src="/cdn-cgi/image/onerror=redirect,width=1206,height=849,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/gantt-overdue.png" alt="Always know exactly when a project will finish" loading="lazy" decoding="async" fetchpriority="auto" width="1206" height="849" class="h-full w-full overflow-hidden rounded-xl object-contain object-center"> </div> </div> </div> <ul class="flex flex-col"> <li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:
145pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Business Intelligence" value="Always know exactly when a project will finish" class="peer gtfo" checked> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Always know exactly when a project will finish </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 146<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 147</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Motion predicts the ETA of every project based on your team's capacity, and all the other ongoing projects. As soon as a project is off-track, Motion alerts you so that you can course-correct before it's too late.<br/><br/>Complete peace of mind - never find out last minute a project won't meet deadline. Nothing ever slips through the crack.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <img src="/cdn-cgi/image/onerror=redirect,width=1206,height=849,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/gantt-overdue.png" alt="Always know exactly when a project will finish" loading="lazy" decoding="async" fetchpriority="auto" width="1206" height="849" class="h-full w-full overflow-hidden rounded-xl object-contain object-center"> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Business Intelligence" value="Stop overwhelming your team with overly aggressive deadlines" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Stop overwhelming your team with overly aggressive deadlines </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 148<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 149</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Through our optimization engine, Motion can tell you how much over or under capacity an employee is, so that you can rebalance work.<br/><br/>You'll never have wasted human resources sitting on the sidelines or burnt-out employees with an impossible workload.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <img src="/cdn-cgi/image/onerror=redirect,width=1206,height=849,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/teammate-over-capacity.png" alt="Stop overwhelming your team with overly aggressive deadlines" loading="lazy" decoding="async" fetchpriority="auto" width="1206" height="849" class="h-full w-full overflow-hidden rounded-xl object-contain object-center"> </div> </div> </div> </li><li class="group rounded-r-xl border-l border-black/10 pl-0.75 transition-colors hocus-within:border-l-4 not-has-checked:hocus:bg-black/2 hocus-within:pl-0 has-checked:border-l-4 has-checked:border-[#469FE7] has-checked:bg-[#F1FAFF] has-checked:pl-0"> <label class="peer flex cursor-pointer items-center justify-between gap-2 p-6 has-checked:pb-3"> <input type="radio" name="AI Business Intelligence" value="Analyze your business and processes with AI-powered dashboards to get 40% more efficient" class="peer gtfo"> <h3 class="font-display group-hocus:text-black text-xl font-semibold text-[#848B97] transition-colors peer-checked:text-black"> Analyze your business and processes with AI-powered dashboards to get 40% more efficient </h3> <svg width="13" height="12" viewBox="0 0 13 12" fill="none" class="size-5 shrink-0 opacity-40 transition-transform peer-checked:rotate-180"> 150<path d="M2.5 4.5L6.5 8.5L10.5 4.5" stroke="currentColor" stroke-width="1.75" /> 151</svg> </label> <div class="hidden px-6 pb-6 text-sm text-[#495161] peer-has-checked:block"> <p>Motion's intelligent dashboards helps you visualize where your bottlenecks are and how to be more efficient.<br/><br/>Understand the exact ROI of every project so you can allocate your resources correctly.<br/><br/>
151Motion customers often see a 40% jump in efficiency after analyzing their productivity.</p> <div class="mt-6 lg:hidden" data-slot="media"> <div> <img src="/cdn-cgi/image/onerror=redirect,width=1206,height=848,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/dashboard-charts.png" alt="Analyze your business and processes with AI-powered dashboards to get 40% more efficient" loading="lazy" decoding="async" fetchpriority="auto" width="1206" height="848" class="h-full w-full overflow-hidden rounded-xl object-contain object-center"> </div> </div> </div> </li> </ul> </div> <div class="mt-8 flex items-center justify-center"> <div class="group inline-flex flex-col gap-4 items-center" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label="AI Business Intelligence Section" data-testid="trial-cta"> Try Motion for free </a> </div> <div class="text-light-grey-text text-sm max-sm:text-center"> <p>Start your free trial. Cancel in 1 click.</p> </div> </div> </div> </div> </section> <section class="from-primary-light bg-gradient-to-t to-white py-16"> <div class="container mb-8"> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-5xl/tight text-center text-balance"> What Individual Users say about Motion </h2> </div> <div style="--carousel-padding: max(1rem, calc(50% - 600px));" data-component="carousel"> <div class="mb-12 px-[var(--carousel-padding)]"> <div class="flex flex-col items-center justify-center gap-8 md:flex-row md:gap-4"> <div class="text-light-grey-text/50 flex flex-row gap-4"> <button type="button" data-move-by="-1" class="hover:text-dark-grey cursor-pointer transition-colors"><svg width="32" height="32" viewBox="0 0 32 32" fill="none"> 152<path d="M14 6L4 16M4 16L14 26M4 16H28" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> 153</svg></button> <button type="button" data-move-by="1" class="hover:text-dark-grey cursor-pointer transition-colors"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" class="rotate-180"> 154<path d="M14 6L4 16M4 16L14 26M4 16H28" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> 155</svg></button> </div> </div> </div> <div class="[container-type:inline-size] relative flex snap-x snap-mandatory gap-4 overflow-x-auto scroll-smooth *:shrink-0 *:snap-center *:snap-always [scroll-padding-inline:var(--carousel-padding)] px-[var(--carousel-padding)] pb-2 [scrollbar-width:none] *:w-full md:*:w-3/4 lg:*:w-1/3" data-component="carousel-scroller"> <div class="flex flex-col rounded-xl border border-black/10 bg-white p-4 shadow-md"> <p class="mb-4 font-semibold">Find time for a workaholic</p> <p class="text-light-grey-text pb-10 text-base/relaxed">âI work ~375 hours a month. Keeping up with work, volunteer, and personal life tasks has become a challenge, and I have been consistently dropping the ball. I have found that with Motion I am dropping that ball less and staying much more focused on what needs to be done, rather than trying to figure out what needs to be done.â</p> <div class="text-light-grey-text mt-auto flex items-center justify-between"> <p class="text-xs">Vanessa G (Verified User on G2)</p> <img src="/cdn-cgi/image/onerror=redirect,width=20,height=20,format=webp/https://www-cdn.usemotion.com/logos/g2.svg" alt="G2 logo" loading="lazy" decoding="async" fetchpriority="auto" width="20" height="20" class="size-5"> </div> </div><div class="flex flex-col rounded-xl border border-black/10 bg-white p-4 shadow-md"> <p class="mb-4 font-semibold">The Happiness Algorithm</p> <p class="text-light-grey-text pb-10 text-base/relaxed">âI donât usually write reviews. But Motion is revolutionary. The happiness algorithm they promote states it will help you: feel accomplished, get serious stuff done, and relax and sleep better. Check, check, and check. After week and half of use, I think my productivity is up 10x.â</p> <div class="text-light-grey-text mt-auto flex items-center justify-between"> <p class="text-xs">js5993</p> <img src="/cdn-cgi/image/onerror=redirect,width=20,height=20,format=webp/https://www-cdn.usemotion.com/logos/app-store.svg" alt="App Store logo" loading="lazy" decoding="async" fetchpriority="auto" width="20" height="20" class="size-5"> </div> </div><div class="flex flex-col rounded-xl border border-black/10 bg-white p-4 shadow-md"> <p class="mb-4 font-semibold">Changed my life.</p> <p class="text-light-grey-text pb-10 text-base/relaxed">âMotion helps me be reasonable with my time. Before Motion, I was just go-go-go. Now, I realize how much I am putting on my plate and how unreasonable I'm being. Motion helps me prioritize my tasks and keep me on track. I use it everyday.â</p> <div class="text-light-grey-text mt-auto flex items-center justify-between"> <p class="text-xs">Charlotte R (Verified User on G20)</p> <img src="/cdn-cgi/image/onerror=redirect,width=20,height=20,format=webp/https://www-cdn.usemotion.com/logos/g2.svg" alt="G2 logo" loading="lazy" decoding="async" fetchpriority="auto" width="20" height="20" class="size-5"> </div> </div><div class="flex flex-col rounded-xl border border-black/10 bg-white p-4 shadow-md"> <p class="mb-4 font-semibold">This app is a game changer</p> <p class="text-light-grey-text pb-10 text-base/relaxed">âI run a commercial commercial construction company and this app has been a game changer. As far as organization time management and project timelines it is phenomenal. This is probably the only application I use on a daily basis to help organize jobs tasks within jobs and my weekly schedule.â</p> <div class="text-light-grey-text mt-auto flex items-center justify-between"> <p class="text-xs">mbxer</p> <img src="/cdn-cgi/image/onerror=redirect,width=20,height=20,format=webp/https://www-cdn.usemotion.com/logos/app-store.svg" alt="App Store logo" loading="lazy" decoding="async" fetchpriority="auto" width="20" height="20" class="size-5"> </div> </div><div class="flex flex-col rounded-xl border border-black/10 bg-white p-4 shadow-md"> <p class="mb-4 font-semibold">Motion has been my best friend in overcoming executive dysfunction.</p> <p class="text-light-grey-text pb-10 text-base/relaxed">âI struggle greatly with procrastination and Motion has been instrumental in my academic and professional successes. Motion has taken the stress away from planning my daily workflow and it has helped me avoid many instances of execution paralysis. This has helped me enjoy my free time more, knowing that I will be able to get everything done on time.â</p> <div class="text-light-grey-text mt-auto flex items-center justify-between"> <p class="text-xs">Kate B (Verified User on G2)</p> <img src="/cdn-cgi/image/onerror=redirect,width=20,height=20,format=webp/https://www-cdn.usemotion.com/logos/g2.svg" alt="G2 logo" loading="lazy" decoding="async" fetchpriority="auto" width="20" height="20" class="size-5"> </div> </div><div class="flex flex-col rounded-xl border border-black/10 bg-white p-4 shadow-md"> <p class="mb-4 font-semibold">Motion: The app that helps me manage my ADHD</p> <p class="text-light-grey-text pb-10 text-base/relaxed">âAs someone with ADHD who struggles to stay focused and organized, I found greÂat joy in discovering the Motion app. This invaluable tool has beÂcome a lifeline, allowing me to effectively manage projects, priorities, and scheduleÂs â while accommodating my ADHD brain.â</p> <div class="text-light-grey-text mt-auto flex items-center justify-between"> <p class="text-xs">Francis M (Verified User on G2)</p> <img src="/cdn-cgi/image/onerror=redirect,width=20,height=20,format=webp/https://www-cdn.usemotion.com/logos/g2.svg" alt="G2 logo" loading="lazy" decoding="async" fetchpriority="auto" width="20" height="20" class="size-5"> </div> </div><div class="flex flex-col rounded-xl border border-black/10 bg-white p-4 shadow-md"> <p class="mb-4 font-semibold">The current tool I'm in love with is @useMotion</p> <p class="text-light-grey-text pb-10 text-base/relaxed">âAs someone with ADHD who struggles to stay focused and organized, I found greÂat joy in discovering the Motion app. This invaluable tool has beÂcome a lifeline, allowing me to effectively manage projects, priorities, and scheduleÂs â while accommodating my ADHD brain.â</p> <div class="text-light-grey-text mt-auto flex items-center justify-between"> <p class="text-xs">@taayjus</p> <img src="/cdn-cgi/image/onerror=redirect,width=20,height=20,format=webp/https://www-cdn.usemotion.com/logos/x.svg" alt="X logo" loading="lazy" decoding="async" fetchpriority="auto" width="20" height="20" class="size-4"> </div> </div><div class="flex flex-col rounded-xl border border-black/10 bg-white p-4 shadow-md"> <p class="mb-4 font-semibold">After a few days with @useMotion, I can see this becoming my go-to app</p> <p class="text-light-grey-text pb-10 text-base/relaxed">âI dumped all of my tasks into the app with some hard and soft deadlines and it managed to schedule my days beautifully. If things come up and I can't complete the task, it gets re-shuffled!â</p> <div class="text-light-grey-text mt-auto flex items-center justify-between"> <p class="text-xs">@MarkPoppen</p> <img src="/cdn-cgi/image/onerror=redirect,width=20,height=20,format=webp/https://www-cdn.usemotion.com/logos/x.svg" alt="X logo" loading="lazy" decoding="async" fetchpriority="auto" width="20" height="20" class="size-4"> </div> </div><div class="flex flex-col rounded-xl border border-black/10 bg-white p-4 shadow-md"> <p class="mb-4 font-semibold">Use it everyday</p> <p class="text-light-grey-text pb-10 text-base/relaxed">âOriginally, I trialed Motion and a competing app. I decided to go with the competitor. But after several months, I had an epiphany of why Motion was better. It handled rescheduling in a much more automated and intuitive way! I switched back and I use it to plan everything.â</p> <div class="text-light-grey-text mt-auto flex items-center justify-between"> <p class="text-xs">DmitriNYC</p> <img src="/cdn-cgi/image/onerror=redirect,width=20,height=20,format=webp/https://www-cdn.usemotion.com/logos/app-store.svg" alt="App Store logo" loading="lazy" decoding="async" fetchpriority="auto" width="20" height="20" class="size-5"> </div> </div> </div> </div>
155<script type="module" src="/_astro/Carousel.astro_astro_type_script_index_0_lang.CAdjhA-l.js"></script>
155 </section> <section class="py-16"> <div class="container"> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-5xl/tight mb-12 text-center text-balance"> 156What Teams & Businesses say about Motion </h2> <div class="grid grid-cols-1 gap-4 lg:grid-cols-3"> <a href="/blog/mp-cloud" class="group hocus:scale-102 flex flex-col rounded-xl transition-transform"> <img src="/cdn-cgi/image/onerror=redirect,width=1323,height=732,format=webp/https://www-cdn.usemotion.com/pages/customer-stories/customer-story-image-1.png" alt="Motion saves MP Cloud from âbabysittingâ Jira" loading="lazy" decoding="async" fetchpriority="auto" width="1323" height="732" class="w-full rounded-t-xl"> <div class="flex grow flex-col rounded-b-xl bg-gradient-to-br from-[#5893ea] to-[#2c77e7] p-4 text-white"> <h4 class="font-display mb-4 text-2xl font-semibold tracking-tight">Motion saves MP Cloud from âbabysittingâ Jira</h4> <p class="mb-4 pb-10 text-sm/relaxed">Motion freed technology company MP Cloud from daily scrum meetings and managers having to spend hours a week "babysitting" Jira and Monday.</p> <div class="mt-auto flex items-center justify-between"> <p class="text-sm"> <strong class="font-medium">Daean Chase</strong> <br> VP Technology, MP Cloud </p> <svg width="40" height="41" viewBox="0 0 40 41" fill="none" class="size-10 shrink-0"> 157<g clip-path="url(#clip0_4457_4330)"> 158<g clip-path="url(#clip1_4457_4330)"> 159<g clip-path="url(#clip2_4457_4330)"> 160<path d="M20.0686 39.8822C30.9205 39.8822 39.7177 31.085 39.7177 20.2331C39.7177 9.3812 30.9205 0.583984 20.0686 0.583984C9.21665 0.583984 0.419434 9.3812 0.419434 20.2331C0.419434 31.085 9.21665 39.8822 20.0686 39.8822Z" fill="#EEF5FF" /> 161<path fill-rule="evenodd" clip-rule="evenodd" d="M15.517 14.8357C15.517 14.3089 15.9442 13.8818 16.471 13.8818H25.4649C25.9917 13.8818 26.4188 14.3089 26.4188 14.8357V23.8296C26.4188 24.3565 25.9917 24.7836 25.4649 24.7836C24.9381 24.7836 24.5109 24.3565 24.5109 23.8296V17.1387L15.3468 26.303C14.9742 26.6755 14.3702 26.6755 13.9976 26.303C13.6251 25.9305 13.6251 25.3264 13.9976 24.9539L23.1618 15.7897H16.471C15.9442 15.7897 15.517 15.3626 15.517 14.8357Z" fill="url(#paint0_linear_4457_4330)" /> 162</g> 163</g> 164</g> 165<defs> 166<linearGradient id="paint0_linear_4457_4330" x1="20.4881" y1="16.175" x2="20.7796" y2="23.6605" gradientUnits="userSpaceOnUse"> 167<stop stop-color="#6A86E3" /> 168<stop offset="1" stop-color="#4064DD" /> 169</linearGradient> 170<clipPath id="clip0_4457_4330"> 171<rect width="40" height="40" fill="white" transform="translate(0 0.164062)" /> 172</clipPath> 173<clipPath id="clip1_4457_4330"> 174<rect width="40" height="40" fill="white" transform="translate(0 0.164062)" /> 175</clipPath> 176<clipPath id="clip2_4457_4330"> 177<rect width="40" height="40" fill="white" transform="translate(0 0.164062)" /> 178</clipPath> 179</defs> 180</svg> </div> </div> </a><a href="/blog/ally-advantage" class="group hocus:scale-102 flex flex-col rounded-xl transition-transform"> <img src="/cdn-cgi/image/onerror=redirect,width=1323,height=732,format=webp/https://www-cdn.usemotion.com/pages/customer-stories/customer-story-image-2.png" alt="Motion triples project management efficiency at Ally Advantage" loading="lazy" decoding="async" fetchpriority="auto" width="1323" height="732" class="w-full rounded-t-xl"> <div class="flex grow flex-col rounded-b-xl bg-gradient-to-br from-[#5893ea] to-[#2c77e7] p-4 text-white"> <h4 class="font-display mb-4 text-2xl font-semibold tracking-tight">Motion triples project management efficiency at Ally Advantage</h4> <p class="mb-4 pb-10 text-sm/relaxed">Motion's AI project manager automates resource allocation and capacity planning for Ally, saving hours a week wasted on manual coordination while ensuring client projects meet deadlines.</p> <div class="mt-auto flex items-center justify-between"> <p class="text-sm"> <strong class="font-medium">Joel Peeples</strong> <br> CEO, Ally Advantage </p> <svg width="40" height="41" viewBox="0 0 40 41" fill="none" class="size-10 shrink-0"> 181<g clip-path="url(#clip0_4457_4330)"> 182<g clip-path="url(#clip1_4457_4330)"> 183<g clip-path="url(#clip2_4457_4330)"> 184<path d="M20.0686 39.8822C30.9205 39.8822 39.7177 31.085 39.7177 20.2331C39.7177 9.3812 30.9205 0.583984 20.0686 0.583984C9.21665 0.583984 0.419434 9.3812 0.419434 20.2331C0.419434 31.085 9.21665 39.8822 20.0686 39.8822Z" fill="#EEF5FF" /> 185<path fill-rule="evenodd" clip-rule="evenodd" d="M15.517 14.8357C15.517 14.3089 15.9442 13.8818 16.471 13.8818H25.4649C25.9917 13.8818 26.4188 14.3089 26.4188 14.8357V23.8296C26.4188 24.3565 25.9917 24.7836 25.4649 24.7836C24.9381 24.7836 24.5109 24.3565 24.5109 23.8296V17.1387L15.3468 26.303C14.9742 26.6755 14.3702 26.6755 13.9976 26.303C13.6251 25.9305 13.6251 25.3264 13.9976 24.9539L23.1618 15.7897H16.471C15.9442 15.7897 15.517 15.3626 15.517 14.8357Z" fill="url(#paint0_linear_4457_4330)" /> 186</g> 187</g> 188</g> 189<defs> 190<linearGradient id="paint0_linear_4457_4330" x1="20.4881" y1="16.175" x2="20.7796" y2="23.6605" gradientUnits="userSpaceOnUse"> 191<stop stop-color="#6A86E3" /> 192<stop offset="1" stop-color="#4064DD" /> 193</linearGradient> 194<clipPath id="clip0_4457_4330"> 195<rect width="40" height="40" fill="white" transform="translate(0 0.164062)" /> 196</clipPath> 197<clipPath id="clip1_4457_4330"> 198<rect width="40" height="40" fill="white" transform="translate(0 0.164062)" /> 199</clipPath> 200<clipPath id="clip2_4457_4330"> 201<rect width="40" height="40" fill="white" transform="translate(0 0.164062)" /> 202</clipPath> 203</defs> 204</svg> </div> </div> </a><a href="/blog/efficient-app" class="group hocus:scale-102 flex flex-col rounded-xl transition-transform"> <img src="/cdn-cgi/image/onerror=redirect,width=1323,height=732,format=webp/https://www-cdn.usemotion.com/pages/customer-stories/customer-story-image-3.png" alt="Efficient uses Motion to get projects done 30% faster" loading="lazy" decoding="async" fetchpriority="auto" width="1323" height="732" class="w-full rounded-t-xl"> <div class="flex grow flex-col rounded-b-xl bg-gradient-to-br from-[#5893ea] to-[#2c77e7] p-4 text-white"> <h4 class="font-display mb-4 text-2xl font-semibold tracking-tight">Efficient uses Motion to get projects done 30% faster</h4> <p class="mb-4 pb-10 text-sm/relaxed">Motion keeps managers at Efficient up-to-date on all projects without spending hours chasing for updates. Motion makes it easy for employees to see their priorities and actually use a project management software.</p> <div class="mt-auto flex items-center justify-between"> <p class="text-sm"> <strong class="font-medium">Alex Bass</strong> <br> Founder & CEO, Efficient App </p> <svg width="40" height="41" viewBox="0 0 40 41" fill="none" class="size-10 shrink-0"> 205<g clip-path="url(#clip0_4457_4330)"> 206<g clip-path="url(#clip1_4457_4330)"> 207<g clip-path="url(#clip2_4457_4330)"> 208<path d="M20.0686 39.8822C30.9205 39.8822 39.7177 31.085 39.7177 20.2331C39.7177 9.3812 30.9205 0.583984 20.0686 0.583984C9.21665 0.583984 0.419434 9.3812 0.419434 20.2331C0.419434 31.085 9.21665 39.8822 20.0686 39.8822Z" fill="#EEF5FF" /> 209<path fill-rule="evenodd" clip-rule="evenodd" d="M15.517 14.8357C15.517 14.3089 15.9442 13.8818 16.471 13.8818H25.4649C25.9917 13.8818 26.4188 14.3089 26.4188 14.8357V23.8296C26.4188 24.3565 25.9917 24.7836 25.4649 24.7836C24.9381 24.7836 24.5109 24.3565 24.5109 23.8296V17.1387L15.3468 26.303C14.9742 26.6755 14.3702 26.6755 13.9976 26.303C13.6251 25.9305 13.6251 25.3264 13.9976 24.9539L23.1618 15.7897H16.471C15.9442 15.7897 15.517 15.3626 15.517 14.8357Z" fill="url(#paint0_linear_4457_4330)" /> 210</g> 211</g> 212</g> 213<defs> 214<linearGradient id="paint0_linear_4457_4330" x1="20.4881" y1="16.175" x2="20.7796" y2="23.6605" gradientUnits="userSpaceOnUse"> 215<stop stop-color="#6A86E3" /> 216<stop offset="1" stop-color="#4064DD" /> 217</linearGradient> 218<clipPath id="clip0_4457_4330"> 219<rect width="40" height="40" fill="white" transform="translate(0 0.164062)" /> 220</clipPath> 221<clipPath id="clip1_4457_4330"> 222<rect width="40" height="40" fill="white" transform="translate(0 0.164062)" /> 223</clipPath> 224<clipPath id="clip2_4457_4330"> 225<rect width="40" height="40" fill="white" transform="translate(0 0.164062)" /> 226</clipPath> 227</defs> 228</svg> </div> </div> </a> </div> </div> </section> <section class="py-16"> <div class="container grid grid-cols-1 gap-12 md:grid-cols-[.75fr_1fr]"> <div> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-[34px] mb-4 text-center text-balance md:mb-8 md:text-left"> Why Motionâs all-in-one platform is better than using 10 separate tools 229 </h2> <div class="mt-8 flex items-center justify-center"> <div class="group inline-flex flex-col gap-4 w-full items-center md:items-start" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label=""Why Motionâs all-in-one platform is better than using 10 separate tools" Section" data-testid="trial-cta"> Try Motion for free </a> </div> <div class="text-light-grey-text text-sm max-sm:text-center"> <p>Start your free trial. Cancel in 1 click.</p> </div> </div> </div> </div> <div> <ul class="space-y-2"> <li class="bg-primary-light flex gap-3 rounded-lg p-4"> <div class="bg-primary mt-px flex size-5 shrink-0 items-center justify-center rounded-full text-white"> <svg fill="none" viewBox="0 0 18 18" class="size-4"> 230 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 231</svg> </div> <p>Everything is well-integrated into a single experience. No need to install 10 apps or open 50 tabs.</p> </li><li class="bg-primary-light flex gap-3 rounded-lg p-4"> <div class="bg-primary mt-px flex size-5 shrink-0 items-center justify-center rounded-full text-white"> <svg fill="none" viewBox="0 0 18 18" class="size-4"> 232 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 233</svg> </div> <p>10x cheaper than combined cost of other tools.</p> </li><li class="bg-primary-light flex gap-3 rounded-lg p-4"> <div class="bg-primary mt-px flex size-5 shrink-0 items-center justify-center rounded-full text-white"> <svg fill="none" viewBox="0 0 18 18" class="size-4"> 234 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 235</svg> </div> <p>Context: AI models are 10x more accurate with the right context and data. Motion is hyper-personalized for you with all the context across all your projects, tasks, meetings, docs, notes, emails, messages...etc, and gets smarter each day you interact with it.</p> </li><li class="bg-primary-light flex gap-3 rounded-lg p-4"> <div class="bg-primary mt-px flex size-5 shrink-0 items-center justify-center rounded-full text-white"> <svg fill="none" viewBox="0 0 18 18" class="size-4"> 236 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 237</svg> </div> <p>We always use the most cutting-edge models available from Open AI, Anthropic, and other labs, fully covered as part of Motionâs subscription.</p> </li> </ul> </div> </div> </section> <section class="py-16"> <div class="container"> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-[34px] mb-6 text-center text-balance md:mb-12"> Add your ideas, notes, tasks, projects, meetings to Motion in seconds - whether at or away from desk 238 </h2> <img src="/cdn-cgi/image/onerror=redirect,width=2397,height=1364,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/desktop-mobile.png" alt="Motion desktop and mobile app" loading="lazy" decoding="async" fetchpriority="auto" width="2397" height="1364" class="drop-shadow-primary-light drop-shadow-2xl"> <div class="mt-8 flex items-center justify-center"> <div class="group inline-flex flex-col gap-4 w-full items-center" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label=""Add to Motion in seconds" Section" data-testid="trial-cta"> Try Motion for free </a> </div> <div class="text-light-grey-text text-sm max-sm:text-center"> <p>Start your free trial. Cancel in 1 click.</p> </div> </div> </div> </div> </section> <section class="from-primary-light group bg-linear-to-t to-white to-50% px-4 py-24 sm:px-6 md:px-8"> <div class="container flex flex-col justify-center"> <h2 class="font-display bg-gradient-to-b from-[#6a86e3] to-[#4064dd] bg-clip-text text-[32px] leading-9 font-bold -tracking-[1px] text-transparent sm:text-5xl sm:leading-[53px] sm:-tracking-[1.4px] md:text-[64px] md:leading-[71px] md:-tracking-[1.92px] lg:text-[64px] lg:leading-tight text-center text-balance"> 2391 person or 1,000-person team, Motion AI is personalized for you 240 </h2> <div class="mt-10 flex w-full items-center justify-center"> <div class="group inline-flex flex-col gap-4 w-full items-center sm:w-auto" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label=""Motion AI is personalized for you" Section" data-testid="trial-cta"> Try Motion for free </a> </div> <div class="text-light-grey-text text-sm max-sm:text-center"> <p>Start your free trial. Cancel in 1 click.</p> </div> </div> </div> </div> </section> <section class="space-y-24 py-16"> <div class="container"> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-5xl/tight mb-4 text-center text-balance"> Motion includes all of the tools you use to be productive and organized â in one place 241 </h2> <p class="text-light-grey-text text-center font-medium text-ba
241lance md:text-lg"> 242And it modernizes and supercharges those tools with the power of <span class="text-gradient-ai">automation and AI</span> </p> <div class="my-8 flex items-center justify-center gap-2"> <div class="inline-flex items-start justify-center overflow-hidden size-6 md:size-8"> <svg width="164" height="48" viewBox="0 0 164 48" fill="none" preserveAspectRatio="xMinYMid slice" class="h-full"> 243<path d="M22.1002 0.0488892C15.3034 0.595188 9.05836 4.01222 4.88604 9.46448C4.45756 10.0268 3.43457 11.5425 3.43457 11.6175C3.43457 11.6443 4.74143 11.6657 6.47677 11.6657C8.18533 11.6657 9.7225 11.6925 9.99566 11.7193C11.4043 11.88 12.529 12.4102 13.4288 13.3368C14.243 14.1723 14.725 15.0774 15.0571 16.3789C15.3302 17.4393 15.3409 17.6429 15.3731 21.3598L15.4052 24.8679L16.4978 20.2351C17.0977 17.6857 17.6601 15.3666 17.7458 15.0828C18.2974 13.2243 19.1812 11.9657 20.2363 11.5533C20.4827 11.4569 20.6541 11.4301 21.0826 11.4301C21.5646 11.4247 21.6503 11.4408 21.9181 11.5747C22.4805 11.8478 22.9089 12.4477 23.1446 13.2832C23.4445 14.3383 23.4338 13.9955 23.466 23.1808C23.4927 31.0593 23.5035 31.6913 23.5892 31.9483C23.7873 32.5375 24.2105 32.7357 24.5157 32.3822C24.7086 32.1519 25.0192 31.477 25.2281 30.8397C25.3191 30.5612 26.2029 26.9888 27.1884 22.9077C28.1739 18.8212 29.0523 15.2434 29.138 14.9542C29.8503 12.5655 31.0983 11.3069 32.6515 11.4087C33.7441 11.4836 34.3761 12.3406 34.6975 14.183C34.7778 14.6329 34.7939 15.5327 34.8207 22.1364L34.8528 29.5811L34.9706 30.0309C35.2866 31.2307 35.999 31.9591 37.0166 32.1251C37.2469 32.1626 38.8966 32.1786 41.9709 32.1679L46.5771 32.1519L46.7538 31.6431C47.0002 30.9307 47.3269 29.715 47.5144 28.8312C48.0553 26.2176 48.1464 23.3897 47.7822 20.7011C46.8502 13.9045 43.0153 7.80416 37.2576 3.96937C33.9048 1.73598 29.9039 0.364887 25.8012 0.0435333C25.0085 -0.0153809 22.8929 -0.0153809 22.1002 0.0488892Z" fill="currentColor" /> 244<path d="M20.8096 13.7379C20.4669 13.8879 20.1026 14.5038 19.7492 15.5375C19.642 15.8481 18.5923 20.1542 17.4139 25.1084C16.2356 30.0679 15.2287 34.2133 15.1698 34.3204C15.1109 34.4329 14.977 34.6097 14.8699 34.7114C14.6877 34.8882 14.6503 34.8989 14.3343 34.8989C14.0075 34.8989 13.9808 34.8882 13.7772 34.69C13.338 34.2615 13.3755 34.9899 13.3434 25.8743C13.3113 17.8941 13.3113 17.7494 13.1988 17.2781C12.8721 15.8642 12.1919 14.8948 11.1849 14.4181C10.3065 14.0057 10.0977 13.9843 5.80216 13.9843L2.17616 13.9789L1.87622 14.6913C0.215868 18.6224 -0.362578 23.0089 0.221224 27.2829C1.15317 34.0794 4.98805 40.1797 10.7457 44.0145C12.4864 45.1714 14.6717 46.2212 16.6909 46.8639C20.0919 47.9511 23.7287 48.2617 27.285 47.7797C34.5263 46.7835 40.9428 42.5095 44.692 36.1736C44.8902 35.8415 45.1687 35.3273 45.3186 35.0328L45.5864 34.4972H41.4195C38.8165 34.4972 37.0865 34.4758 36.8026 34.4383C34.9387 34.208 33.6694 33.0458 33.1123 31.0587C32.8124 29.9983 32.8231 30.2125 32.7856 22.0181C32.7642 16.78 32.7321 14.3753 32.6946 14.236C32.5393 13.6951 32.4589 13.6201 32.1804 13.7379C31.7787 13.9039 31.3342 14.6377 31.0128 15.6446C30.9271 15.9231 30.0487 19.4633 29.0632 23.5123C28.0777 27.556 27.1726 31.1605 27.0547 31.514C26.637 32.7619 26.1335 33.6617 25.5443 34.208C25.0034 34.7007 24.4999 34.8721 23.8304 34.7703C22.786 34.6097 22.1111 33.9134 21.7309 32.6173C21.4577 31.6747 21.4684 31.905 21.4309 22.8482C21.3988 13.8772 21.4042 14.1182 21.1578 13.8022C21.0346 13.6415 21.0292 13.6415 20.8096 13.7379Z" fill="currentColor" /> 245<path d="M67.7761 35.224C66.9228 35.224 66.4961 34.776 66.4961 33.88V20.536C66.4961 19.6613 66.9121 19.224 67.7441 19.224C68.5974 19.224 69.0241 19.6613 69.0241 20.536V22.072C69.4934 21.1333 70.1441 20.4187 70.9761 19.928C71.8081 19.416 72.7788 19.16 73.8881 19.16C76.3201 19.16 77.8774 20.216 78.5601 22.328C79.0294 21.3467 79.7228 20.5787 80.6401 20.024C81.5574 19.448 82.6134 19.16 83.8081 19.16C87.2641 19.16 88.9921 21.208 88.9921 25.304V33.88C88.9921 34.776 88.5548 35.224 87.6801 35.224C86.8268 35.224 86.4001 34.776 86.4001 33.88V25.432C86.4001 24.0027 86.1441 22.9573 85.6321 22.296C85.1414 21.6133 84.3201 21.272 83.1681 21.272C81.9094 21.272 80.9068 21.72 80.1601 22.616C79.4134 23.512 79.0401 24.7067 79.0401 26.2V33.88C79.0401 34.776 78.6028 35.224 77.7281 35.224C76.8748 35.224 76.4481 34.776 76.4481 33.88V25.432C76.4481 24.0027 76.1921 22.9573 75.6801 22.296C75.1894 21.6133 74.3681 21.272 73.2161 21.272C71.9361 21.272 70.9228 21.72 70.1761 22.616C69.4508 23.512 69.0881 24.7067 69.0881 26.2V33.88C69.0881 34.776 68.6508 35.224 67.7761 35.224Z" fill="currentColor" /> 246<path d="M99.9823 35.288C98.4677 35.288 97.1557 34.9573 96.0463 34.296C94.937 33.6347 94.073 32.7067 93.4543 31.512C92.857 30.296 92.5583 28.8667 92.5583 27.224C92.5583 25.5813 92.857 24.1627 93.4543 22.968C94.073 21.752 94.937 20.8133 96.0463 20.152C97.1557 19.4907 98.4677 19.16 99.9823 19.16C101.476 19.16 102.777 19.4907 103.886 20.152C105.017 20.8133 105.881 21.752 106.478 22.968C107.097 24.1627 107.406 25.5813 107.406 27.224C107.406 28.8667 107.097 30.296 106.478 31.512C105.881 32.7067 105.01
2467 33.6347 103.886 34.296C102.777 34.9573 101.476 35.288 99.9823 35.288ZM99.9823 33.208C101.433 33.208 102.596 32.696 103.47 31.672C104.345 30.6267 104.782 29.144 104.782 27.224C104.782 25.2827 104.345 23.8 103.47 22.776C102.596 21.752 101.433 21.24 99.9823 21.24C98.5103 21.24 97.337 21.752 96.4623 22.776C95.609 23.8 95.1823 25.2827 95.1823 27.224C95.1823 29.144 95.609 30.6267 96.4623 31.672C97.337 32.696 98.5103 33.208 99.9823 33.208Z" fill="currentColor" /> 247<path d="M117.063 35.288C115.229 35.288 113.853 34.808 112.935 33.848C112.018 32.8667 111.559 31.4587 111.559 29.624V21.464H109.415C108.669 21.464 108.295 21.1227 108.295 20.44C108.295 19.7787 108.669 19.448 109.415 19.448H111.559V15.768C111.559 14.8933 111.997 14.456 112.871 14.456C113.725 14.456 114.151 14.8933 114.151 15.768V19.448H118.183C118.93 19.448 119.303 19.7787 119.303 20.44C119.303 21.1227 118.93 21.464 118.183 21.464H114.151V29.368C114.151 30.584 114.407 31.512 114.919 32.152C115.431 32.7707 116.263 33.08 117.415 33.08C117.821 33.08 118.162 33.0373 118.439 32.952C118.717 32.8667 118.962 32.824 119.175 32.824C119.367 32.8027 119.527 32.8667 119.655 33.016C119.783 33.1653 119.847 33.4213 119.847 33.784C119.847 34.04 119.794 34.2747 119.687 34.488C119.602 34.7013 119.442 34.8507 119.207 34.936C118.951 35.0213 118.61 35.096 118.183 35.16C117.778 35.2453 117.405 35.288 117.063 35.288Z" fill="currentColor" /> 248<path d="M123.158 15.704C122.028 15.704 121.462 15.1707 121.462 14.104C121.462 13.0587 122.028 12.536 123.158 12.536C124.289 12.536 124.854 13.0587 124.854 14.104C124.854 15.1707 124.289 15.704 123.158 15.704ZM123.158 35.16C122.305 35.16 121.878 34.6907 121.878 33.752V20.664C121.878 19.7467 122.305 19.288 123.158 19.288C124.033 19.288 124.47 19.7467 124.47 20.664V33.752C124.47 34.6907 124.033 35.16 123.158 35.16Z" fill="currentColor" /> 249<path d="M135.46 35.288C133.945 35.288 132.633 34.9573 131.524 34.296C130.415 33.6347 129.551 32.7067 128.932 31.512C128.335 30.296 128.036 28.8667 128.036 27.224C128.036 25.5813 128.335 24.1627 128.932 22.968C129.551 21.752 130.415 20.8133 131.524 20.152C132.633 19.4907 133.945 19.16 135.46 19.16C136.953 19.16 138.255 19.4907 139.364 20.152C140.495 20.8133 141.359 21.752 141.956 22.968C142.575 24.1627 142.884 25.5813 142.884 27.224C142.884 28.8667 142.575 30.296 141.956 31.512C141.359 32.7067 140.495 33.6347 139.364 34.296C138.255 34.9573 136.953 35.288 135.46 35.288ZM135.46 33.208C136.911 33.208 138.073 32.696 138.948 31.672C139.823 30.6267 140.26 29.144 140.26 27.224C140.26 25.2827 139.823 23.8 138.948 22.776C138.073 21.752 136.911 21.24 135.46 21.24C133.988 21.24 132.815 21.752 131.94 22.776C131.087 23.8 130.66 25.2827 130.66 27.224C130.66 29.144 131.087 30.6267 131.94 31.672C132.815 32.696 133.988 33.208 135.46 33.208Z" fill="currentColor" /> 250<path d="M147.737 35.224C146.884 35.224 146.457 34.776 146.457 33.88V20.536C146.457 19.6613 146.873 19.224 147.705 19.224C148.558 19.224 148.985 19.6613 148.985 20.536V22.104C149.497 21.1227 150.222 20.3867 151.161 19.896C152.1 19.4053 153.156 19.16 154.329 19.16C158.02 19.16 159.865 21.208 159.865 25.304V33.88C159.865 34.776 159.438 35.224 158.585 35.224C157.71 35.224 157.273 34.776 157.273 33.88V25.464C157.273 24.0133 156.985 22.9573 156.409 22.296C155.854 21.6133 154.958 21.272 153.721 21.272C152.292 21.272 151.15 21.72 150.297 22.616C149.465 23.4907 149.049 24.664 149.049 26.136V33.88C149.049 34.776 148.612 35.224 147.737 35.224Z" fill="currentColor" /> 251</svg> </div> <span class="font-display text-lg font-medium tracking-tight md:text-2xl"><span class="lowercase">Motion</span> replaces...</span> </div> <div class="isolate grid grid-cols-1 gap-4 md:grid-cols-6"> <div class="bg-light-grey relative rounded-lg p-5 md:col-span-2"> <h4 class="text-dark-grey mb-6 text-center font-medium text-balance md:text-lg">To-do lists</h4> <div class="flex flex-wrap justify-center gap-4 md:mx-auto md:gap-6 md:max-w-[200px]"> <div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/todoist.png" alt="To-do lists" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/ticktick.png" alt="To-do lists" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/things.png" alt="To-do lists" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/anydo.png" alt="To-do lists" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div> </div> <hr class="border-dark-grey bg-dark-grey absolute top-[55%] right-0 left-0 z-10 my-4 origin-center scale-95 -rotate-2 roun
251ded-full border-3 md:top-1/2 md:scale-120 md:-rotate-25"> </div><div class="bg-light-grey relative rounded-lg p-5 md:col-span-2"> <h4 class="text-dark-grey mb-6 text-center font-medium text-balance md:text-lg">Project management apps</h4> <div class="flex flex-wrap justify-center gap-4 md:mx-auto md:gap-6"> <div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/asana.png" alt="Project management apps" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/monday.png" alt="Project management apps" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/clickup.png" alt="Project management apps" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/jira.png" alt="Project management apps" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/wrike.png" alt="Project management apps" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/smartsheet.png" alt="Project management apps" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div> </div> <hr class="border-dark-grey bg-dark-grey absolute top-[55%] right-0 left-0 z-10 my-4 origin-center scale-95 -rotate-2 rounded-full border-3 md:top-1/2 md:scale-120 md:-rotate-25"> </div><div class="bg-light-grey relative rounded-lg p-5 md:col-span-2"> <h4 class="text-dark-grey mb-6 text-center font-medium text-balance md:text-lg">Automated meeting schedulers</h4> <div class="flex flex-wrap justify-center gap-4 md:mx-auto md:gap-6 md:max-w-[200px]"> <div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/calendly.png" alt="Automated meeting schedulers" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/mixmax.png" alt="Automated meeting schedulers" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/chili-piper.png" alt="Automated meeting schedulers" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/acuity.png" alt="Automated meeting schedulers" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div> </div> <hr class="border-dark-grey bg-dark-grey absolute top-[55%] right-0 left-0 z-10 my-4 origin-center scale-95 -rotate-2 roun
251ded-full border-3 md:top-1/2 md:scale-120 md:-rotate-25"> </div><div class="bg-light-grey relative rounded-lg p-5 md:col-span-2 md:col-start-2"> <h4 class="text-dark-grey mb-6 text-center font-medium text-balance md:text-lg">AI Notetakers</h4> <div class="flex flex-wrap justify-center gap-4 md:mx-auto md:gap-6 md:max-w-[200px]"> <div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/otter.png" alt="AI Notetakers" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/fireflies.png" alt="AI Notetakers" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/fathom.png" alt="AI Notetakers" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/grain.png" alt="AI Notetakers" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div> </div> <hr class="border-dark-grey bg-dark-grey absolute top-[55%] right-0 left-0 z-10 my-4 origin-center scale-95 -rotate-2 rounded-full border-3 md:top-1/2 md:scale-120 md:-rotate-25"> </div><div class="bg-light-grey relative rounded-lg p-5 md:col-span-2"> <h4 class="text-dark-grey mb-6 text-center font-medium text-balance md:text-lg">Docs</h4> <div class="flex flex-wrap justify-center gap-4 md:mx-auto md:gap-6 md:max-w-[200px]"> <div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/notion.png" alt="Docs" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/coda.png" alt="Docs" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/confluence.png" alt="Docs" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div><div class="flex size-12 items-center justify-center rounded bg-white p-2 shadow-md/5 md:size-20 md:rounded-lg md:p-4"> <img src="/cdn-cgi/image/onerror=redirect,width=100,height=100,format=webp/https://www-cdn.usemotion.com/logos/evernote.png" alt="Docs" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100" class="object-contain object-center"> </div> </div> <hr class="border-dark-grey bg-dark-grey absolute top-[55%] right-0 left-0 z-10 my-4 origin-center scale-95 -rotate-2 rounded-full border-3 md:top-1/2 md:scale-120 md:-rotate-25"> </div> </div> </div> <div class="container"> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-5xl/tight mb-4 text-center text-balance"> Pass data between your favorite tools 252 </h2> <div class="text-dark-grey mt-12 flex flex-col items-center rounded-lg bg-[#F7F8FB] lg:rounded-4xl"> <p class="py-8 text-center font-medium">Motion integrates with...</p> <ul class="inline-grid grid-cols-3 gap-6 md:grid-cols-5 md:gap-8 lg:gap-10"> <li class="flex-col items-center justify-center hidden md:flex"> <div class="mb-3 flex size-[94px] items-center justify-center rounded-lg bg-white p-4 [box-shadow:0px_2.33735px_14.0241px_rgba(61,98,208,0.06)]"> <img src="/cdn-cgi/image/onerror=redirect,width=94,height=94,format=webp/https://www-cdn.usemotion.com/logos/zapier-full.svg" alt="Zapier" loading="lazy" decoding="async" fetchpriority="auto" width="94" height="94" class="h-full w-full object-contain"> </div> <h6 class="text-sm font-medium">Zapier</h6> </li><li class="flex-col items-center justify-center hidden md:flex"> <div class="mb-3 flex size-[94px] items-center justify-center rounded-lg bg-white p-4 [box-shadow:0px_2.33735px_14.0241px_rgba(61,98,208,0.06)]"> <img src="/cdn-cgi/image/onerror=redirect,width=94,height=94,format=webp/https://www-cdn.usemotion.com/logos/zoom-full.svg" alt="Zoom" loading="lazy" decoding="async" fetchpriority="auto" width="94" height="94" class="h-full w-full object-contain"> </div> <h6 class="text-sm font-medium">Zoom</h6> </li><li class="flex flex-col items-center justify-center"> <div class="mb-3 flex size-[94px] items-center justify-center rounded-lg bg-white p-4 [box-shadow:0px_2.33735px_14.0241px_rgba(61,98,208,0.06)]"> <img src="/cdn-cgi/image/onerror=redirect,width=94,height=94,format=webp/https://www-cdn.usemotion.com/logos/google-meet.svg" alt="Google Meet" loading="lazy" decoding="async" fetchpriority="auto" width="94" height="94" class="h-full w-full object-contain"> </div> <h6 class="text-sm font-medium">Google Meet</h6> </li><li class="flex flex-col items-center justify-center"> <div class="mb-3 flex size-[94px] items-center justify-center rounded-lg bg-white p-4 [box-shadow:0px_2.33735px_14.0241px_rgba(61,98,208,0.06)]"> <img src="/cdn-cgi/image/onerror=redirect,width=94,height=94,format=webp/https://www-cdn.usemotion.com/logos/gmail.svg" alt="Gmail" loading="lazy" decoding="async" fetchpriority="auto" width="94" height="94" class="h-full w-full object-contain"> </div> <h6 class="text-sm font-medium">Gmail</h6> </li><li class="flex flex-col items-center justify-center"> <div class="mb-3 flex size-[94px] items-center justify-center rounded-lg bg-white p-4 [box-shadow:0px_2.33735px_14.0241px_rgba(61,98,208,0.06)]"> <img src="/cdn-cgi/image/onerror=redirect,width=94,height=94,format=webp/https://www-cdn.usemotion.com/logos/outlook.svg" alt="Outlook" loading="lazy" decoding="async" fetchpriority="auto" width="94" height="94" class="h-full w-full object-contain"> </div> <h6 class="text-sm font-medium">Outlook</h6> </li><li class="flex flex-col items-center justify-center"> <div class="mb-3 flex size-[94px] items-center justify-center rounded-lg bg-white p-4 [box-shadow:0px_2.33735px_14.0241px_rgba(61,98,208,0.06)]"> <img src="/cdn-cgi/image/onerror=redirect,width=94,height=94,format=webp/https://www-cdn.usemotion.com/logos/siri.svg" alt="Siri" loading="lazy" decoding="async" fetchpriority="auto" width="94" height="94" class="h-full w-full object-contain"> </div> <h6 class="text-sm font-medium">Siri</h6> </li><li class="flex flex-col items-center justify-center"> <div class="mb-3 flex size-[94px] items-center justify-center rounded-lg bg-white p-4 [box-shadow:0px_2.33735px_14.0241px_rgba(61,98,208,0.06)]"> <img src="/cdn-cgi/image/onerror=redirect,width=94,height=94,format=webp/https://www-cdn.usemotion.com/logos/hubspot.svg" alt="HubSpot" loading="lazy" decoding="async" fetchpriority="auto" width="94" height="94" class="h-full w-full object-contain"> </div> <h6 class="text-sm font-medium">HubSpot</h6> </li><li class="flex flex-col items-center justify-center"> <div class="mb-3 flex size-[94px] items-center justify-center rounded-lg bg-white p-4 [box-shadow:0px_2.33735px_14.0241px_rgba(61,98,208,0.06)]"> <img src="/cdn-cgi/image/onerror=redirect,width=94,height=94,format=webp/https://www-cdn.usemotion.com/logos/salesforce.svg" alt="Salesforce" loading="lazy" decoding="async" fetchpriority="auto" width="94" height="94" class="h-full w-full object-contain"> </div> <h6 class="text-sm font-medium">Salesforce</h6> </li><li class="flex-col items-center justify-center hidden md:flex"> <div class="mb-3 flex size-[94px] items-center justify-center rounded-lg bg-white p-4 [box-shadow:0px_2.33735px_14.0241px_rgba(61,98,208,0.06)]"> <img src="/cdn-cgi/image/onerror=redirect,width=94,height=94,format=webp/https://www-cdn.usemotion.com/logos/teams.svg" alt="Teams" loading="lazy" decoding="async" fetchpriority="auto" width="94" height="94" class="h-full w-full object-contain"> </div> <h6 class="text-sm font-medium">
252Teams</h6> </li><li class="flex-col items-center justify-center hidden md:flex"> <div class="mb-3 flex size-[94px] items-center justify-center rounded-lg bg-white p-4 [box-shadow:0px_2.33735px_14.0241px_rgba(61,98,208,0.06)]"> <img src="/cdn-cgi/image/onerror=redirect,width=94,height=94,format=webp/https://www-cdn.usemotion.com/logos/slack.svg" alt="Slack" loading="lazy" decoding="async" fetchpriority="auto" width="94" height="94" class="h-full w-full object-contain"> </div> <h6 class="text-sm font-medium">Slack</h6> </li> </ul> <p class="py-8 text-center font-medium">...and hundreds more!</p> </div> </div> <div class="overflow-hidden"> <div class="container"> <div class="grid grid-cols-1 items-center gap-6 lg:gap-20 lg:grid-cols-[0.75fr_1fr] [&>:first-child]:lg:col-start-2 [&>:last-child]:lg:col-start-1"> <div class="lg:row-start-1"> <div class="overflow-hidden rounded-lg relative lg:scale-115 origin-left"> <img src="/cdn-cgi/image/onerror=redirect,width=1601,height=1055,format=webp/https://www-cdn.usemotion.com/pages/homepage/v1/api-docs.png" alt="Motion API docs" loading="lazy" decoding="async" fetchpriority="auto" width="1601" height="1055" class="w-full"> </div> </div> <div class="lg:row-start-1"> <div class="space-y-4"> <h3 class="font-display text-2xl/tight font-semibold -tracking-[0.48px] md:text-[32px]/tight md:-tracking-[0.64px]"> Robust API and clear documentation to connect with all your internal or external systems </h3> <div class="text-light-grey-text"> <p> 253With our API, youâll be able to create, update, and manage your projects and tasks effortlessly. Our API is 254 designed to fit your unique needs and help streamline your workflow. 255</p> <div class="group inline-flex flex-col gap-4 mt-8 w-full sm:w-auto" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label="Integrations Module" data-testid="trial-cta"> Try Motion for free </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="py-16"> <div class="container"> <div> <a href="/security"> <div class="mb-5 flex items-center justify-center gap-4 md:gap-6"> <img src="/cdn-cgi/image/onerror=redirect,width=350,height=350,format=webp/_astro/gdpr-badge.BL8csaHf.png" alt="GDPR compliant badge" loading="lazy" decoding="async" fetchpriority="auto" width="350" height="350" class="size-19"> <img src="/cdn-cgi/image/onerror=redirect,width=1212,height=1213,format=webp/_astro/soc-2-badge.CMvsH26e.png" alt="AICPA Service Organization Control (SOC) 2 Type II badge" loading="lazy" decoding="async" fetchpriority="auto" width="1212" height="1213" class="size-19"> </div> </a> <h2 class="font-display text-[28px] leading-snug font-semibold -tracking-[0.3px] md:text-5xl/tight mb-4 text-center text-balance"> Enterprise Grade Security </h2> <p class="mb-4 text-center font-semibold md:text-2xl">Your data is fully private and secure</p> <p class="text-light-grey-text mb-6 text-center text-balance"> 256We are SOC 2 Type 2 compliant, ensuring the highest security standards through an independent audit by a top 257 security firm. All data is fully encrypted in transit and at rest to keep your information safe. 258</p> <div class="flex items-center justify-center"> <div class="group inline-flex flex-col gap-4 items-center" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label="Security Module" data-testid="trial-cta"> Try Motion for free </a> </div> </div> </div> </div> </div> </section>
258 <section class="from-primary-light group bg-linear-to-b to-white to-50% px-4 py-24 sm:px-6 md:px-8"> <div class="container flex flex-col justify-center"> <h2 class="font-display bg-gradient-to-b from-[#6a86e3] to-[#4064dd] bg-clip-text text-[32px] leading-9 font-bold -tracking-[1px] text-transparent sm:text-5xl sm:leading-[53px] sm:-tracking-[1.4px] md:text-[64px] md:leading-[71px] md:-tracking-[1.92px] lg:text-[64px] lg:leading-tight text-center text-balance"> Start using AI to 10x your Productivity in Every Aspect of Work </h2> <div class="mt-10 flex w-full items-center justify-center"> <div class="group inline-flex flex-col gap-4 w-full sm:w-auto" data-component="cta-group"> <div class="flex flex-col gap-[inherit] sm:flex-row sm:items-center"> <a class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" href="https://app.usemotion.com/checkout" data-cta="trial" data-event-label="Value Prop Footer" data-testid="trial-cta"> Try Motion for free </a> </div> </div> </div> <div class="mt-8 md:mt-12 lg:mt-16"> <p class="text-dark-grey mb-6 text-center leading-normal font-medium text-balance sm:text-lg"> <span>Tech and media companies are talking about Motion</span> </p> <div class="grid place-content-center place-items-center gap-4 text-center max-lg:grid-cols-2 md:justify-center md:gap-8 lg:auto-cols-auto lg:grid-flow-col lg:grid-cols-none"> <img src="/cdn-cgi/image/onerror=redirect,width=150,height=72,format=webp/https://www-cdn.usemotion.com/logos/forbes.svg" alt="Forbes logo" loading="lazy" decoding="async" fetchpriority="auto" width="150" height="72"> <img src="/cdn-cgi/image/onerror=redirect,width=150,height=72,format=webp/https://www-cdn.usemotion.com/logos/business-insider.svg" alt="Business Insider logo" loading="lazy" decoding="async" fetchpriority="auto" width="150" height="72"> <img src="/cdn-cgi/image/onerror=redirect,width=150,height=72,format=webp/https://www-cdn.usemotion.com/logos/techcrunch.svg" alt="TechCrunch logo" loading="lazy" decoding="async" fetchpriority="auto" width="150" height="72"> <img src="/cdn-cgi/image/onerror=redirect,width=150,height=72,format=webp/https://www-cdn.usemotion.com/logos/lifehacker.svg" alt="Lifehacker logo" loading="lazy" decoding="async" fetchpriority="auto" width="150" height="72"> </div> </div> </div> </section> </main> <footer class="from-primary-light group bg-linear-to-b to-white to-[120px] px-4 py-24 sm:px-6 md:px-8" data-testid="primary-footer"> <div class="container grid grid-cols-2 gap-y-6 sm:grid-cols-3 md:grid-cols-9"> <div class="col-span-2 sm:col-span-3 md:col-span-2"> <a href="/" aria-label="Motion logo"> <div class="inline-flex items-start justify-center overflow-hidden mb-8 w-36"> <svg width="164" height="48" viewBox="0 0 164 48" fill="none" preserveAspectRatio="xMinYMid slice" class="h-full"> 259<path d="M22.1002 0.0488892C15.3034 0.595188 9.05836 4.01222 4.88604 9.46448C4.45756 10.0268 3.43457 11.5425 3.43457 11.6175C3.43457 11.6443 4.74143 11.6657 6.47677 11.6657C8.18533 11.6657 9.7225 11.6925 9.99566 11.7193C11.4043 11.88 12.529 12.4102 13.4288 13.3368C14.243 14.1723 14.725 15.0774 15.0571 16.3789C15.3302 17.4393 15.3409 17.6429 15.3731 21.3598L15.4052 24.8679L16.4978 20.2351C17.0977 17.6857 17.6601 15.3666 17.7458 15.0828C18.2974 13.2243 19.1812 11.9657 20.2363 11.5533C20.4827 11.4569 20.6541 11.4301 21.0826 11.4301C21.5646 11.4247 21.6503 11.4408 21.9181 11.5747C22.4805 11.8478 22.9089 12.4477 23.1446 13.2832C23.4445 14.3383 23.4338 13.9955 23.466 23.1808C23.4927 31.0593 23.5035 31.6913 23.5892 31.9483C23.7873 32.5375 24.2105 32.7357 24.5157 32.3822C24.7086 32.1519 25.0192 31.477 25.2281 30.8397C25.3191 30.5612 26.2029 26.9888 27.1884 22.9077C28.1739 18.8212 29.0523 15.2434 29.138 14.9542C29.8503 12.5655 31.0983 11.3069 32.6515 11.4087C33.7441 11.4836 34.3761 12.3406 34.6975 14.183C34.7778 14.6329 34.7939 15.5327 34.8207 22.1364L34.8528 29.5811L34.9706 30.0309C35.2866 31.2307 35.999 31.9591 37.0166 32.1251C37.2469 32.1626 38.8966 32.1786 41.9709 32.1679L46.5771 32.1519L46.7538 31.6431C47.0002 30.9307 47.3269 29.715 47.5144 28.8312C48.0553 26.2176 48.1464 23.3897 47.7822 20.7011C46.8502 13.9045 43.0153 7.80416 37.2576 3.96937C33.9048 1.73598 29.9039 0.364887 25.8012 0.0435333C25.0085 -0.0153809 22.8929 -0.0153809 22.1002 0.0488892Z" fill="currentColor" /> 260<path d="M20.8096 13.7379C20.4669 13.8879 20.1026 14.5038 19.7492 15.5375C19.642 15.8481 18.5923 20.1542 17.4139 25.1084C16.2356 30.0679 15.2287 34.2133 15.1698 34.3204C15.1109 34.4329 14.977 34.6097 14.8699 34.7114C14.6877 34.8882 14.6503 34.8989 14.3343 34.8989C14.0075 34.8989 13.9808 34.8882 13.7772 34.69C13.338 34.2615 13.3755 34.9899 13.3434 25.8743C13.3113 17.8941 13.3113 17.7494 13.1988 17.2781C12.8721 15.8642 12.1919 14.8948 11.1849 14.4181C10.3065 14.0057 10.0977 13.9843 5.80216 13.9843L2.17616 13.9789L1.87622 14.6913C0.215868 18.6224 -0.362578 23.0089 0.221224 27.2829C1.15317 34.0794 4.98805 40.1797 10.7457 44.0145C12.4864 45.1714 14.6717 46.2212 16.6909 46.8639C20.0919 47.9511 23.7287 48.2617 27.285 47.7797C34.5263 46.7835 40.9428 42.5095 44.692 36.1736C44.8902 35.8415 45.1687 35.3273 45.3186 35.0328L45.5864 34.4972H41.4195C38.8165 34.4972 37.0865 34.4758 36.8026 34.4383C34.9387 34.208 33.6694 33.0458 33.1123 31.0587C32.8124 29.9983 32.8231 30.2125 32.7856 22.0181C32.7642 16.78 32.7321 14.3753 32.6946 14.236C32.5393 13.6951 32.4589 13.6201 32.1804 13.7379C31.7787 13.9039 31.3342 14.6377 31.0128 15.6446C30.9271 15.9231 30.0487 19.4633 29.0632 23.5123C28.0777 27.556 27.1726 31.1605 27.0547 31.514C26.637 32.7619 26.1335 33.6617 25.5443 34.208C25.0034 34.7007 24.4999 34.8721 23.8304 34.7703C22.786 34.6097 22.1111 33.9134 21.7309 32.6173C21.4577 31.6747 21.4684 31.905 21.4309 22.8482C21.3988 13.8772 21.4042 14.1182 21.1578 13.8022C21.0346 13.6415 21.0292 13.6415 20.8096 13.7379Z" fill="currentColor" /> 261<path d="M67.7761 35.224C66.9228 35.224 66.4961 34.776 66.4961 33.88V20.536C66.4961 19.6613 66.9121 19.224 67.7441 19.224C68.5974 19.224 69.0241 19.6613 69.0241 20.536V22.072C69.4934 21.1333 70.1441 20.4187 70.9761 19.928C71.8081 19.416 72.7788 19.16 73.8881 19.16C76.3201 19.16 77.8774 20.216 78.5601 22.328C79.0294 21.3467 79.7228 20.5787 80.6401 20.024C81.5574 19.448 82.6134 19.16 83.8081 19.16C87.2641 19.16 88.9921 21.208 88.9921 25.304V33.88C88.9921 34.776 88.5548 35.224 87.6801 35.224C86.8268 35.224 86.4001 34.776 86.4001 33.88V25.432C86.4001 24.0027 86.1441 22.9573 85.6321 22.296C85.1414 21.6133 84.3201 21.272 83.1681 21.272C81.9094 21.272 80.9068 21.72 80.1601 22.616C79.4134 23.512 79.0401 24.7067 79.0401 26.2V33.88C79.0401 34.776 78.6028 35.224 77.7281 35.224C76.8748 35.224 76.4481 34.776 76.4481 33.88V25.432C76.4481 24.0027 76.1921 22.9573 75.6801 22.296C75.1894 21.6133 74.3681 21.272 73.2161 21.272C71.9361 21.272 70.9228 21.72 70.1761 22.616C69.4508 23.512 69.0881 24.7067 69.0881 26.2V33.88C69.0881 34.776 68.6508 35.224 67.7761 35.224Z" fill="currentColor" /> 262<path d="M99.9823 35.288C98.4677 35.288 97.1557 34.9573 96.0463 34.296C94.937 33.6347 94.073 32.7067 93.4543 31.512C92.857 30.296 92.5583 28.8667 92.5583 27.224C92.5583 25.5813 92.857 24.1627 93.4543 22.968C94.073 21.752 94.937 20.8133 96.0463 20.152C97.1557 19.4907 98.4677 19.16 99.9823 19.16C101.476 19.16 102.777 19.4907 103.886 20.152C105.017 20.8133 105.881 21.752 106.478 22.968C107.097 24.1627 107.406 25.5813 107.406 27.224C107.406 28.8667 107.097 30.296 106.478 31.512C105.881 32.7067 105.01
2627 33.6347 103.886 34.296C102.777 34.9573 101.476 35.288 99.9823 35.288ZM99.9823 33.208C101.433 33.208 102.596 32.696 103.47 31.672C104.345 30.6267 104.782 29.144 104.782 27.224C104.782 25.2827 104.345 23.8 103.47 22.776C102.596 21.752 101.433 21.24 99.9823 21.24C98.5103 21.24 97.337 21.752 96.4623 22.776C95.609 23.8 95.1823 25.2827 95.1823 27.224C95.1823 29.144 95.609 30.6267 96.4623 31.672C97.337 32.696 98.5103 33.208 99.9823 33.208Z" fill="currentColor" /> 263<path d="M117.063 35.288C115.229 35.288 113.853 34.808 112.935 33.848C112.018 32.8667 111.559 31.4587 111.559 29.624V21.464H109.415C108.669 21.464 108.295 21.1227 108.295 20.44C108.295 19.7787 108.669 19.448 109.415 19.448H111.559V15.768C111.559 14.8933 111.997 14.456 112.871 14.456C113.725 14.456 114.151 14.8933 114.151 15.768V19.448H118.183C118.93 19.448 119.303 19.7787 119.303 20.44C119.303 21.1227 118.93 21.464 118.183 21.464H114.151V29.368C114.151 30.584 114.407 31.512 114.919 32.152C115.431 32.7707 116.263 33.08 117.415 33.08C117.821 33.08 118.162 33.0373 118.439 32.952C118.717 32.8667 118.962 32.824 119.175 32.824C119.367 32.8027 119.527 32.8667 119.655 33.016C119.783 33.1653 119.847 33.4213 119.847 33.784C119.847 34.04 119.794 34.2747 119.687 34.488C119.602 34.7013 119.442 34.8507 119.207 34.936C118.951 35.0213 118.61 35.096 118.183 35.16C117.778 35.2453 117.405 35.288 117.063 35.288Z" fill="currentColor" /> 264<path d="M123.158 15.704C122.028 15.704 121.462 15.1707 121.462 14.104C121.462 13.0587 122.028 12.536 123.158 12.536C124.289 12.536 124.854 13.0587 124.854 14.104C124.854 15.1707 124.289 15.704 123.158 15.704ZM123.158 35.16C122.305 35.16 121.878 34.6907 121.878 33.752V20.664C121.878 19.7467 122.305 19.288 123.158 19.288C124.033 19.288 124.47 19.7467 124.47 20.664V33.752C124.47 34.6907 124.033 35.16 123.158 35.16Z" fill="currentColor" /> 265<path d="M135.46 35.288C133.945 35.288 132.633 34.9573 131.524 34.296C130.415 33.6347 129.551 32.7067 128.932 31.512C128.335 30.296 128.036 28.8667 128.036 27.224C128.036 25.5813 128.335 24.1627 128.932 22.968C129.551 21.752 130.415 20.8133 131.524 20.152C132.633 19.4907 133.945 19.16 135.46 19.16C136.953 19.16 138.255 19.4907 139.364 20.152C140.495 20.8133 141.359 21.752 141.956 22.968C142.575 24.1627 142.884 25.5813 142.884 27.224C142.884 28.8667 142.575 30.296 141.956 31.512C141.359 32.7067 140.495 33.6347 139.364 34.296C138.255 34.9573 136.953 35.288 135.46 35.288ZM135.46 33.208C136.911 33.208 138.073 32.696 138.948 31.672C139.823 30.6267 140.26 29.144 140.26 27.224C140.26 25.2827 139.823 23.8 138.948 22.776C138.073 21.752 136.911 21.24 135.46 21.24C133.988 21.24 132.815 21.752 131.94 22.776C131.087 23.8 130.66 25.2827 130.66 27.224C130.66 29.144 131.087 30.6267 131.94 31.672C132.815 32.696 133.988 33.208 135.46 33.208Z" fill="currentColor" /> 266<path d="M147.737 35.224C146.884 35.224 146.457 34.776 146.457 33.88V20.536C146.457 19.6613 146.873 19.224 147.705 19.224C148.558 19.224 148.985 19.6613 148.985 20.536V22.104C149.497 21.1227 150.222 20.3867 151.161 19.896C152.1 19.4053 153.156 19.16 154.329 19.16C158.02 19.16 159.865 21.208 159.865 25.304V33.88C159.865 34.776 159.438 35.224 158.585 35.224C157.71 35.224 157.273 34.776 157.273 33.88V25.464C157.273 24.0133 156.985 22.9573 156.409 22.296C155.854 21.6133 154.958 21.272 153.721 21.272C152.292 21.272 151.15 21.72 150.297 22.616C149.465 23.4907 149.049 24.664 149.049 26.136V33.88C149.049 34.776 148.612 35.224 147.737 35.224Z" fill="currentColor" /> 267</svg> </div> </a> <a href="/security" aria-label="Security"> <div class="flex gap-2"> <img src="/cdn-cgi/image/onerror=redirect,width=350,height=350,format=webp/_astro/gdpr-badge.BL8csaHf.png" alt="GDPR compliant badge" loading="lazy" decoding="async" fetchpriority="auto" width="350" height="350" class="w-8"> <img src="/cdn-cgi/image/onerror=redirect,width=1212,height=1213,format=webp/_astro/soc-2-badge.CMvsH26e.png" alt="AICPA Service Organization Control (SOC) 2 Type II badge" loading="lazy" decoding="async" fetchpriority="auto" width="1212" height="1213" class="w-8"> </div> </a> </div> <div class="text-base md:col-span-2 md:col-start-4"> <h6 class="mb-4 font-semibold text-black">Motion</h6> <ul class="text-light-grey-text"> <li data-testid="primary-footer-link"> <a href="/pricing" class="hover:text-primary block py-2"> Pricing </a> </li><li data-testid="primary-footer-link"> <a href="/download" class="hover:text-primary block py-2"> Download </a> </li><li data-testid="primary-footer-link"> <a href="/about" class="hover:text-primary block py-2"> About </a> </li><li data-testid="primary-footer-link"> <a href="/careers" class="hover:text-primary block py-2"> Careers </a> </li><li data-testid="primary-footer-link"> <a href="/help/motion-support/contact-support" class="hover:text-primary block py-2"> Contact </a> </li> </ul> </div><div class="text-base md:col-span-2"> <h6 class="mb-4 font-semibold text-black">Resources</h6> <ul class="text-light-grey-text"> <li data-testid="primary-footer-link"> <a href="/resources" class="hover:text-primary block py-2"> Resource Library </a> </li><li data-testid="primary-footer-link"> <a href="/blog" class="hover:text-primary block py-2"> Blog </a> </li><li data-testid="primary-footer-link"> <a href="/security" class="hover:text-primary block py-2"> Security </a> </li><li data-testid="primary-footer-link"> <a href="/legal/privacy-policy" class="hover:text-primary block py-2"> Privacy </a> </li><li data-testid="primary-footer-link"> <a href="/legal/terms-of-service" class="hover:text-primary block py-2"> Terms </a> </li><li data-testid="primary-footer-link"> <a href="/legal/master-subscription-agreement" class="hover:text-primary block py-2"> MSA </a> </li> </ul> </div><div class="text-base md:col-span-2"> <h6 class="mb-4 font-semibold text-black">Compare</h6> <ul class="text-light-grey-text"> <li data-testid="primary-footer-link"> <a href="/compare/wrike-vs-motion" class="hover:text-primary block py-2"> vs Wrike </a> </li><li data-testid="primary-footer-link"> <a href="/compare/asana-vs-motion" class="hover:text-primary block py-2"> vs Asana </a> </li><li data-testid="primary-footer-link"> <a href="/compare/clickup-vs-motion" class="hover:text-primary block py-2"> vs ClickUp </a> </li><li data-testid="primary-footer-link"> <a href="/compare/monday-vs-motion" class="hover:text-primary block py-2"> vs Monday </a> </li> </ul> </div> </div> </footer> <dialog id="modal-trial" class="fixed top-0 left-0 hidden h-full max-h-none w-full max-w-none bg-transparent pt-6 translate-y-20 items-end-safe justify-center opacity-0 transition-all transition-discrete duration-500 backdrop:bg-black/60 backdrop:opacity-0 backdrop:backdrop-blur-xs backdrop:transition backdrop:transition-discrete backdrop:duration-500 open:flex open:translate-y-0 open:opacity-100 open:starting:translate-y-20 open:starting:opacity-0 open:backdrop:opacity-100 open:backdrop:starting:opacity-0 sm:-translate-y-20 sm:items-center-safe sm:p-6 sm:open:starting:-translate-y-20" data-modal-id="trial"> <div class="relative mt-10 w-full rounded-t-xl shadow-xl/20 sm:rou
267nded-xl lg:mt-0 from-primary-light flex min-h-[85vh] flex-col bg-gradient-to-b from-20% to-white p-0 sm:min-h-0 sm:w-full sm:max-w-2xl md:p-0" data-slot="modal-inner"> <button class="text-dark-grey absolute top-2 right-2 z-10 flex size-7 cursor-pointer items-center justify-center rounded-full bg-black/10 transition hover:bg-black/5 sm:-top-10 sm:right-0 sm:size-8 sm:bg-white/25 sm:text-white sm:shadow-md/25 sm:hover:bg-white/40 lg:top-2 lg:-right-10" data-close-modal> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" class="size-3"> 268<path fill-rule="evenodd" clip-rule="evenodd" d="M1.16004 17.5167C0.574257 18.1025 0.574257 19.0522 1.16004 19.638C1.74583 20.2238 2.69558 20.2238 3.28136 19.638L10.6104 12.309L17.9395 19.6382C18.5253 20.224 19.4751 20.224 20.0608 19.6382C20.6466 19.0524 20.6466 18.1026 20.0608 17.5169L12.7317 10.1877L20.0608 2.85851C20.6466 2.27273 20.6466 1.32298 20.0608 0.737191C19.4751 0.151405 18.5253 0.151405 17.9395 0.737191L10.6104 8.06636L3.28136 0.737373C2.69558 0.151586 1.74583 0.151586 1.16004 0.737373C0.574257 1.32316 0.574257 2.27291 1.16004 2.85869L8.48903 10.1877L1.16004 17.5167Z" fill="currentColor" /> 269</svg> </button> <form class="flex grow flex-col py-6 md:py-10"> <div class="px-6 md:px-10"> <h2 class="font-display text-gradient mb-4 text-3xl/tight font-semibold tracking-tight text-balance sm:text-[32px]"> 270Get started with Motion! 271</h2> </div> <div class="grid grow grid-cols-1 grid-rows-1 overflow-hidden *:col-span-1 *:col-start-1 *:row-span-1 *:row-start-1 *:flex *:flex-col *:px-6 *:transition-all *:duration-500 *:will-change-transform sm:*:pb-px md:*:px-10"> <fieldset data-testid="company-size-section" data-step-id="company-size"> <h3 class="mb-4 text-lg font-semibold"> 272How many team members do you plan to have using Motion over the next 6 months? 273</h3> <div class="flex flex-col gap-2"> <label class="has-checked:ring-primary hocus:ring-[#dbdbdb] hover:has-checked:ring-primary to-primary-light from-white has-checked:bg-gradient-to-b flex cursor-pointer flex-row items-center gap-2 rounded-md bg-white px-3 py-2 ring-1 ring-[#f1f1f1] has-checked:ring-2"> <input type="radio" name="employees" value="1 (Just me)" class="peer gtfo" data-event="TEAM_SURVEY_SELECTION" data-event-selection="1 (Just me)" required> <span>1 (Just me)</span> <div class="ml-auto hidden size-6 items-center justify-center rounded-full text-white peer-checked:flex border border-[#dbdbdb] peer-checked:border-transparent peer-checked:bg-linear-to-b peer-checked:from-[#617fe3] peer-checked:to-[#3e63dd] peer-checked:drop-shadow-primary/15 peer-checked:drop-shadow"> <svg fill="none" viewBox="0 0 18 18" class="size-4"> 274 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 275</svg> </div> </label><label class="has-checked:ring-primary hocus:ring-[#dbdbdb] hover:has-checked:ring-primary to-primary-light from-white has-checked:bg-gradient-to-b flex cursor-pointer flex-row items-center gap-2 rounded-md bg-white px-3 py-2 ring-1 ring-[#f1f1f1] has-checked:ring-2"> <input type="radio" name="employees" value="Between 2 and 14" class="peer gtfo" data-event="TEAM_SURVEY_SELECTION" data-event-selection="Between 2 and 14" required> <span>Between 2 and 14</span> <div class="ml-auto hidden size-6 items-center justify-center rounded-full text-white peer-checked:flex border border-[#dbdbdb] peer-checked:border-transparent peer-checked:bg-linear-to-b peer-checked:from-[#617fe3] peer-checked:to-[#3e63dd] peer-checked:drop-shadow-primary/15 peer-checked:drop-shadow"> <svg fill="none" viewBox="0 0 18 18" class="size-4"> 276 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 277</svg> </div> </label><label class="has-checked:ring-primary hocus:ring-[#dbdbdb] hover:has-checked:ring-primary to-primary-light from-white has-checked:bg-gradient-to-b flex cursor-pointer flex-row items-center gap-2 rounded-md bg-white px-3 py-2 ring-1 ring-[#f1f1f1] has-checked:ring-2"> <input type="radio" name="employees" value="Between 15 and 24" class="peer gtfo" data-event="TEAM_SURVEY_SELECTION" data-event-selection="Between 15 and 24" required> <span>Between 15 and 24</span> <div class="ml-auto hidden size-6 items-center justify-center rounded-full text-white peer-checked:flex border border-[#dbdbdb] peer-checked:border-transparent peer-checked:bg-linear-to-b peer-checked:from-[#617fe3] peer-checked:to-[#3e63dd] peer-checked:drop-shadow-primary/15 peer-checked:drop-shadow"> <svg fill="none" viewBox="0 0 18 18" class="size-4"> 278 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 279</svg> </div> </label><label class="has-checked:ring-primary hocus:ring-[#dbdbdb] hover:has-checked:ring-primary to-primary-light from-white has-checked:bg-gradient-to-b flex cursor-pointer flex-row items-center gap-2 rounded-md bg-white px-3 py-2 ring-1 ring-[#f1f1f1] has-checked:ring-2"> <input type="radio" name="employees" value="Between 25 and 49" class="peer gtfo" data-event="TEAM_SURVEY_SELECTION" data-event-selection="Between 25 and 49" required> <span>Between 25 and 49</span> <div class="ml-auto hidden size-6 items-center justify-center rounded-full text-white peer-checked:flex border border-[#dbdbdb] peer-checked:border-transparent peer-checked:bg-linear-to-b peer-checked:from-[#617fe3] peer-checked:to-[#3e63dd] peer-checked:drop-shadow-primary/15 peer-checked:drop-shadow"> <svg fill="none" viewBox="0 0 18 18" class="size-4"> 280 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 281</svg> </div> </label><label class="has-checked:ring-primary hocus:ring-[#dbdbdb] hover:has-checked:ring-primary to-primary-light from-white has-checked:bg-gradient-to-b flex cursor-pointer flex-row items-center gap-2 rounded-md bg-white px-3 py-2 ring-1 ring-[#f1f1f1] has-checked:ring-2"> <input type="radio" name="employees" value="Between 50 and 99" class="peer gtfo" data-event="TEAM_SURVEY_SELECTION" data-event-selection="Between 50 and 99" required> <span>Between 50 and 99</span> <div class="ml-auto hidden size-6 items-center justify-center rounded-full text-white peer-checked:flex border border-[#dbdbdb] peer-checked:border-transparent peer-checked:bg-linear-to-b peer-checked:from-[#617fe3] peer-checked:to-[#3e63dd] peer-checked:drop-shadow-primary/15 peer-checked:drop-shadow"> <svg fill="none" viewBox="0 0 18 18" class="size-4"> 282 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 283</svg> </div> </label><label class="has-checked:ring-primary hocus:ring-[#dbdbdb] hover:has-checked:ring-primary to-primary-light from-white has-checked:bg-gradient-to-b flex cursor-pointer flex-row items-center gap-2 rounded-md bg-white px-3 py-2 ring-1 ring-[#f1f1f1] has-checked:ring-2"> <input type="radio" name="employees" value="Between 100 and 499" class="peer gtfo" data-event="TEAM_SURVEY_SELECTION" data-event-selection="Between 100 and 499" required> <span>Between 100 and 499</span> <div class="ml-auto hidden size-6 items-center justify-center rounded-full text-white peer-checked:flex border border-[#dbdbdb] peer-checked:border-transparent peer-checked:bg-linear-to-b peer-checked:from-[#617fe3] peer-checked:to-[#3e63dd] peer-checked:drop-shadow-primary/15 peer-checked:drop-shadow"> <svg fill="none" viewBox="0 0 18 18" class="size-4"> 284 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 285</svg> </div> </label><label class="has-checked:ring-primary hocus:ring-[#dbdbdb] hover:has-checked:ring-primary to-primary-light from-white has-checked:bg-gradient-to-b flex cursor-pointer flex-row items-center gap-2 rounded-md bg-white px-3 py-2 ring-1 ring-[#f1f1f1] has-checked:ring-2"> <input type="radio" name="employees" value="500 or greater" class="peer gtfo" data-event="TEAM_SURVEY_SELECTION" data-event-selection="500 or greater" required> <span>500 or greater</span> <div class="ml-auto hidden size-6 items-center justify-center rounded-full text-white peer-checked:flex border border-[#dbdbdb] peer-checked:border-transparent peer-checked:bg-linear-to-b peer-checked:from-[#617fe3] peer-checked:to-[#3e63dd] peer-checked:drop-shadow-primary/15 peer-checked:drop-shadow"> <svg fill="none" viewBox="0 0 18 18" class="size-4"> 286 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.8 9.8 3 3 7.5-7.6" /> 287</svg> </div> </label> </div> <div class="mt-8 flex justify-between gap-2"> <button class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="secondary" type="button" data-close-modal="true"> Back </button> <button class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" type="submit" disabled> Continue </button> </div> </fieldset> </div> </form> </div> </dialog>
287<script type="module" src="/_astro/Modal.astro_astro_type_script_index_0_lang.Yahj7Ar8.js"></script>
287
287<script type="module" src="/_astro/TrialModal.astro_astro_type_script_index_0_lang.G_UIlryy.js"></script>
287 <dialog id="modal-confirm-email" class="fixed top-0 left-0 hidden h-full max-h-none w-full max-w-none bg-transparent pt-6 translate-y-20 items-end-safe justify-center opacity-0 transition-all transition-discrete duration-500 backdrop:bg-black/60 backdrop:opacity-0 backdrop:backdrop-blur-xs backdrop:transition backdrop:transition-discrete backdrop:duration-500 open:flex open:translate-y-0 open:opacity-100 open:starting:translate-y-20 open:starting:opacity-0 open:backdrop:opacity-100 open:backdrop:starting:opacity-0 sm:-translate-y-20 sm:items-center-safe sm:p-6 sm:open:starting:-translate-y-20" data-modal-id="confirm-email"> <div class="relative mt-10 rounded-t-xl bg-white p-4 shadow-xl/20 sm:rounded-xl md:p-6 lg:mt-0 w-full max-w-[500px] transition-all duration-300 not-data-[step=form]:max-w-[970px]" data-slot="modal-inner" data-testid="confirm-email-modal"> <button class="text-dark-grey absolute top-2 right-2 z-10 flex size-7 cursor-pointer items-center justify-center rounded-full bg-black/10 transition hover:bg-black/5 sm:-top-10 sm:right-0 sm:size-8 sm:bg-white/25 sm:text-white sm:shadow-md/25 sm:hover:bg-white/40 lg:top-2 lg:-right-10" data-close-modal> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" class="size-3"> 288<path fill-rule="evenodd" clip-rule="evenodd" d="M1.16004 17.5167C0.574257 18.1025 0.574257 19.0522 1.16004 19.638C1.74583 20.2238 2.69558 20.2238 3.28136 19.638L10.6104 12.309L17.9395 19.6382C18.5253 20.224 19.4751 20.224 20.0608 19.6382C20.6466 19.0524 20.6466 18.1026 20.0608 17.5169L12.7317 10.1877L20.0608 2.85851C20.6466 2.27273 20.6466 1.32298 20.0608 0.737191C19.4751 0.151405 18.5253 0.151405 17.9395 0.737191L10.6104 8.06636L3.28136 0.737373C2.69558 0.151586 1.74583 0.151586 1.16004 0.737373C0.574257 1.32316 0.574257 2.27291 1.16004 2.85869L8.48903 10.1877L1.16004 17.5167Z" fill="currentColor" /> 289</svg> </button> <div class="flex flex-col gap-4"> <p class="font-display text-2xl font-semibold tracking-tight">Welcome to Motion!</p> <p class="text-light-grey-text"> 290Please confirm the email <span class="font-bold" data-slot="email"></span> is correct (no typos). 291</p> <button class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="primary" type="button" data-confirm-email="true"> Confirm </button> <button class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg text-center font-semibold decoration-0 transition data-[size=small]:px-4 data-[size=small]:py-2.5 data-[size=small]:text-sm data-[size=normal]:px-5 data-[size=normal]:py-3 data-[size=normal]:text-base data-[sentiment=primary]:bg-primary data-[sentiment=primary]:bg-linear-to-b data-[sentiment=primary]:from-[#617fe3] data-[sentiment=primary]:to-[#3e63dd] data-[sentiment=primary]:text-white data-[sentiment=primary]:shadow-[0_2px_5px_#0003,inset_0_0_0_1px_#0000001a,inset_0_2px_#fff3] data-[sentiment=primary]:hover:brightness-105 data-[sentiment=secondary]:bg-primary-light data-[sentiment=secondary]:text-primary data-[sentiment=secondary]:hover:bg-[#deecff] disabled:cursor-not-allowed disabled:opacity-50" role="button" data-size="normal" data-sentiment="secondary" type="button" data-close-modal="true"> Change email </button> <p class="text-light-grey-text text-center text-balance"> 292By signing up, you agree to our <a href="/legal/terms-of-service" class="text-primary" target="_blank">Terms of Service</a> 293and <a href="/legal/privacy-policy" class="text-primary" target="_blank">Privacy Policy</a> </p> </div> </div> </dialog>
293<script type="module" src="/_astro/ConfirmEmailModal.astro_astro_type_script_index_0_lang.BBbJl9_v.js"></script>
293
293<script type="module" src="/_astro/PreviewModeBanner.astro_astro_type_script_index_0_lang.BobspVUK.js"></script>
293 <noscript><img height="1" width="1" style="display: none" alt="" src="https://px.ads.linkedin.com/collect/?pid=6905708&fmt=gif"></noscript>
293<script type="text/javascript"> 294 const _linkedin_partner_id = '6905708' 295 window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [] 296 window._linkedin_data_partner_ids.push(_linkedin_partner_id) 297 ;(function (l) { 298 if (!l) { 299 window.lintrk = function (a, b) { 300 window.lintrk.q.push([a, b]) 301 } 302 window.lintrk.q = [] 303 } 304 const s = document.getElementsByTagName('script')[0] 305 const b = document.createElement('script') 306 b.type = 'text/javascript' 307 b.async = true 308 b.src = 'https://snap.licdn.com/li.lms-analytics/insight.min.js' 309 s.parentNode.insertBefore(b, s) 310 })(window.lintrk) 311</script>
311
311<script src="https://app.enzuzo.com/scripts/cookiebar/b8547b10-2d1c-11ef-8ffc-8b05bfea15a1" async></script>
311
311<script type="module" src="/_astro/RootLayout.astro_astro_type_script_index_0_lang.D_1Pk0p8.js"></script>
311</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.